Креативная типографика. Креативная типографика ‹ Виртуальная школа графического дизайна. Дизайн начинается с буквы

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

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



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

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

Типографика — это не просто набор текста, а мощнейшее средство креативного дизайна . Не менее важное, чем фотоиллюстрация или цветовое решение.

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


Дизайн начинается с буквы


Каждая буква шрифта сама по себе, независимо от своего значения и места в алфавите, может служить иллюстрацией, иконкой либо графическим знаком. Более того, она может стать центром всего вашего дизайн проекта!






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

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

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

Чтобы не нарушить дизайн целого проекта, отдельно стоящая буква должна соответствовать типу шрифта, который вы используете.



Об этой технике я уже писал, в своей статье о негативном пространстве . Речь идет об использовании так называемого «отрицательного» или «негативного» пространства.

В своих работах дизайнеры частенько используют пространство вокруг буквы или внутри неё.

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





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

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

Посмотрите на логотипы компаний The Brand Union и Niagara Vinters, Inc . В них данная техника используется очень искусно.



1. Не используйте причудливые шрифты

Если у вас недостаточно опыта и знаний, даже не пытайтесь использовать необычные, затейливые шрифты. Будьте проще.

2. Забудьте о Comic Sans

Представьте, что вы его вообще никогда не видели.

3. Не избегайте стандартных, дефолтных шрифтов

Серьёзно, если кто-то вам говорит, что стандартные шрифты - это скучно, он просто не разбирается в типографике. То, как будет выглядеть шрифт, зависит от того, как он будет набран. Times New Roman может выглядеть по-настоящему здорово. И главное: пусть лучше текст будет скучным, чем уродливым или нечитабельным.

OmegaTransFer / Depositphotos

Смешиваем шрифты

4. Не используйте одновременно больше двух шрифтов

Экспериментировать с большим количеством шрифтов на начальном этапе не стоит. Двух вполне достаточно. Вы же не хотите превратить текст в разномастную ерунду, не так ли?

5. Смешивайте только контрастные шрифты

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

6. Выбирайте шрифты с одинаковой высотой букв

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

Набираем текст

7. Размер шрифта

Размер текста в вебе не должен быть меньше 13 пикселей. На мой взгляд, лучший выбор - в пределах 14–18 px. Не слишком большой и в то же время удобочитаемый.

8. Выбирайте правильную длину строки

Не верьте разговорам, что правильную длину строки можно получить, умножив размер шрифта на два. Это ерунда. Просто постарайтесь удерживать длину строки в пределах 45–75 символов. ГОСТ для печатных изданий рекомендует длину в 60 символов, но это, конечно, труднодостижимый идеал в условиях веба. И всё же к нему стоит стремиться. Определяйте на глаз, не является ли строка слишком длинной или слишком короткой.

9. Интерлиньяж должен соответствовать размеру шрифта

Чтобы достигнуть баланса между текстом и «воздухом», сделайте межстрочное расстояние примерно в полтора раза больше высоты строчных букв. Есть ещё один способ попроще: устанавливаем интерлиньяж, равный 125% размера шрифта.

Абзац

10. Выравнивайте по левой стороне

Если вы не уверены, какую выключку выбрать, выбирайте выключку влево: варианты «Вправо» и «По ширине» в вебе редко себя оправдывают. В неровном крае нет ничего плохого. Выключенный влево текст легче читать, так как глаз видит чёткое визуальное окончание каждой строки. Но по-русски такой текст удобно читать, если строка не слишком длинная. Поэтому, если ваша строка больше 60 символов, попробуйте расключенный набор. Только не забудьте расставить переносы и проверьте, всё ли выглядит хорошо: несколько переносов подряд определённо затруднят чтение.

11. Избегайте большого числа переносов

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

12. Без отступа

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

13. Узкая колонка

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

14. Висячая пунктуация

За линию набора стоит выносить кавычки, скобки, дефисы, точки, запятые. Это всегда выглядит элегантно и помогает сохранить нужную форму абзаца.

15. «Вдовы» и «сироты»

Речь идёт о висячих строках. «Вдова» - это одно слово на целой строке в конце абзаца или очень короткая строка в конце текста или страницы. «Сирота» - это висячая строка, которая попадает на начало новой страницы или колонки. Их нужно избегать. Попробуйте уменьшить межбуквенное расстояние, перенести строку или отрегулируйте размер шрифта - в общем, не давайте «вдовам» и «сиротам» пробраться в свой текст.

16. Не злоупотребляйте пробелами

Чтобы начать новую строку, нажимайте Shift+Enter. Для начала нового абзаца нажмите Enter. Вот так всё просто.

Слова

17. Кернинг

Если вы неопытный дизайнер и у вас не намётан глаз на мельчайшие детали, не керните текст вручную.

18. Трекинг

Запомните: когда вы увеличиваете размер шрифта, расстояние между символами тоже увеличивается. Поэтому, если вы устанавливаете в тексте крупный заголовок, советуем пропорционально скорректировать расстояние между символами и словами.

19. Выделения в тексте

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

20. Строчные без разрядки

Не стоит увеличивать расстояние между строчными. Причина проста: снижается удобочитаемость.

21. Прописные с разрядкой

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

22. Не пишите всё заглавными

Не злоупотребляйте набором заглавными. Длина такого набора не должна превышать одну строку.

23. Не используйте капитель без надобности

Если в шрифт не включено специальное капительное начертание, не используйте его вообще.

Буквы

24. Не изменяйте ширину букв

Просто не делайте это. Пожалуйста.


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

