На днях у меня появился порыв сделать образцы айдентики для Голоса, а именно покрутить возможный дизайн визиток, футболок и прочий дизайн-арт.
Но моя душа дизайнера не выдержала и я начала с логотипа. Я не стала трогать концепцию, но оставить форму в том виде, в котором она сейчас, было нельзя.
При всём моем уважении к работе автору логотипа, поясню, что меня смущало с самого первого беглого взгляда на логотип:
В местах, которые я обвела, явные нарушения гладкости кривой. Кривые в этих местах ломаются, нелогично изменяя радиус кривизны изгиба.
На второй картинке я обвела еще одно проблемное место, которое сразу бросается в глаза человеку, который привык обращать внимание на визуальные формы. Ширина негативного пространства (белый фон) между красной и синей формой "плавает", становясь то шире, то уже. И это его изменение ширины никак математически необосновано.
Эти проблемные места создают явное ощущение небрежности у логотипа. По крайней мере для профессионалов. Потому что изгибы кривых в этом логотипе хаотичны. А так не должно быть в идеале.
Начинаю разбираться.
Открываю векторный файл логотипа и смотрю, что там с узлами кривых Безье.
Выглядит это вот так: (Синие точки на кривых — это их узлы.)
Сразу видно, что мои предположения верны.
Вот те узлы (я их обвела), которые создают переломы гладкости, с которых я начала.
По-хорошему от них вообще нужно избавиться. Но это тактическая задача. Давайте посмотрим на логотип более системно, и зададимся вопорсом, почему все эти дуги такие, какие они есть?
Возможно, людям далеким от профессионального дизайна этот вопрос покажется странным. И даже занудным. Ну, казалось бы нарисовали как-то кривые, в целом вроде неплохо, что за странный вопрос "почему"? Это же в определенном смысле визуальное творчество. Зачем его обосновывать?
Я не буду сейчас вдаваться в детали, поясняя, почему именно постановка подобного рода вопросов зачастую отличает хороший дизайн от плохого. Поясню только, что сама я стремлюсь к объективизации в графическом дизайне, а именнно подчинении его некоторым базовым математическим законам, например золотому сечению, спирали и ряду Фибоначи, которые и обеспечивают визуальную гармонию. В идеальном дизайне нет места случайностям. Ну, только если хаос не является собственно целью. Но это не наш случай. У нас же по сути геометрия, а геометрия — это математика.
Чтобы не апеллировать только к своему мнению на этот счет, сошлюсь на то, что логотипы многих крупных брендов строятся с учетом этих принципов (например, Apple, twitter и др.)
В общем в противопоставлении порядка и хаоса в логотипостроении я придерживаюсь аполлонической ветви в искусстве и выступаю за порядок.
Поэтому я попробую приблизить контуры имеющегося логотипа к некоторым базовым формам, а именно к окружностям. Окружность сама по себе совершенна. С точки зрения философии визуального это едва ли не самая совершенная форма.
Накидываю окружности по тем точкам, которые у нас заданы изначальным логотипом:
Также я немного изменяю размер "головы", чтобы вся форма в целом более вписывалась в золотое сечение (на рисунке показано прямоугольниками). Также голову правильнее будет сместить, чтобы центры окружностей "головы" и "плечей" лежали на одной прямой, это позволить нам создать красивую форму негативного пространства между ними.
После этого "отсечем всё лишнее" и посмотрим, какая итоговая форма у нас получилась. Пока без "клювика" на голове.
Слева — новая форма, справа — старая:
Форма стала более гладкой, обтекаемой, лаконичной. Добавим клювик. Клювик можно вписывать, основываясь на разные направляющие. Мне из всех напрашивающихся вариантов по тому, как смотрится результат, приглянулся вот этот:
Я взяла ту же окружность, которая нам делала верхнюю линию плеч, и сдвинула ее по перпендикуляру в обе стороны от линии наклона, на которой лежат центры наших формообразующих окружностей головы и плеч. Сдвигала на расстояние равное диаметру маленькой окружности, вписанной в наше построение золотого сечения, которое мы использовали на предыдущем шаге. Дугой одной из окружностей получаем наш "клювик".
Итак, что у нас в итоге вышло?
Слева — ремэйк, справа — исходник.
Стало получше. Хотя к логотипу всё равно остаются вопросы и по стилистике в целом, и по цветам, и по формообразованию (например, окружности которые мы использовали для построения были хаотичных радиусов, что не гуд) . Но если совсем подходить серьезно, то логотип нужно изменять радикально. Это уже другой объем работы, поэтому пока так.
А так уже лучше.
Бонусом к посту несколько картинок с логотипом, которые желающие могут использовать для заглавия своих тематических постов (ширина картинок — 840 px, максимальная для вёрстки Голоса):
Доработка логотипа Голоса (или записи о том, как мыслят дизайнеры).
Вам может быть интересно
Соглашусь с @primus руки стали какими-то толстыми. Пост тоже прочитал с удовольствием, как небольшой гайд по дизайну и логотипостроительству))
Отвечу то же, что и @primus:
"Согласна с вами это резонное замечание, если рассматривать логотип фигуративно, а не как абстрактную форму, к которой стремится логотип. Но это некоторый компромис из-за того, что за основу взяты реперные точки изначального логотипа. Как я уже написала, для хорошего результата логотип нужно переделывать полностью. Просто заново отрисовывать с нуля, вообще не ориентируясь на то, что есть. А это мягкая доработка, поэтому отсюда такой компромис. Потому что, если бы я рисовала с нуля, я либо вообще поставила бы вопрос об изменении концепции, либо как минимум двигалась бы в направлении отсечения ему ног (ноги), чтобы снизить эмоцию "балалаечности" и привести его к большей символичной лаконичности (но тогда правда, мы начнем приближаться к логотипу Genius...), ну, и поиску менее "казенного" цветового решения. Но я не такой радикал, чтобы с панталыку начать это делать. Это работа на приличное количество дней :)"
Рада, что вам было интересно ))
Я не
настоящий сварщикдизайнер но мне предложенный вариант нравится меньше оригинального. Соглашусь, что у оригинального лого есть проблемы с кривыми, как описано.Но в представленном варианте:
Ширина негативного пространства (белый фон) между красной и синей формой "плавает" еще больше. Особенно слева, где "носик".
"Руки" человечка стали визуально гораздо толще и массивнее. В целом "туловище" теперь выглядит непропорциональным: толстые руки на тоненьких ножках.
И маленькая "голова" в новом логотипе как бы намекает, что мозга стало меньше.
Но сам ход мыслей и желание доработать логотип мне понравились, весь пост прочитал с большим удовольствием.
В любом случае, рада, что вам было интересно ))
...соглашусь с автором в том, что существующий логотип не лишен недостатков именно в плавности отдельных линий... суть самого логотипа обсуждать не хочу, потому что это уже не моя прерогатива, так решили создатели этого сайта, захотят - изменят!...есть маленькое НО..не всегда за основу берутся именно круги, допускаются и овалы!... а если берутся круги, то их может быть гораздо больше, чем предложено...
...в целом хочу Вас поблагодарить за столь детальный профессиональный разбор и всегда буду рад читать Ваши публикации ...для меня дизайн - одна из интереснейших тем !!!
Мне старый тоже больше нравится. В новом голова стала какая-то маленькая, а сам человечек - толстым. Хотя пост прочитала с удовольствием, это новые знания для меня.
ндаааааа.... профессионально)))
пост понравился.
а вот правая рука- толсто смотрится.
художник, не обижайся
Очень интересный пост, спасибо за объяснения! Действительно с коррекциями смотрится гораздо лучше.
Спасибо! :)
Мда, вот она сила науки 8)
Действительно,стало лучше смотреться :-)
Спасибо! :0)
Математика - это, конечно, хорошо и полезно. Но, когда я вижу подобные работы с подобными обоснованиями, у меня к дизайнеру только два вопроса: какое у вас художественное образование и что вы можете изобразить руками?
У меня всё в порядке и с художественным образованием и с умением рисовать руками ))
Иллюстрации к вашим рассказам, подтверждают ваши слова.