Как оценить свой дизайн: чек—лист из 12 пунктов

Авторы текстов часто говорят о том, как завлечь читателя «крючком» — тем, на что взгляд падает первым. Фокус в дизайне служит тем же целям: привлекает внимание и выделяет акценты.

Давайте рассмотрим пример разворота журнала. На что вы обращаете внимание в первую очередь? На еду, верно? Все потому, что так решил дизайнер. Яркие иллюстрации выделяются на фоне простой черно-белой типографики и незамысловатых одноцветных орнаментов. Кроме того, фигурные линии на странице слева обрамляют фотографию с блюдом, еще настойчивее привлекая к ней ваш взгляд.

После того, как пользователь взглянул на объект в фокусе, он приступает дальше. Порядок, согласно которому человек рассматривает элементы, тоже продумывается дизайнером. Когда у составляющих графики нет иерархии, ее сложнее читать.

Чтобы сделать дизайн более читаемым, используйте повторяющиеся элементы — маркеры, нумерованные списки, линии и фигуры. Кроме того, повторение необходимо при создании единого стиля.

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

Не позволяйте элементам выбиваться и отвлекать зрителя от дизайна. Тут поможет симметрия — горизонтальная, вертикальная или радиальная (сбалансированная вокруг центра окружности). Человеческий мозг находит симметрию привлекательной и с ее помощью проще считывает смысл — в подобной графике легче выделить приоритетные элементы и выстроить их иерархию.

В логотипе ниже использовано два вида симметрии. Если провести вертикальную линию по центру, окажется, что правая и левая стороны почти идентичны. Солнечные лучи — пример радиальной симметрии.

То, насколько гармонично выбранные вами шрифты смотрятся вместе, влияет на эффект от вашего дизайна. Их противоречие может отвлечь от сообщения, которое вы пытаетесь донести.

Есть несколько аспектов, которые влияют на читаемость текста.

Размер. Иногда шрифт на экране кажется достаточно большим, но после печати оказывается, что его размера недостаточно. Создавая графику, учитывайте, где она будет расположена и на каком расстоянии люди будут на нее смотреть. Слишком большой шрифт не нужен визитке, зато нужен билборду. Если сомневаетесь, сделайте прототип и попросите друзей прочитать то, что написано в вашем проекте.

Рассмотрим визитку, при создании которой дизайнер удачно «поиграл» с размерами. Взгляните на верхнюю надпись Premium Print Makers — компактный шрифт имитирует рукопись, но читаемость сохраняется благодаря заглавным буквам большего размера.

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

Когда дизайнеры упускают из виду сообщение и сосредотачиваются на форме, проект может получиться перегруженным. Графика в таких работах отвлекает от смысла, а не становится частью целого.

Рекламная иллюстрация кукурузных чипсов Doritos — пример того, как форма поддерживает содержание. Формы и цвета не случайны и поддерживают образ бренда. Горы, птицы и солнечные лучи будто выложены треугольными чипсами, а их цвета соответствуют разным вкусам.

Есть несколько вещей, которые вы можете использовать.

Близость. Размещая связанные элементы ближе друг к другу, вы сможете создавать логические разделы, которые упростят чтение.

Пустое пространство. Идея пустого пространства в дизайне говорит о том, что графике нужен «воздух». Его можно создать пустыми полями, расстоянием между элементами или межстрочными интервалами.

Балансируйте между близостью и пустым пространством. Если элементам слишком тесно, графика будет перенасыщенна, если они находятся слишком далеко друг от друга — вы потеряете близость, помогающую доносить сообщение.

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

Цветовые палитры, стили оформления и подобранные шрифты придают дизайну определенное настроение — игривое, серьезное или утонченное.

Например, баннер для конкурса детских раскрасок на «Октоберфесте» сочетает осенние цвета и забавный шрифт. Солидная типографика и серые тона менее эффективно передавали бы смысл послания и, что более важно, не задавали бы нужного настроения.

Цвета имеют глубокое подсознательное значение, связанное с эмоциональным, психологическим или культурным контекстом. Например, коралловый, желтый и аквамарин вызывают ассоциации с теплом и летом, а черный с золотым говорят об утонченности и премиальности.