Czytaj książkę: «18 законов дизайна»

Глава

Предисловие

Дорогой читатель,

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

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

Со временем я понял, насколько ошибался.

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

Многие считают, что дизайн начинается с творчества. Я думаю иначе. Дизайн начинается с понимания.

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

Именно поэтому появилась эта книга.

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

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

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

Настоящее обучение начинается не тогда, когда ты читаешь о дизайне. Оно начинается тогда, когда ты начинаешь видеть дизайн.

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

Хороший дизайнер отличается тем, что умеет замечать то, мимо чего другие проходят не задумываясь.

Если эта книга поможет тебе развить этот навык хотя бы немного, значит она была написана не зря.

С уважением,

Дмитрий Хапов

Закон 1. Видимый смысл

«Дизайн существует не для того, чтобы на него смотрели. Дизайн существует для того, чтобы его понимали.»

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

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

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

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

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

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

На самом деле большинство пользователей никогда не будут анализировать вашу работу. Они не станут задумываться о том, насколько грамотно построена композиция или почему вы выбрали именно этот оттенок синего. Их интересует только один вопрос: что вы пытаетесь сообщить? Если ответ находится быстро, человек остаётся. Если нет, он уходит.

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

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

Хороший дизайн всегда отвечает на три вопроса. Первый - что я вижу? Второй - почему это важно? Третий - что мне делать дальше? Если человек получает ответы за несколько секунд, работа выполняет свою функцию. Если хотя бы один из этих вопросов остаётся без ответа, дизайнеру стоит вернуться к проекту и пересмотреть решение.

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

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

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

Что именно должен понять человек, увидев эту работу?

Если ответ найден, фундамент уже заложен. Всё остальное становится вопросом мастерства.

Закон 2. Гармония контраста

«Контраст не разрушает гармонию. Он делает её заметной.»

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

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

Именно в этот момент на сцену выходит контраст.

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

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

Любой человек, открывая сайт, рассматривая рекламу или держа в руках упаковку товара, принимает десятки маленьких решений. На что посмотреть первым? Что является главным? Что можно проигнорировать? Эти решения принимаются практически мгновенно и чаще всего происходят на подсознательном уровне. Задача дизайнера заключается в том, чтобы помочь человеку сделать правильный выбор. Именно для этого и нужен контраст.

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

Например:

● Крупный заголовок рядом с небольшим текстом создаёт контраст размера.

● Яркая кнопка на нейтральном фоне создаёт контраст цвета.

● Минималистичный объект рядом с детализированной иллюстрацией создаёт контраст формы.

● Одинокий элемент в большом свободном пространстве создаёт контраст внимания.

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

Именно поэтому многие рекламные кампании строятся на контрасте. Достаточно посмотреть на успешные билборды или баннеры. Как правило, они не пытаются показать зрителю всё сразу. Наоборот, хороший рекламный макет обычно содержит один главный акцент и несколько поддерживающих элементов. Такая структура позволяет человеку считать сообщение за считанные секунды.

Но здесь появляется важная проблема, о которой редко говорят начинающим дизайнерам.

Контраст работает только тогда, когда ему есть с чем контрастировать.

Это одна из самых распространённых ошибок в коммерческом дизайне. Желая сделать работу более выразительной, дизайнер начинает усиливать всё подряд. Заголовок становится огромным. Кнопка становится ярче. Иллюстрация становится насыщеннее. Акцентные цвета появляются в каждом блоке. Через некоторое время оказывается, что вся композиция состоит исключительно из акцентов.

В результате исчезает сам контраст.

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

По этой причине контраст всегда должен работать вместе с гармонией. Если контраст отвечает за привлечение внимания, то гармония отвечает за удержание этого внимания внутри композиции. Она создаёт ощущение порядка, связывает элементы между собой и помогает зрителю воспринимать работу как единое целое.

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

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

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

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

Закон 3. Фокусный центр

«Если взгляд не знает, куда идти, он уходит.»

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

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

Именно поэтому в любой сильной работе существует фокусный центр. Это не обязательно самый большой объект на странице и не всегда самый яркий. Фокусный центр можно сравнить с главным героем фильма. Даже если вокруг него происходят десятки событий, зритель всё равно понимает, за кем следует наблюдать в первую очередь. В дизайне действует тот же принцип. Среди множества элементов всегда должен существовать тот, который играет главную роль.

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

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

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

Особенно хорошо этот принцип заметен в интерфейсах. Представьте интернет-магазин, в котором пользователь должен совершить покупку. Если кнопка оформления заказа визуально не отличается от остальных элементов страницы, человек будет тратить время на её поиск. Возможно, он найдёт её. Возможно, нет. Но даже если найдёт, процесс взаимодействия станет менее комфортным. Теперь представьте противоположную ситуацию. Кнопка находится в логичном месте, выделена цветом и окружена достаточным количеством свободного пространства. Пользователь замечает её почти мгновенно. В обоих случаях информация остаётся одинаковой. Меняется только способ управления вниманием.

