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

| | 2200

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

Давайте взглянем на логотип alexsmithdesign, найденный на pllsll.com/p/320.

Оригинальный логотип alexsmithdesign

Оригинальный логотип alexsmithdesign

1. Первый вопрос, который возникает – стоит ли использовать G и g одновременно? Это разные буквы для разного использования. Перемешивать их в рамках одного логотипа – потерять целостность.

2. Верхний выносной элемент (ascender) буквы t всегда короче остальных – f, d, b, k, l.

3. Использовать широкую разрядку (tracking, letter-spacing) в жирных начертаниях все равно, что греть утюгом холодильник. Широкий тракинг добавляет воздух, в то время как массивные буквы созданы для того, чтобы его было мало.

Автор использует одинаковую толщину штриха во всех глифах. Красивая математика, некрасивая типографика.

Автор использует одинаковую толщину штриха во всех глифах. Красивая математика, некрасивая типографика.

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

5. Старостильная g (double-storey g) – довольно хитрая и сложная буква, в которой почти все «неправильно», а значит очень легко накосячить. Главные ошибки автора – главный овал должен быть короче строчных букв; петля слишком длинная; соединение овала с петлей стоит сделать тоньше.

Строение буквы g, пример из гугл.

Строение буквы g, пример из гугл.

Старая и новая g. Исторически, нижняя петля имеет несколько иную анатомию, чем сделал автор логотипа, но можно считать нормальным отступления от истории когда это уместно.

Старая и новая g. Исторически, нижняя петля имеет несколько иную анатомию, чем сделал автор логотипа, но можно считать нормальным отступления от истории когда это уместно.


6. Все соединение кругов с прямыми линиями нужно смягчать, иначе возникают некрасивые стыки. Это часто сравнивают с тем, как поворачивает автомобиль – угол поворота увеличивается и уменьшается постепенно. Кстати, так же применимо к любым графическим элементам (иконки и т.п.).

7. Круглые элементы нужно поднимать выше или ниже соразмерных плоских линий (overshoot), иначе круг будет казаться слишком маленьким. В данном случае это проявляется только в самой верхней части g.

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


9. w так же не самая простая буква. Большое количество пересечений делает ее тяжелой. Чтобы избежать этого, внутренние штрихи делаются тоньше. Более того, штрих, идущий вниз, толще штриха, идущего вверх. Из-за этого буква асимметричная, да и вообще странная.


10. Поскольку горизонтали тоньше вертикалей, квадратная точка над i выглядит неестественно высокой.

Оригинальный и переделанный логотипы

Оригинальный и переделанный логотипы


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

Вы можете прислать ваши логотипы на разбор в vk.com/thevisible.

3

В сильно стилизованных буквах меньше правил, а в pllsll даже овершуты есть! S могла бы быть шире, на мой взгляд ;)

Извиняюсь, русского перевода этого термина никогда не слышал. Когда круглые или острые элементы букв выносятся чуть выше или ниже, чем соразмерные им плоские. Иными словами, когда круг чуть больше квадрата.

Из стильного логотипа в обычный текст? Это значит исправить ошибки?, автор идиот?

Чтоб оставить комментарий нужно войти или зарегистрироваться

Интересные материалы

Дизайн волшебства: 20 лет Гарри Поттера

Дизайн волшебства: 20 лет Гарри Поттера

Роману «Гарри Поттер и философский камень» в этом году исполняется 20 лет. В июне 1997 года книжное ...

Поп-арт или популярное искусство

Поп-арт или популярное искусство

Как появился поп-арт и где? Уже из названия понятно, что это стиль массовой культуры. Название приду...

Где черпать вдохновение, когда надоел Behance? Часть 2 – Британия

Где черпать вдохновение, когда надоел Behance? Часть 2 – Британия

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

Понятия UX и UI дизайна

Понятия UX и UI дизайна

Многие путают UI с UX, понимая, что это «что-то» про дизайн, но что именно — непонятно. Особо продви...