Дизайн

№1, ноябрь, 2016

ДИЗАЙН

ТИПОГРАФИКА

Журнал «Дизайн», тема номера — Типографика, №1, ноябрь 2016, г. Киев Главный редактор — Дмитрий Сафонов Верстка и дизайн — Дмитрий Сафонов Материалы взяты с сайта: infogra.ru

СОДЕРЖАНИЕ ТИПОГРАФИКА Что такое дизайн, и чем занимается дизайнер?

5

Простые советы по работе с шрифтами

9

3 великолепные книги о типографике

10

Великолепные примеры арабской каллиграфии

12

Правильная типографика: 9 фактов о кернинге

17

История шрифта Gotham

20

Типографика пекарни «Буше»

22

¶

ДИЗАЙНжурнал

ЧТО ТАКОЕ ДИЗАЙН, И ЧЕМ ЗАНИМАЕТСЯ ДИЗАЙНЕР? Многие люди считают дизайн созданием иллюстраций или удачным расположением графических элементов. В действительности это объемное явление, сути которого большинство людей не понимают. Дизайн становится настолько важным в нашей жизни, что появилась даже особая методика «дизайн-мышление» для решения задач в разных областях.

Е

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

чика информации визуальным способом. Многие считают, что для того, чтобы считаться дизайнером, достаточно изучить пакет графических программ, среди которых Photoshop, Illustrator, Corel Draw и множество других. Несомненно, чем больше таких редакторов знает дизайнер, тем больше возможностей открывается перед ним. Но пользоваться Photoshop сегодня более-менее умеют даже школьники, и это не означает, что они причастны к дизайну. Развитые способности к творческому мышлению и умение грамотно

5

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

типографика Чем занимается дизайнер? Если бы дизайн был спортом, он стал бы десятиборьем. Дизайн имеет много граней: это композиция, типографика, колористика, концепция, брендинг, маркетинг и социальные коммуникации. Настоящий дизайнер видит и понимает отношения цветов и оттенков, пространства и формы, способен разобраться в иерархии частей проекта и его общей композиции. Управляя визуальными элементами, дизайнер может выразить главную идею в форме, понятной для целевой аудитории. Графический дизайн

выступает в роли передатчика информации визуальным способом. Многие считают, что для того, чтобы считаться дизайнером, достаточно изучить пакет графических программ, среди которых Photoshop, Illustrator, Corel Draw и множество других. Несомненно, чем больше таких редакторов знает дизайнер, тем больше возможностей открывается перед ним. Но пользоваться Photoshop сегодня более-менее умеют даже школьники, и это не означает, что они причастны к дизайну. Развитые способности к творческому мыш-

6

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

типографика

8

ДИЗАЙНжурнал

ПРОСТЫЕ СОВЕТЫ ПО РАБОТЕ С ШРИФТАМИ Логомашина рассказала, как не наделать ошибок при наборе текста: сколько шрифтов будет достаточно, как правильно использовать пространство и стоит ли применять эффекты.

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

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

9

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

3 ВЕЛИКОЛЕПНЫЕ КНИГИ О ТИПОГРАФИКЕ Типографика — наука с многовековой историей и, казалось бы, про нее уже все известно, все книги написаны и все законы классической типографики приняты. Одако, из-за возрастающего интереса среди дизайнеров к типографике, а также к таким ее направлениям как каллиграфия и леттеринг, многие издательства продолжают выпускать все новые и новые учебники, которые помогут освоить базовые и продвинутые уровни владения типографикой, шрифтостроением, каллиграфией и леттерингом. Представляем вам подборку из 7 книг, которые не только переполнены практическими знаниями о типографике и шрифтах, но и выполнены на высшем уровне: отличные шрифты, верстка и материалы. «Штрих. Теория письма», Геррит Ноордзей «Штрих» — довольно краткое и в то же время исчерпывающее изложение теории письма Геррита Ноордзея. Начиная с первооснов — пространства внутри букв и между ними, — автор последовательно подходит к подробному изложению того, как формируются на письме отдельные штрихи, а также исследует характерные особенности шрифтовых форм.

