КОНТРАСТ
Если меня спросят про самый полезный принцип в коммуникационном дизайне, я отвечу без раздумий: контраст. Не потому, что «так учат», а потому, что контраст — это начало сторителлинга. И с этим связаны самые частые ошибки у дизайнеров.
В любой картинке есть история. Заголовок и подзаголовок — это уже два разных персонажа. Как Бэтмен и Робин. И между ними уже есть отношения: разница, конфликт, иерархия. Контраст — это способ наглядно и быстро показать эти взаимоотношения, сделать их читаемыми, ощутимыми, живыми.
Контраст ведёт взгляд от главного к второстепенному — и в этом движении зарождается информационная последовательность. Он фокусирует. Он создаёт игру. И, на мой взгляд, вокруг него крутятся даже другие принципы: близость, иерархия, приоритезация, фокус и пр. Потому что все они — про явное отделение одного от другого, про распознавание разности (расстояний, групп, важности и т. д.).
Убери контраст — и коммуникация рассыпается. Останется плоское, равноценное, немое пространство. Без истории. Без героев. Без конфликта. Оставим это для дешёвых книг без вёрстки.
[1] Прищурься: глядя на макет, прищурь глаза. Всё сольётся в кашу, и ты увидишь, где самая тёмная тень, а где самый яркий свет. Это инструмент выявления светотеневого разделения. Прямиком с уроков художки. Ты увидишь, как неконтрастные детали сольются, а контрастные — выйдут на передний план.
[2] Снизь насыщенность. Сделай скрин или экспорт макета в JPEG/PNG, затем снизь насыщенность изображения до нуля. Когда исчезают цвета, становится видно, что наиболее контрастно по яркости.
Еще одна фишка: в цвете есть определённые правила — стандарт веб-доступности WCAG. Можно онлайн проверить цветовой контраст, а не рассуждать об этом как о вкусовщине. Некоторые вещи в дизайне всё-таки измеримы!)
Зафиналю так: хороший дизайн всегда рассказывает историю, так как это коммуникационный инструмент. Контраст — это один из инструментов, которым она написана.
Если меня спросят про самый полезный принцип в коммуникационном дизайне, я отвечу без раздумий: контраст. Не потому, что «так учат», а потому, что контраст — это начало сторителлинга. И с этим связаны самые частые ошибки у дизайнеров.
В любой картинке есть история. Заголовок и подзаголовок — это уже два разных персонажа. Как Бэтмен и Робин. И между ними уже есть отношения: разница, конфликт, иерархия. Контраст — это способ наглядно и быстро показать эти взаимоотношения, сделать их читаемыми, ощутимыми, живыми.
Контраст ведёт взгляд от главного к второстепенному — и в этом движении зарождается информационная последовательность. Он фокусирует. Он создаёт игру. И, на мой взгляд, вокруг него крутятся даже другие принципы: близость, иерархия, приоритезация, фокус и пр. Потому что все они — про явное отделение одного от другого, про распознавание разности (расстояний, групп, важности и т. д.).
Убери контраст — и коммуникация рассыпается. Останется плоское, равноценное, немое пространство. Без истории. Без героев. Без конфликта. Оставим это для дешёвых книг без вёрстки.
Приведу два простейших приёма для контроля контраста в визуальной коммуникации: «Прищурься» и «Убери насыщенность».
[1] Прищурься: глядя на макет, прищурь глаза. Всё сольётся в кашу, и ты увидишь, где самая тёмная тень, а где самый яркий свет. Это инструмент выявления светотеневого разделения. Прямиком с уроков художки. Ты увидишь, как неконтрастные детали сольются, а контрастные — выйдут на передний план.
[2] Снизь насыщенность. Сделай скрин или экспорт макета в JPEG/PNG, затем снизь насыщенность изображения до нуля. Когда исчезают цвета, становится видно, что наиболее контрастно по яркости.
Еще одна фишка: в цвете есть определённые правила — стандарт веб-доступности WCAG. Можно онлайн проверить цветовой контраст, а не рассуждать об этом как о вкусовщине. Некоторые вещи в дизайне всё-таки измеримы!)
Зафиналю так: хороший дизайн всегда рассказывает историю, так как это коммуникационный инструмент. Контраст — это один из инструментов, которым она написана.