Блог о графическом дизайне: айдентика новых брендов, интересные редизайны, работы известных студий.

Тут же вы можете детально ознакомиться с процессом создания логотипов в Логологике.

Шрифтовое решение логотипа

31 августа 2012

Уникальное шрифтовое начертание (в англоязычной литературе называется logotype) сделает ваш логотип (там же logo) уникальным, добавит работе характерных узнаваемых черт и вместе со знаком (sign) создаст законченную композицию.

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

Окей, приоритеты мы расставили, и сегодня займемся шрифтовым решением. Задание для работы я взял, как обычно, из раздела конкурсов на фри-ланс.ру.

Конкурсное задание на разработку логотипа

«Осовременить» надо вот что:

Логотип, который необходимо осовременить

Магистраль? Не, показалось. Я не буду чётко следовать заданию конкурса, пусть у нас будет своя атмосфера. Моя задача будет создать хорошее шрифтовое начертание логотипа, и поделиться тонкостями процесса с вами.

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

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

Первый этап работы

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

Засечки на логотипе

Логотип продолжает проявляться, и я замечаю что получается скорее логотип для онлайн MMORPG, чем для серьезной технологичной компании. Как исправить? Прямоугольные элементы букв С, Е, В необходимо убрать. Так же выявился нюанс с буквой Р. Она у меня последняя и создает дырку внизу в конце логотипа. Эту дырку просто необходимо заполнить. Погнали дальше.

– Брат, куда так гонишь? – Дедлайн, брат, дизайн пора сдавать, статью пишу. – Брат, опять в конкурсах участвуешь? – 260…200…140…80… – Закажем роллы доставку? – Алло, брат, мне спайси чтоб с гребешком под сырной шляпкой, только васаби не переборщи.

Очередной этап прорисовки логотипа

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

Скругление литер

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

Так, ну в принципе всё нарядно, пора и в вектор. Давно я не брал в руки кривые Безье.

Скругление букв логотипа

Обвожу – стараюсь. Для дескриптора беру шрифт Etelca, подходящий под логотип.

Обводка - один из важных этапов

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

Выявляем проблемные места

Ну вот, залили всё краской наконец. Вам не кажется, что слишком все округлое, как будто наш логотип вышел замуж? Что не полнит логотип так, как замужество? Но у нас логотип - мужик брутальный. У мужика если что и кругло, то с напряжением. Литера С слишком выдается за бейслайны. Так же декоративные выноски в средних штрихах Е, В избыточны. Работаю, одел семейные паруса, залитые майонезом Миши Пореченкова, смотрю рыбалку по кабельному, повышаю брутальность. Ладно, шучу, нет у меня кабельного.

Ах да, в букве В справа посередине. Заметили, да?

Заливка букв логотипа краской

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

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

Все средние штрихи в таких буквах как, например, Е, В следует сделать чуть тоньше чем верхние и нижние по тем же соображениям.

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

Заливка внутреннего пространства литер

Работаю с кернингом. Ке́рнинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы. Википедия, спасибо, что ты есть. В данном случае нужно обратить внимание на большое пустое место внутри литеры С, дырки быть не должно, и смотрим на основную связку Е-В-Е.

Работа с кернингом

Пробую разные решения с декоративными штрихами Е-В-Е. Вам какой больше нравится? Правильный ответ один.

Решения с декоративными штрихами

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

Делаем трекинг в нашем логотипе

Хоп, случается уличная магия, и появляется знак. Изображение гор, минералов, стилизованное под орнамент северных народов. Как он появился? Сегодня говорим про шрифт, так что без обид, как-нибудь в следующих статьях. Беру в мозолистые руки фотошоп, и делаю подачу.

Логотип ЗАО Север Минералс

 

Смею надеятся, был полезен,  до встреч

Следующая работа

Различия между дизайном и искусством

Предыдущая работа

Карта ассоциаций

(22 комментария - Комментировать)
  • Анонимно  |  31.08.2012 | 17:16
    Да, полезен. Я работаю по иному, но есть общие для всего этого дела моменты. Респект.
    • Владимир Головченко  |  02.09.2012 | 00:21
      спасибо
  • Анонимно  |  31.08.2012 | 17:49
    Знак хорошо дружит с минералс, А Север выглядит чужим по форме букв.
    • Владимир Головченко  |  02.09.2012 | 00:20
      возможно иногда стоит воспользоваться контрастом
    • Анонимно  |  19.07.2017 | 13:36
      Плюсую..Налицо чужеродность и оторванность знака и надписи "Север"
  • Анонимно  |  31.08.2012 | 18:41
    Отличная статья, таких в интернете очень мало - дизайнеры берегут свою кухню :)
  • Анонимно  |  31.08.2012 | 20:43
    нормуль, но почему без папирос?
    • Владимир Головченко  |  02.09.2012 | 00:19
      в следующий раз с сигарами будет
  • Анонимно  |  05.09.2012 | 21:09
    Нет определения Дескриптора из Википедии... Конкурс выиграл?
    • Анонимно  |  05.09.2012 | 22:34
      он окончился ничем, в отличие от прошлого из первой статьи, который выиграл)
  • Анонимно  |  18.09.2012 | 20:25
    Хорошая статья. Сколько часов времени пошло на все?
  • Анонимно  |  20.09.2012 | 20:58
    Очень нравятся Ваши статьи! Про замужество логотипа отлично сказано))
  • Анонимно  |  26.01.2013 | 16:52
    Владимир, спасибо за ваши статьи и [кухнюk, действительно таких статей мало, особенно в рунете. Посоветуйте пожалуйста нормальную литературу по построению букв (соотношению размеров, сеткам), уже какой день ищу.
    • Анонимно  |  26.01.2013 | 21:58
      Гордон, Книга про буквы
      • Анонимно  |  26.01.2013 | 22:57
        Спасибо, но мне бы что нибудь не только о кириллице, и лучше в применении к фир. шрифту, или я слишком много хочу?)
        • Анонимно  |  27.01.2013 | 15:05
          видимо, Typewise (Kit Hinrichs), то что вам нужно. у меня ее нет, сужу только по отзывам
  • Анонимно  |  30.11.2013 | 07:35
    Владимир, отличная работа! Логотип и шрифт здесь слегка консервативны, но то какую работу Вы проделали достойно уважения, а самое главное очень ясно и понятно оформлена статья. Сколько будет стоить такая работа если не секрет?
    • Анонимно  |  30.11.2013 | 10:59
      цены указаны на главной сайта http://www.logologika.ru/
  • Анонимно  |  23.03.2017 | 12:40
    Я понимаю, что вопрос довольно глупый, да и времени много прошло, но все же : Как вы переносите свой шрифт или набросок логотипа в вектор? Сканируете Лист бумаги, а потом обводите?
  • Анонимно  |  22.07.2017 | 16:34
    Вооооу, вот это,конечно,супер-мощно! А еще эти ваши вставочки-шутеечки, обожаю такие ходы. Мне нравится. Логотип очень крутой!) Не знаю кто вы, но вы сделали мой день, как и Галустян. Но это уже другая история. Спасибо!)
  • Станислав Шешин  |  13.10.2017 | 21:39
    Чётко! Снимаю шляпу!
(22 комментария - Комментировать)