«Гражданский шрифт и кириллический «Киш»», Владимир Ефимов В 2002 го­ду на ан­глий­ском язы­ке вы­шел сбор­ник ста­тей о шриф­тах и ал­фа­ви­тах раз­ лич­ных стран ми­ра под на­зва­ ни­ем Language Culture Type: International Type Design in the Age of Unicode (со­ста­ви­тель Джон Бер­ри). В этой кни­ге, ко­то­рая по­яви­ лась вслед за кон­кур­сом шриф­ то­во­го ди­зай­на Меж­ду­на­род­ной ти­по­гра­фи­че­ской ас­со­ци­а­ции ATypI «бук­ва:раз!», был опуб­ли­ ко­ван очерк Вла­ди­ми­ра Ефи­ мо­ва об ис­то­рии гра­ждан­ско­го шриф­та и со­зда­нии со­вре­мен­ но­го ки­рил­ли­че­ско­го шриф­та с учётом ис­то­ри­че­ских форм — Civil Type and Kis Cyrillic. «Основы стиля в типографике», Роберт Брингхерст Эта книга, впервые изданная в 1992 году, быстро стала профессиональным бестселлером и остаётся им в мире англоязычной типографики до сих пор. Её авторитет был сразу признан в типографическом сообществе как приверженцами классики, так и сторонниками авангарда. Она переиздавалась с исправлениями и дополнениями много раз, была переведена на итальянский, греческий, португальский и польский языки. В 1996 году, а затем в 2005-м книга была переработана и существенно расширена.

типографика

ВЕЛИКОЛЕПНЫЕ ПРИМЕРЫ АРАБСКОЙ КАЛЛИГРАФИИ Арабская каллиграфия — это не только сложно, но и безумно красиво! Француз Жульен Бретон пишет арабскую каллиграфию светом (фризлайт), а также добавляет ее в свои работы, связанные с веб-дизайном и графическим дизайном. Предлагаем вам вдохновиться подборкой замечательных работ этого французского автора.

12

ДИЗАЙНжурнал

ПРАВИЛЬНАЯ ТИПОГРАФИКА: 9 ФАКТОВ О КЕРНИНГЕ Кернинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы. Проще говоря, кернинг — процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония. Хотя на кернинг многие особого внимания не обращают (да и вообще — не знают), однако внимание в мелочам помогает достичь очень хороших результатов.

Т

рекинг (Tracking) и кернинг (Kerning) — два понятия, которые не стоит путать. Трекинг — обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг — это более «местное» понятие.

вариант. Хотя разницы почти никакой. Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте трекинг, чтобы вручную подравнять слова.

Каждый файл шрифтов имеет внутреннюю таблицу кернинга. Дизайнер настраивает расстояния между парами строк, определяя их в тысячных долях. Например, VA имеет кернинг -80, а ry — 30.

Есть такой приём — представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель — чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами.

В Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный

Одна из самых распространённых ошибок кроется в единице. Этот символ — узкий и образует

17

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

типографика

18

ДИЗАЙНжурнал

19

типографика

ИСТОРИЯ ШРИФТА GOTHAM

G

otham — это геометрический гротеск, разработанный американской компанией Tobias Frere-Jones в 2000 году. На создание шрифта дизайнеров вдохновили вывески на улицах городов, которые были распространены в середине ХХ века, которых особенно много в Нью-Йорке. Это стиль бронзовых цифр на НьюЙоркских офисных зданиях, чугунных мемориальных досок и и прочих популярных типографических приёмов в мону-

ментальной архитектуре. Среди всего прочего, своей популярность шрифт Gotham обязан тому, что широко использовался в предвыборной компании Барака Обамы. Изначально шрифт разрабатывался по заказу журнала GQ, редакторы которого хотели получить для их издания геометрический гротеск, который бы выглядел «мужским, свежим и новым». Создатели шрифта признаются, что при его создании старались избежать сетки, чтобы

20

буквы получились живыми и «приветливыми». Семейство шрифтов Gotham включает в себя большое разнообразие начертаний, а также узкие версии и italic. Готэм использовался в титрах и плакатах к фильму Кристофера Нолана «Начало», Данкана Джонса «Луна», Дэвида О. Расселла «Боец», и Тома Форда «Одинокий мужчина». Так же Готэм в разных своих вариациях используется в гео социальной сети Foursquare.

TypeType

типографика

ТИПОГРАФИКА ПЕКАРНИ «БУШЕ» Креативная студия DEZA разработала серию плакатов для пекарни-кондитерской «Буше».

О

бъединяющая идея кампании — понятие «делиться». Ведь в процессе работы сотрудники «Буше» постоянно делятся друг с другом (и с посетителями): опытом, мнениями, впечатлениями, настроением. Из такого ценностного деления складывается общность, к которой и призывает кампания. В композиции плакатов центральное место занимают изображения трёх ценностей

«Буше» — уважения, вовлечённости и профессионализма — собранные из символизирующих каждую ценность знаковых продуктов компании, многие из которых ассоциируются у потребителя именно с «Буше». Визуальный и содержательный контекст создают рукописные тексты-слоганы и сопровождающие их хештеги. Формат хештега выбран не случайно: «Буше» активно действует в соцсе-

22

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