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