Материалы для тех, кто работает с сайтами и digital-продуктами: UX, UI, веб-дизайн, разработка, маркетинг и практические разборы.
Когда говорят о конверсии сайта, часто начинают с отдельных элементов: кнопки, формы заявки, заголовка на первом экране. Но решение пользователя оставить заявку формируется намного раньше. Человек сначала должен понять, что...
BEM (БЭМ — Block, Element, Modifier) — это методология организации компонентов интерфейса и CSS-классов. Её цель — сделать стили более предсказуемыми, масштабируемыми и менее зависимыми от конкретной структуры страницы. Основная...
Я решил разобраться, что на самом деле создаёт визуальную иерархию в интерфейсе. Обычно всё выглядит довольно просто: главное делают крупнее, второстепенное — мельче, важную кнопку выделяют цветом. Но если начать...
Я всё чаще вижу сайты, которые выглядят так, будто их не проектировали, а просто сгенерировали. Вроде бы всё на месте: большой заголовок, кнопка, несколько карточек, красивые градиенты, анимации, адаптив. Технически...
Даже с опытом работы над сайтами бывают моменты, когда новый проект начинается не с потока идей, а с ощущения, что непонятно, с чего начать. У меня тоже бывают такие ситуации:...
Структура сайта начинается не с дизайна При создании нового сайта часто начинают с визуальной части: выбирают стиль, обсуждают цвета, собирают референсы и проектируют главную страницу. Но до того, как пользователь...
Отступы определяют не только свободное пространство вокруг элементов. Они формируют визуальный ритм интерфейса, показывают связь между блоками и помогают пользователю считывать структуру страницы. Когда каждый отступ выбирается отдельно, интерфейс постепенно...
Визуальный баланс — это распределение визуального веса между элементами композиции. Он помогает интерфейсу восприниматься цельным и устойчивым, даже если его части сильно отличаются по размеру, форме или количеству. Визуальный вес...
Плотность контента — это количество информации и элементов, размещённых на определённой площади интерфейса. Она складывается не только из объёма текста. На визуальную плотность влияют количество элементов, размеры шрифта, межстрочные интервалы,...
Визуальная перегрузка возникает, когда интерфейс одновременно предъявляет пользователю слишком много визуальных сигналов, конкурирующих за внимание. Это может быть большое количество элементов, контрастных цветов, акцентных кнопок, декоративных деталей или просто слишком...
