Визуальная иерархия: с чего начинается чтение
Иерархия помогает различить главное, второстепенное и служебное. Размер, положение и контраст действуют вместе.
Читать материал ↗Дизайн и визуальные решения
Сделать смысл видимым.
Композиция, типографика, цвет и визуальные системы. Понятные принципы для макетов, которые помогают читать и выбирать.
ПОРЯДОК / РИТМ / СМЫСЛ
Аа01—20
Подход VisualWise
От идеи к повседневной практике.
01
Внимание
Сначала понять задачу и контекст.
02
Выбор
Сравнить варианты и найти подходящий.
03
Действие
Начать с небольшого понятного шага.
Выбор редакции
Открыть материал ↗В центре внимания
Цвет
Цвет как дополнительный сигнал
Цвет помогает быстро различать состояния, но не должен быть единственным носителем важной информации. Люди воспринимают цвета по-разному.
Читать дальше ↗Библиотека
20 материалов · 4 рубрикЧитайте в журнале
Сетка: общий порядок элементов
Сетка задаёт повторяемые опоры для размещения. Она помогает связывать страницы и блоки в единую систему.
Читать материал ↗
Отступы: расстояние передаёт связь
Близкие элементы часто воспринимаются как связанные. Расстояние может объяснять структуру без дополнительных рамок.
Читать материал ↗
Выравнивание: невидимые линии
Общая линия края связывает разнородные элементы. Случайные небольшие смещения создают ощущение нерешённости.
Читать материал ↗
Контраст: выделять осмысленно
Контраст возникает не только между цветами, но и между размерами, формами и плотностью. Он работает относительно окружения.
Читать материал ↗
Ограниченная палитра
Небольшой набор цветов легче связать с понятными ролями. Основной текст, фон и акцент не должны конкурировать случайно.
Читать материал ↗Цвет как дополнительный сигнал
Цвет помогает быстро различать состояния, но не должен быть единственным носителем важной информации. Люди воспринимают цвета по-разному.
Читать материал ↗
Шрифт под задачу
Шрифт влияет на характер и читаемость сообщения. Подходящий выбор зависит от длины текста, размера и среды показа.
Читать материал ↗
Размер и длина строки
Читаемость зависит от сочетания размера, ширины строки и расстояния между строками. Изменение одного параметра влияет на остальные.
Читать материал ↗
Межстрочный интервал
Интервал создаёт ритм строк и отделяет их друг от друга. Его выбирают с учётом шрифта, размера и плотности текста.
Читать материал ↗
Пара шрифтов
Два шрифта должны иметь понятные роли и согласованный характер различий. Контраст без общей логики создаёт случайный вид.
Читать материал ↗
Изображение и подпись
Подпись объясняет, что именно показывает изображение и почему оно важно. Её положение должно однозначно связывать текст с нужным объектом.
Читать материал ↗