Креативная типографика. Искусство работы со шрифтами и текстом. Видеотренинг (2012, Графика, PCRec).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Посмотрите на логотипы компаний 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. Не изменяйте ширину букв

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