Идея логотипа часто приходит из фантазии и карандаша в руке, а не от поразительно большого количества направляющих, сеток и красивых кругов. Грэм Смит, дизайнер The Logo Smith

Все дизайнеры работают по-своему: кто-то постоянно все вымеряет по линейке, кто-то долго ищет вдохновение, кто-то даже умудряется найти другого дизайнера, чтобы тот всё сделал за него и прочее, и прочее. Но одно у них остается неизменным – использование модульных сеток. Оно и понятно, в принципе, до банальности, без модульной сетки сделать дизайн сайта выровненным невозможно. То подписи будут на разной высоте, то блоки, линии и прочее.

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

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

Персональная модульная сетка для логотипа

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

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

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

 

Итак, подводя небольшой итог: логотипная сетка может быть квадратной или в клеточку, состоящей из окружностей или иметь только пару направляющих.  Какую выбирать именно вам, зависит от того, какой логотип вы думаете создать. Создайте рисунок-макет от руки на листочке бумаги, разделите рисунок на составляющие части и подумайте, где именно требуется вымерять расстояние и углы. Тогда и сетка у вас начнет появляться на том же листке.  Уже потом проще перенести рабочий набросок в Photoshop/Illustrator и продолжить более кропотливую и ювелирную работу.

Общая сетка для всех

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

Но между тем, почти всегда мы используем стандартный стиль сетки в любом дизайнерском искусстве, даже в архитектуре и при работе с чертежами. Это, например, создание фотокадра, полотна, рисунка по «правилу третей» (упрощенное золотое сечение, подробнее в Википедии). Если вы когда-нибудь включали сетку на фотоаппарате для выравнивания, то поймете, о чем идет речь. Также и «золотое сечение», и границы сетки (большой квадрат) или отдельные столбцы/строки.

Слева без правила третей, справа – с правилом.

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

Модульная сетка не всегда нужна логотипам

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

 

Все вопросы об использовании логотипной сетки

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

С течением времени дизайнеры подбирают удобные стили, вариации сеток, придумывают собственные. Но это приходит не сразу, а с опытом, с практикой. И да, работа с сеткой выглядит сложной и одновременно интересной. Можно за сутки быстро нацарапать на холсте логотип и сказать: «вуа-ля, все готово», а можно рассмотреть тот же проект, но с использованием сетки. И вот почему:

  • Сетки могут помочь создать фокус и сочетание форм и элементов.
  • На сетке проще создать простые формы, вневременные. Логотипы Apple, Braun, Shell, Bing состоят из невероятно простых геометрических форм, классических и узнаваемых. Но при этом сами логотипы выглядят невероятно красивыми и креативными.

 

  • Сетка позволяет создавать универсальные логотипы. Подумайте о принципах проектирования. Возьмем значок bing. Он начинается с сетки и ею он и заканчивается.

  • Сетки дают дизайнерам большую гибкость, вариативность рисования, перемещения линий и форм. Пример из практики. Вы создаете логотип из нескольких квадратов и для удобства вырезали их из бумаги. Вы можете просто перемещать их на столе и выкладывать, но можете делать это в Photoshop’е и выравнивать по сетке. Сетка позволит вам найти те варианты, что могут стать более интересными и гармоничными в отличие от первоначального макета.
  • И именно поэтому игра с пространством, тоже удобнее становится, если есть стека.
  • Сетка может вами и не использоваться фактически, но вся ваша работа и восприятие пользователей все равно будет основано на концепции применения логотипной сетки. Это «правило третей». Когда мы смотрим на кадр, мы не видим сетку, по которой создана композиция. Но сцена имеет четкое распределение объектов по столбцам и линиям.

Логотипные сетки – зло

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

  • Использование сетки дает дизайнерам чувство «скованности» в некоторые рамки, формы; будто у них отняли свободу творчества. Соответственно, их логотипы могут получиться не такими уж хорошими, как если бы они работали без сетки, «на глазок».
  • И тут как раз мы и обратим внимание на логотипы, что создаются без сетки как таковой. Они создаются по принципу «золотого сечения», из пересечения отдельных форм. Наглядным и прекрасным примером служат работы дизайнера Тома Андерса Уоткинса, который создает рисунки животных для логотипов, клипартов из пересечения окружностей. Невероятно красиво, воздушно, универсально.

  • Создавать логотипные сетки сложно, трудоемко, кропотливо, долго по времени. А если вы вообще не знакомы с сетками, то обучение может стать непосильной задачей.
  • Нужно любить математику, иначе в ней можно увязнуть. Точнее, в расчётах и вычислениях. Итог: вместо логотипа, рисунка вы создадите геометрический набросок.
  • Использование сетки не подразумевает, что всегда и везде нужно строго все делать по ней. Очень часто её приходится разбивать. Проектировщики же могут попросту «не видеть», не осознавать, когда нужно разбить сетку и где именно.

 

Вы используете логотипную сетку?

А что ответит каждый из вас на этот вопрос? По-разному. Кто-то и вообще не увлекается логотипами, а занимается только сайтами. Но и для них  модульные сетки, тем более, обязательны. С другой стороны, куда проще создать на бумаге набросок, сделать схему логотипа и затем разложить все элементы схемы на сетке. Таким образом, можно получить представление о том, как «звучит» структура логотипа, как можно ее изменить, чего лучше избегать.

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

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

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

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

Выводы

Тема модульной сетки для логотипа – щекотливая для всех веб-дизайнеров. Но ее любят изучать и обсуждать. Например, введите в поиске Google «логотипная сетка» и вы увидите огромное количество проектов и примеров конструкций и разработки известных брендов. Вы найдете статьи и работы веб-дизайнеров на эту тему, учебники даже.

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