Пустой экран в дизайне: почему сложно начать проектировать сайт
Даже с опытом работы над сайтами бывают моменты, когда новый проект начинается не с потока идей, а с ощущения, что непонятно, с чего начать. У меня тоже бывают такие ситуации:...
Материалы о визуальной части сайтов: композиция, типографика, работа с контрастом, отступами и другими элементами, которые помогают создавать понятные и удобные интерфейсы.
Даже с опытом работы над сайтами бывают моменты, когда новый проект начинается не с потока идей, а с ощущения, что непонятно, с чего начать. У меня тоже бывают такие ситуации:...
Отступы определяют не только свободное пространство вокруг элементов. Они формируют визуальный ритм интерфейса, показывают связь между блоками и помогают пользователю считывать структуру страницы. Когда каждый отступ выбирается отдельно, интерфейс постепенно...
Визуальный баланс — это распределение визуального веса между элементами композиции. Он помогает интерфейсу восприниматься цельным и устойчивым, даже если его части сильно отличаются по размеру, форме или количеству. Визуальный вес...
Плотность контента — это количество информации и элементов, размещённых на определённой площади интерфейса. Она складывается не только из объёма текста. На визуальную плотность влияют количество элементов, размеры шрифта, межстрочные интервалы,...
Визуальная перегрузка возникает, когда интерфейс одновременно предъявляет пользователю слишком много визуальных сигналов, конкурирующих за внимание. Это может быть большое количество элементов, контрастных цветов, акцентных кнопок, декоративных деталей или просто слишком...
Иногда абзац выглядит нормально почти целиком, но последняя строка состоит из одного-двух слов. Например: Последняя строка здесь заметно короче остальных. Особенно это бросается в глаза в широких текстовых колонках и...
Токенизация интерфейса: что это такое Когда интерфейс создаётся с нуля, его параметры легко начать задавать прямо в компонентах: здесь 24px, там 32px, здесь один оттенок серого, там немного другой, для...
У страницы может быть хороший дизайн, аккуратная типографика и качественные фотографии, но при этом она всё равно будет выглядеть странно. Одна из причин — нарушенный вертикальный ритм. Речь о расстояниях...
Бывает, что с заголовком всё вроде бы нормально: размер шрифта подходит, ширина блока задана, текст сам по себе короткий. Но после вёрстки он переносится неудачно. Например, первая строка почти полностью...
У кнопки есть текст, цвет, размер, отступы и состояние при наведении. А ещё у неё есть форма. На первый взгляд вопрос о форме кажется почти несущественным. Поставить border-radius: 8px, убрать...