Со временем дизайнер начинает понимать, что внимание зрителя является самым ценным ресурсом любой композиции. Именно за него конкурируют изображения, заголовки, кнопки, иллюстрации и декоративные элементы. Однако выиграть эту конкуренцию должны не все объекты сразу. Победителем должен стать только один элемент. После этого взгляд естественным образом перейдёт к следующему объекту, затем к следующему, постепенно знакомясь со всей работой.

Здесь появляется ещё одна важная ошибка новичков. Желая сделать работу более интересной, они создают сразу несколько равнозначных акцентов. В результате возникает ситуация, когда взгляд одновременно притягивается к нескольким объектам. Человеку становится сложно понять, что является главным, а что второстепенным. Композиция начинает напоминать разговор, в котором несколько людей пытаются говорить одновременно. Каждый хочет быть услышанным, но в итоге никто не получает достаточно внимания.

Чтобы избежать этой проблемы, полезно задавать себе простой вопрос ещё на этапе создания макета: «Что человек должен увидеть первым?» Если ответ не приходит сразу, значит структура внимания ещё не выстроена. Если ответ очевиден, стоит проверить, действительно ли композиция приводит взгляд именно в эту точку.

Есть простое упражнение, которое помогает развивать это понимание. Откройте любой сайт известного бренда и посмотрите на него не больше трёх секунд. Затем закройте страницу и попробуйте вспомнить, какой объект вы заметили первым. После этого вернитесь обратно и разберите причины. Возможно, дело было в цвете. Возможно, в размере. Возможно, в свободном пространстве вокруг элемента. Постепенно вы начнёте замечать закономерности, которые раньше казались случайными.

В конечном счёте фокусный центр нужен не для красоты и не для эффектности. Его задача гораздо важнее. Он помогает человеку ориентироваться внутри композиции и избавляет его от необходимости самостоятельно искать главное. Когда эта задача решена, дизайн начинает работать значительно эффективнее. Зритель чувствует порядок, быстрее воспринимает информацию и легче понимает смысл работы.

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

Закон 4. Пропорции и ритм

«Хороший дизайн воспринимается естественно не потому, что он прост. А потому, что в нём всё находится на своём месте.»

Если внимательно посмотреть на работы, которые принято считать красивыми, можно заметить одну интересную закономерность. Независимо от стиля, направления или эпохи, в них почти всегда присутствует ощущение порядка. Иногда этот порядок очевиден, иногда почти незаметен, но именно он создаёт то чувство гармонии, которое трудно объяснить словами. Человек смотрит на работу и просто чувствует, что всё выглядит правильно.

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

Пропорция определяет отношения между объектами. Она отвечает на вопрос, насколько один элемент должен быть больше, меньше, шире или уже другого. По сути, пропорции создают визуальную логику работы. Благодаря им зритель понимает, какие элементы важнее, какие играют вспомогательную роль и как всё это связано между собой.

Представьте новостной сайт, на котором заголовок статьи имеет тот же размер, что и основной текст. Формально информация остаётся на месте, но читать такую страницу становится значительно сложнее. Человеку приходится самостоятельно разбираться в структуре контента. Теперь представьте противоположную ситуацию. Заголовок заметно крупнее, подзаголовок занимает промежуточное положение, а основной текст имеет комфортный размер для чтения. Информация остаётся той же самой, но воспринимается совершенно иначе.

Причина заключается в пропорциях.

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

Однако одной пропорции недостаточно. Даже идеально сбалансированная композиция может выглядеть скучной, если в ней отсутствует ритм.

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

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

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

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

На практике сильный дизайн строится именно на повторении. Повторение создаёт доверие. Оно помогает человеку быстрее понимать структуру работы и формирует ощущение целостности. Именно поэтому крупные бренды так внимательно относятся к своим визуальным системам. Они могут использовать одни и те же принципы годами, сохраняя узнаваемость и порядок.

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

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

Полезно время от времени анализировать собственные проекты с точки зрения пропорций и ритма. Попробуйте посмотреть на работу не как на набор элементов, а как на систему отношений между ними. Задайте себе несколько вопросов.

● Есть ли в композиции чёткая визуальная иерархия?

● Повторяются ли ключевые элементы достаточно последовательно?

● Не нарушается ли ритм случайными решениями?

● Помогают ли пропорции понять, что является главным?

Очень часто ответы на эти вопросы позволяют обнаружить проблемы, которые раньше казались необъяснимыми.

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

Именно поэтому хороший дизайн воспринимается так естественно. Человек может не замечать пропорции и не задумываться о ритме, но он обязательно чувствует их влияние. А это и есть одна из главных целей дизайнера - создавать порядок, который работает настолько хорошо, что становится почти невидимым.