Многие считают, что для создания хорошего визуального материала — презентации, плаката, инфографики — нужно быть профессиональным художником, дизайнером, типографом. Это правда. Но лишь наполовину. Автор блога о визуальной грамотности Алексей Демин рассказывает про главные принципы дизайна. С их помощью ваши учебные презентации и другие работы будут красивыми и информативными.

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

Есть простые принципы, которые помогут сделать визуальные материалы внятными и вполне профессиональными. Автор бестселлера «Дизайн для НЕдизайнеров» Робин Уильямс сформулировала четыре универсальных принципа — простых для понимания и очень эффективных. Поделюсь находками из этой книги.

Во вступлении Робин Уильямс говорит:

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

Главная идея книги в том, что ключ к пониманию дизайна — это умение сформулировать его принципы. Автор объясняет это на примере из жизни. Однажды ей подарили энциклопедию, в которой среди прочих было описано «Дерево Иисуса» (Joshua tree, «Юкка коротколистная»). Вдруг она стала замечать это дерево повсюду в своём городе. «…Когда я узнала о существовании этого дерева, то стала замечать его всюду. Это и есть моя главная мысль: мы осознаём, что нечто существует, если знаем, как оно называется. У нас появляется власть над этим нечто. Оно наше и подчиняется нам». Узнав четыре принципа дизайна, мы будем видеть их в своих (и чужих) работах. И соблюдать.

Приближенность, выравнивание, повтор, контраст

1. Приближенность / близость

«Связанные между собой элементы следует группировать. Тогда они образуют один визуальный элемент, а не рассеиваются по странице». Цель — упорядочить информацию по смыслу. Для этого нужно объединить (сблизить) логически связанные части текста, изображения, декоративные элементы. Следует избегать связи случайных элементов и большого количества групп (если их более пяти, то нужно что-то убрать).

2. Выравнивание

«Ни один элемент страницы не должен занимать случайное место. Каждый нуждается в визуальной связи с соседними». Наметьте линии (вертикальные и горизонтальные) и старайтесь выровнять по ним все элементы. Цель — упорядочить информацию. При взгляде на работу должно быть ощущение равновесия, ясности. Будьте осторожны при выравнивании по центру, оно «придаёт документу более официальный, стандартный и часто посредственный вид».

3. Повтор

Найдите элемент для повторения. Это сразу сделает работу интереснее, выразительнее. Однако не перестарайтесь с повтором. Например, включите в композицию фрагмент знакомого предмета или расположите его как-то иначе. «Цель повтора — объединить всю публикацию и сделать её визуально интереснее».

4. Контраст

Самое сильное средство привлечения внимания — очевидное отличие элементов. Подумайте, на что вы хотите обратить внимание зрителей в первую очередь (смысловой центр), и сделайте это ярче, больше, необычнее. «Но только помните: нет контраста между чёрным и тёмно-коричневым. Возьмитесь за дело всерьёз».

Посмотрим на каждый из принципов внимательнее и попробуем их приручить. В качестве исходной информации возьмём работу, найденную в интернете по запросу «объявление школа».

Уверен: мы все видели подобное. Текст выглядит бесформенным пятном, картинка вставлена просто так, «для красоты»; для поиска смысла нужно серьёзно напрячь зрение и мысли.

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

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

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

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

В завершении — ещё кое-что важное. Выучив правила, вы сможете… их нарушать. Так поступают мастера. Осознанное нарушение правил способно передавать смысл и воздействовать не меньше, чем их соблюдение. Автор пишет: «Вся штука в том, что нельзя нарушать правила робко. Либо делайте это от души, с размахом, либо не делайте вовсе». Как можно догадаться, ключевое слово здесь — «осознанно». Это значит, что любой принцип дизайна и его нарушение должны служить главной цели — увлечь зрителя и передать идею.