Как структурировать дизайн

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


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

Как структурировать дизайн


Сетка: зачем она нужна?

Первое и самое важное в грамотном кодировании визуальной информации – это сетка. Сетка – это простейшая геометрическая структура, которая автоматически группирует разнородные данные между собой на пространстве листа или веб-сайта. Самый простой способ понять, насколько сетка важна и нужна, – провести следующий эксперимент. Возьмите готовый векторный редактируемый макет (допустим, журнальной полосы) и заметно сдвиньте одну колонку или изображение в любом удобном для вас направлении. Вы увидите, что эта колонка или изображение автоматически вывалится из общей структуры и будет привлекать к себе повышенное внимание. Это полезно, если выделяющиеся данные нужно намеренно акцентировать. При этом если задача состоит в том, чтобы человек комфортно для себя прочитал и усвоил достаточно большой блок информации, то это принесет больше вреда, нежели чем пользы. Приведу еще один понятный пример. Введите в поисковой системе запрос «ад перфекциониста», и в 80% случаев вы увидите нарушение системы сетки или шаблонизации. Многих людей подобные действия очень сильно раздражают. У стандартной сетки существуют ограничения. Дело в том, что создать необычный сложносочиненный макет, допустим, плаката, чаще всего при использовании стандартной сетки достаточно трудно. Часто о таких макетах от заказчика можно услышать до боли знакомые фразы: «поиграйся еще со шрифтом» и «добавь красоты». Как это сделать – дальше.

Как структурировать дизайн

Силовые линии

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

Как структурировать дизайн

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

Все фото предоставлены автором.

Дмитрий Щербаков

Ст. преподаватель Кафедры промышленного дизайна РГУ им. Косыгина, член Союза дизайнеров России. Основатель дизайн-студии полного цикла «Щербаков-студио» и фотоагентства «Фотодело».

Комментариев пока нет

оставьте ответ

Ваш электронный адрес не будет опубликован.

Онлайн о моде России

© 2016-2022

Эл № ФC77-71034 от 13.09.2017

По всем вопросам сотрудничества:
[email protected]
+7(926)836-09-76