Вот что вам даст тренинг «Креативная типографика»:

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

Занятие 1:

Определение задач и структуры тренинга
Основные понятия в типографике
Назначение дизайнерской типографики
Креатив в типографике
Задачи креатива в типографике
Отличие креатива от декорирования

Занятие 2:

Шрифт как инструмент дизайнера
Терминология
Классификация шрифтов по назначению (typeface classification)
Текстовые шрифты (text faces)
Заголовочные и выделительные начертания (display faces)
Акцидентные шрифты
Классификация шрифтов по характеру
Динамика и статика шрифта
Антиква, Гротеск и др.
Анатомия шрифтов
Система измерений в работе со шрифтами
Домашнее задание с целью научиться понимать и использовать шрифтовые характеристики.

Занятие 3 (Вебинар):


Неделя 2: Правила работы с текстовыми блоками (демонстрация в Индизайне и в Иллюстраторе)

Занятие 4:

Интерлиньяж
Треккинг и кернинг
Выравнивание и выключка
Абзацные отступы и отбивки
Колонки
Переносы
«Вдовьи строки»

Занятие 5

Композиция в типографике
Анатомия страницы
Композиционные схемы
Модульная сетка
Иерархия
Ритм
Домашнее задание с целью научиться работать с текстом, как с графическим материалом.

Занятие 6 (Вебинар):

Разбор домашнего задания, рецензии работ, вопросы-ответы
Подробные письменные рецензии работ после выполнения «работы над ошибками»

Неделя 3: Креативные техники и приемы работы

Занятие 7

Внутренне и негативное пространство букв
Буква как образ
Слово как образ
Создание эмоционального текста
Экспрессивные ресурсы типографики
Использовани фона для акцентирования шрифта
Креативная иерархия
И многое другое…

Занятие 8 (Вебинар):

Разбор домашнего задания, рецензии работ, вопросы-ответы
Подробные письменные рецензии работ после выполнения «работы над ошибками»

Бонус:
Видеокурс: Индизайн для самоучки

Качество: PCRec
Формат: .exe (flash)
Видео кодек: Macromedia Flash Player
Аудио кодек: AAC
Видео: Macromedia Flash Player, 1212x720, ~500 Kbps, 15 fps
Аудио: AAC, 22.05 KHz, 54.9 Kbps, 1 channel

Год: 2012
Страна: Россия
Тематика: Графика
Тип материала: Видеокурс
Продолжительность: ~ 6 часов
Боб Поташник
Язык: Русский
Субтитры: Отсутствуют

Тренинг «Креативная типографика. Искусство работы со шрифтами и текстом»

Хотите узнать, как создавать креативную типографию. Как правильно работать со шрифтами и текстом. Научиться создавать качественный графический дизайн с помощью композиции и шрифтов и почувствуйте себе настоящим профи графического дизайна. Легко, быстро, сидя дома. Вы дизайнер-самоучка, который мечтает стать профессионалом и хорошо зарабатывать на своем увлечении, но пока мечты остаются мечтами. Вы пытаетесь создавать дизайн-макеты в графических редакторах, но вам не удается подобрать шрифты и грамотно оформить текст. Ваши работы выглядят скучно и банально, и вы не знаете, как их улучшить. Вы учились на дизайнерских курсах, но там вас научили только пользоваться программами. Типографика (искусство работы со шрифтами и текстом). Портфолио дизайнера, владеющего креативной типографикой в разы атрактивнее портфолио конкурентов, не использующих мощнейший потенциал типографики.

Вот что вам даст тренинг «Креативная типографика»:

  1. Вы научитесь безошибочно различать шрифты по характеру и назначению
  2. Вы научитесь понимать, и умело использовать наиболее важные характеристики шрифтов
  3. Вы научитесь грамотно работать с текстовыми блоками
  4. Вы научитесь компоновать текстовые элементы на странице
  5. Вы научитесь создавать креативные шрифтовые композиции
  6. Вы научитесь работать с текстом, как с графическим материалом.
  7. Вы научитесь применять в работе многочисленные креативные приемы и техники, которые сделают ваши макеты более интересными, профессиональными и привлекательными.

Программа тренинга:

  1. Основные понятия в типографике
  2. Назначение дизайнерской типографики
  3. Креатив в типографике
  4. Задачи креатива в типографике
  5. Отличие креатива от декорирования
  6. Шрифт как инструмент дизайнера
  7. Классификация шрифтов по назначению
  8. Классификация шрифтов по строению
  9. Система измерений в работе со шрифтами
  10. Дизайнерский подход к работе со шрифтами
  11. Управление шрифтами на компьютере
  12. Менеджеры шрифтов
  13. Правила работы с текстовыми блоками (демонстрация в Индизайне и в Иллюстраторе)
  14. Треккинг и кернинг
  15. Композиция в типографике
  16. Домашнее задание с целью научиться работать с текстом, как с графическим материалом.
  17. Креативные техники и приемы работы
  18. Домашнее задание с целью научиться чувствовать характер и настроение шрифта.
  19. Работа над реальным графическим макетом.
  20. И многое другое...

Овладев навыками креативной типографикой вы сможете:

  1. Создавать профессиональные и эффективные рекламные объявления, флаеры, листовки, брошюры, проспекты.
  2. Создавать атрактивную наружную рекламу
  3. Легко воплощать свои идеи в веб-дизайне
  4. Успешно работать штатным дизайнером в студиях и рекламных агентствах
  5. Достойно зарабатывать на фрилансе
  6. Открыть свою собственную студию, которая будет выполнять более крупные заказы - и приносить ещё больше денег.