Визуальный дизайн

Что это такое

Визуальный дизайн — это четыре решения: иерархия, отступы, контраст и выравнивание, и вместе они заставляют интерфейс выглядеть продуманным, а не собранным наспех. Работает этот слой поверх уже устоявшейся структуры и определяет, куда падает взгляд, что читается как одна группа и вызывает ли всё вместе доверие.

Почему это важно

Суждение об экране человек составляет раньше, чем прочтёт хоть одно слово. Если все элементы спорят на одном весе, страница превращается в работу; если главное действие самое крупное и самое контрастное, она очевидна. Доверие тоже выигрывается или теряется здесь: сбитые отступы и несовпадающее выравнивание читаются как небрежность, однако пользователь переносит это суждение на надёжность продукта, а украшения во всём этом нет — есть механизм упорядочивания того, что решила структура.

Что в этом треке

Иерархия и отступы (03-design-ux/10-visual-design/01-hierarchy-and-spacing) — что взгляд видит первым, вторым и третьим и как группы задаёт пространство.
Контраст и выравнивание (03-design-ux/10-visual-design/02-contrast-and-alignment) — как сделать различия заметными и свести элементы на общую линию.

Предварительные требования

Нет.

Что читать дальше

Типографика (03-design-ux/28-typography) — шкала шрифта, которая несёт большую часть иерархии.
Теория цвета (03-design-ux/29-color-theory) — как выбрать контраст и смысл, которые переживут дальтонизм.
Макетирование и сеточные системы (03-design-ux/30-layout-grid-systems) — колонки и точки перелома, от которых зависит выравнивание.
Дизайн-системы (03-design-ux/32-design-systems) — как удержать визуальные правила, когда их применяет уже несколько человек.