Анатомия логотипа
В чем секрет хорошего логотипа? В интересной идее? Или, может быть, в правильно подобранном шрифте? Как определить гармоничные пропорции фигур, которые его составляют? Если дизайнер уже примерно представляет общий вид логотипа, целесообразно начинать его проектирование с создания модульной сетки. О ней и пойдет речь в статье.
ЧТО ТАКОЕ МОДУЛЬНАЯ СЕТКА
Модульная сетка (МС) — это набор направляющих, которые образуют «каркас» будущего логотипа. Минимальная единица сетки — «модуль» — может быть совершенно разной формы и размера. Так, логотип Twitter образован окружностями разных диаметров:
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F6997%2F6560597%2Foriginal%2F43545.png&width=768&dpr=4&quality=100&sign=939be186&sv=1)
Логотип Twitter и его модульная сетка
Хоть сетка на рисунке выше, на первый взгляд, и может показаться набором хаотично расположенных окружностей разного размера, это совсем не так — используется всего три диаметра:
малый – образует клюв, голову и перья;
средний – на его основе создана спина, линии клюва и верхняя часть крыла;
большой – определяет форму груди птички.
Благодаря модульной сетке, логотип сайта Twitter выглядит аккуратным, правильным, гармоничным.
ПОЧЕМУ МОДУЛЬНАЯ СЕТКА — ЭТО КРУТО
Если взглянуть на запоминающиеся фирменные знаки, можно заметить, что у них есть определенная структура. Внешний вид логотипа Volkswagen хоть и не имеет «кирпичиков»-модулей, но зато подчиняется геометрическим правилам:
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7001%2F6560601%2Foriginal%2F09800.jpg&width=768&dpr=4&quality=100&sign=be6fc2c3&sv=1)
Логотипы подчиняются тем же принципам и канонам дизайна, что и любые графические объекты. Если требуется создать простой, лаконичный и строгий логотип — модульная сетка будет очень полезна. Она позволит выстроить «скелет» лого, благодаря которому все элементы будут подчиняться определенным стандартам.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7032%2F6560632%2Foriginal%2F5555477.jpg&width=768&dpr=4&quality=100&sign=e5c9a6e6&sv=1)
Модульная сетка логотипа Budfox
Сложный или простой — логотип может быть любым. Даже текстовый лого «Газпрома» имеет свою сетку. В ней модулем является квадрат шириной «x», а все элементы расположены пропорционально с ним.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7035%2F6560635%2Foriginal%2F8798999.jpg&width=768&dpr=4&quality=100&sign=e9fb597f&sv=1)
Логотип «Газпром»
КАКИЕ СУЩЕСТВУЮТ МОДУЛЬНЫЕ СЕТКИ
Все модульные сетки можно условно разделить на несколько групп. Они могут быть:
квадратными или прямоугольными;
на основе окружностей;
комбинированные (воздушные).
Квадратные модульные сетки для логотипов заимствованы из веб-дизайна. В их основе лежат прямоугольники или квадраты, которые и определяют форму логотипа. Ширина букв и интервалы между ними строго регламентированы.
Логотип Nudge создан на основе прямоугольной МС с применением персонального математического подхода. Так, ширина внутренней части равна межбуквенному интервалу. «Хвостики» у символов d и g срезаны под углом 45°.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7040%2F6560640%2Foriginal%2F12343.jpg&width=768&dpr=4&quality=100&sign=9ac9c463&sv=1)
Логотип nudge на основе прямоугольной сетки
Логотип Toyota основан на прямоугольниках со сторонами a и b. В эту сетку вписаны 3 овала. Пересечение линий овалов совпадает с пересечением прямоугольников — они образуют зрительные центры, то есть те места, в которые в первую очередь будет смотреть человек.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7047%2F6560647%2Foriginal%2F087999_60d9ef2abe32b71c19cf32d0a16d7427.jpg&width=768&dpr=4&quality=100&sign=984fecfb&sv=1)
Логотип Toyota
Однако, такая структурность — скорее редкость, чем правило. Гораздо чаще встречаются логотипы на основе МС, состоящей из окружностей или комбинированной сетки.
Модульные сетки на основе окружностей — самый часто встречающийся тип МС. На их основе создано большинство известных логотипов. Базовым модулем является окружность, отталкиваясь от которой и создается логотип. В начале этой статьи мы показали логотип Twitter, состоящий из нескольких окружностей различного диаметра. Одним из самых очевидных логотипов на основе МС, состоящей из окружностей, является логотип Pepsi.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7053%2F6560653%2Foriginal%2F765787888.jpg&width=768&dpr=4&quality=100&sign=23d30758&sv=1)
Логотип Pepsi
Такая модульная сетка позволяет создавать запоминающиеся логотипы в стиле «минимализм».
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7056%2F6560656%2Foriginal%2F344465666.jpg&width=768&dpr=4&quality=100&sign=741037c8&sv=1)
Логотип в минималистичном стиле — «Енот»
Apple также использовала для дизайна своего логотипа модульную сетку на основе кругов. Логотип выглядит идеальным благодаря построению его с использованием кругов Фибоначчи.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7059%2F6560659%2Foriginal%2F6567888.jpg&width=768&dpr=4&quality=100&sign=c3e7812e&sv=1)
Пропорция Фибоначчи («золотое сечение») — соотношение между двумя величинами 1:1,618. Широко используется во всех видах дизайна, так композиция, построенная на основе этого соотношения, лучше всего считывается человеческим глазом.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7074%2F6560674%2Foriginal%2F7678799.png&width=768&dpr=4&quality=100&sign=2abe686b&sv=1)
Пропорция Фибоначчи
Дизайн логотипа, основанного на пропорции Фибоначчи, хорошо воспринимается зрителем. На основе «золотого сечения» можно создавать яркие и запоминающиеся лого.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7085%2F6560685%2Foriginal%2F2223455_9768fa1fed6b9b002e824fecedcd32f5.jpg&width=768&dpr=4&quality=100&sign=8ee594d9&sv=1)
Логотип Бековского пищекомбината
Комбинированные (или воздушные) модульные сетки обычно не заметны глазу. Логотипы на их основе очень легки, красивы и универсальны. Сетка в них играет второстепенную роль. Она определяет расстояние и пробелы между различными элементами, иногда — высоту логотипа, но форма лого не привязана к МС. Прекрасный пример — работа дизайнера Davit Chanadiri, который создает логотипы из пересечения окружностей.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7087%2F6560687%2Foriginal%2F7766888.jpeg&width=768&dpr=4&quality=100&sign=ad305737&sv=1)
Логотип дизайнера Davit Chanadiri
Эффектно в комбинированных модульных сетках выглядит пропорция Фибоначчи и грамотное использование «негативного пространства».
Логотип шведской дизайн-студии Helvetic Brands
СИММЕТРИЯ И АСИММЕТРИЯ В МОДУЛЬНЫХ СЕТКАХ
Симметрия — всегда красиво. Симметричный баланс означает, что вес композиции равномерно распределен по отношению к оси симметрии. Симметричные логотипы выглядят более спокойными и надежными.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7104%2F6560704%2Foriginal%2F3453355.png&width=768&dpr=4&quality=100&sign=682aca16&sv=1)
Симметричное и асимметричное расположение элементов
Асимметричные композиции позволяют привлечь внимание к несбалансированности форм, из-за этого асимметричный логотип цепляет взгляд и лучше запоминается. Он выглядит динамичнее, игривее и загадочнее, это следует учитывать при его проектировке. Асимметрия — это всегда ритм и движение, но не стабильность и уверенность.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7108%2F6560708%2Foriginal%2F23445555.png&width=768&dpr=4&quality=100&sign=a2f53273&sv=1)
Симметричный и асимметричный логотип
Очень сбалансированно выглядят асимметричные логотипы, для построения которых использован принцип «золотого сечения». Он позволяет сохранить общую симметрию композиции, но при этом акцентировать внимание на некоторых элементах, немного их сместив.
В КАКИХ СЛУЧАЯХ МОДУЛЬНАЯ СЕТКА БУДЕТ ИЗЛИШНЕЙ
Модульная сетка бессмысленна, если элементы логотипа не связаны между собой. В этом случае она будет нелогична, непонятна и неудобна.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2Fcdn.idbi.ru%2Ffiles%2F1%2F7111%2F6560711%2Foriginal%2F8797899.png&width=768&dpr=4&quality=100&sign=79d760bf&sv=1)
Логотип состоит из элементов, не связанных между собой
Не нужно создавать «сетку ради сетки» и пытаться наложить на нее любые логотипы. На примерах ниже видно, где МС уместна, а где — смысла в ней нет.
Логотипы, в которых модульная сетка нужна и не нужна
Еще один случай, когда модульная сетка не нужна — логотип, в котором основную роль играет эмоциональный образ персонажа. Надуманные схемы построения скорее вредят, чем приносят пользу проекту.
«Демонстрация любых схем лишена смысла, когда итоговый эмоциональный образ логотипа заслоняет собой всю геометрию. В примере ниже в первую очередь считывается медведь на велосипеде. Именно он имеет эмоциональное значение. Зритель не станет заморачиваться, насколько совершенно попа медведя круглая и чему равен её диаметр» — Иван Богданов, «Бюро Горбунова».
Случай, когда геометричность — вторична
Если геометрические формы сочетаются с плавными, гибкими и кривыми линиями или отрезками — использование МС также будет неуместно. В знаке качества СССР гармония элементов основана на размерах, углах и пересечениях, а не на соотношениях геометрических форм.
Знак качества СССР
7 ПРИЧИН ИСПОЛЬЗОВАТЬ МОДУЛЬНУЮ СЕТКУ ПРИ РАЗРАБОТКЕ ЛОГОТИПА
Сетка помогает организовать рабочий процесс.
Ускоряет разработку логотипа.
Позволяет создать симметричный или асимметричный дизайн.
Полезна для установки расстояния между буквами.
Позволяет обозначить «безопасную зону» — расстояние от логотипа до других элементов.
Акцентирует внимание на определенной части логотипа.
Помогает достичь визуальной гармонии.
Заключение
Модульная сетка — полезный инструмент при разработке логотипа сайта. С момента выхода в 1981 году книги Йозефа Мюллера-Брокмана «Модульные системы в графическом дизайне» интерес к сеткам то угасает, то вновь разгорается. Они применяются везде: для разработки дизайна интернет-магазина, для определения расположения различных элементов оформления сайта, в логотипах, типографике, даже при проектировании интерфейсов.
Источник: https://idbi.ru/blogs/blog/anatomiya-logotipa-modulnaya-setka
Шаблон для использования золотого сечения в Illustrator:
https://howtobeadesigner.wordpress.com/2014/09/28/golden-ratio-illustrator-template/
Last updated