№1, ноябрь, 2016
ДИЗАЙН
ТИПОГРАФИКА
Журнал «Дизайн», тема номера — Типографика, №1, ноябрь 2016, г. Киев Главный редактор — Дмитрий Сафонов Верстка и дизайн — Дмитрий Сафонов Материалы взяты с сайта: infogra.ru
СОДЕРЖАНИЕ ТИПОГРАФИКА Что такое дизайн, и чем занимается дизайнер?
5
То, что вы не знали о логотипе Олимпийских игр в Рио-2016
8
Простые советы по работе с шрифтами
11
3 великолепные книги о типографике
12
Великолепные примеры арабской каллиграфии
14
Правильная типографика: 9 фактов о кернинге
19
История шрифта Gotham
22
Типографика пекарни «Буше»
24
¶
ДИЗАЙНжурнал
ЧТО ТАКОЕ ДИЗАЙН, И ЧЕМ ЗАНИМАЕТСЯ ДИЗАЙНЕР? Многие люди считают дизайн созданием иллюстраций или удачным расположением графических элементов. В действительности это объемное явление, сути которого большинство людей не понимают. Дизайн становится настолько важным в нашей жизни, что появилась даже особая методика «дизайн-мышление» для решения задач в разных областях.
Е
сли бы дизайн был спортом, он стал бы десятиборьем. Дизайн имеет много граней: это композиция, типографика, колористика, концепция, брендинг, маркетинг и социальные коммуникации. Настоящий дизайнер видит и понимает отношения цветов и оттенков, пространства и формы, способен разобраться в иерархии частей проекта и его общей композиции. Управляя визуальными элементами, дизайнер может выразить главную идею в форме, понятной для целевой аудитории. Графический дизайн выступает в роли передат-
чика информации визуальным способом. Многие считают, что для того, чтобы считаться дизайнером, достаточно изучить пакет графических программ, среди которых Photoshop, Illustrator, Corel Draw и множество других. Несомненно, чем больше таких редакторов знает дизайнер, тем больше возможностей открывается перед ним. Но пользоваться Photoshop сегодня более-менее умеют даже школьники, и это не означает, что они причастны к дизайну. Развитые способности к творческому мышлению и умение грамотно
5
строить процесс – основа дизайнерской профессии. Кто такой дизайнер, и что такое дизайн-мышление на самом деле? Многие люди считают дизайн созданием иллюстраций или удачным расположением графических элементов. В действительности это объемное явление, сути которого большинство людей не понимают. Дизайн становится настолько важным в нашей жизни, что появилась даже особая методика «дизайн-мышление» для решения задач в разных областях.
типографика Чем занимается дизайнер? Если бы дизайн был спортом, он стал бы десятиборьем. Дизайн имеет много граней: это композиция, типографика, колористика, концепция, брендинг, маркетинг и социальные коммуникации. Настоящий дизайнер видит и понимает отношения цветов и оттенков, пространства и формы, способен разобраться в иерархии частей проекта и его общей композиции. Управляя визуальными элементами, дизайнер может выразить главную идею в форме, понятной для целевой аудитории. Графический дизайн
выступает в роли передатчика информации визуальным способом. Многие считают, что для того, чтобы считаться дизайнером, достаточно изучить пакет графических программ, среди которых Photoshop, Illustrator, Corel Draw и множество других. Несомненно, чем больше таких редакторов знает дизайнер, тем больше возможностей открывается перед ним. Но пользоваться Photoshop сегодня более-менее умеют даже школьники, и это не означает, что они причастны к дизайну. Развитые способности к творческому мыш-
6
лению и умение грамотно строить процесс – основа дизайнерской профессии. Творческие люди умеют эффективно оперировать противоречивой и неоднозначной информацией. Российский психолог Владимир Дружинин дал интересное определение: «У творческих людей нередко удивительным образом соединяются зрелость мышления, глубокие знания, разнообразные способности, умения, навыки и своеобразные «детские» черты во взглядах на окружающую действительность, в поведении и поступках». Артем Полянский
типографика
ТО, ЧТО ВЫ НЕ ЗНАЛИ О ЛОГОТИПЕ ОЛИМПИЙСКИХ ИГР В РИО-2016 Даже дизайнеры логотипа Олимпийских игр 2016 не заметили этого.
8
ДИЗАЙНжурнал
К
ак создать дизайн логотипа для самой сложной визуальной айдентики в мире? Разрабатывать айдентику Олимпиады – жесткий вызов практически для любой фирмы: как только вы выиграли проект (через длительный процесс торгов, которые сталкивают друг с другом сотни студий) — появляется длинный список организаций, конкурирующих между собой и стремящихся удовлетворить целевые аудитории всего мира, используя этот бренд. В сентябре 2009 года бразильское агентство Tatil боролось со 139 дизайн-студиями и рекламными агентствами, чтобы выиграть разработку логотипа Rio-2016. Основатель агентства Фредерико Джелли объяснил трудности, связанные с созданием такого логотипа: «Он должен отражать местную культуру и в то же время быть универсальным для понимания». Tatil привлек к процессу проектирования всю команду — в том числе IT-отдел и приемную. Команда создала более 50 различных логотипов, пока не определилась с финальным вариантом. Накануне нового 2016 года эмблема была представлена мировому сообществу. Основа композиции – силуэты граждан Рио, которые ликуют, взявшись за руки. Цветовая схема отражает среду Рио-де-Жанейро. Желтый символизирует солнце, синий – море, зеленый — леса. Однако, как только эмблема была выпущена в мир, у нее появились новые значения. «Это удиви-
тельно. Люди начали видеть вещи, которые мы вовсе не имели в виду, — признается Джелли, — Это живые идеи и живой бренд. Мы даже не контролируем его». Вот четыре аспекты дизайна — некоторые сознательно планируемые, некоторые созданы бессознательно – которые вы могли не заметить в логотипе Олимпийских игр Rio 2016 Формы ландшафта Известно, что эмблема ссылается на форму горы Sugarloaf. А вот то, чего вы до сих под не знали: все кривые и пробелы представляют различные местные ландшафты — от окрестных гор до островов. Удерживая логотип над берегом, вы можете применить его к любой части окружающей природной среды. «Мы хотели дать скульптурному городу скульптурный логотип, — отмечает Джелли, — мы никогда не говорили о том, что в его основе лежит только форма верхушки горы Sugarloaf. Эти кривые просто представляют пейзаж. Мы старались, создать форму, подходящую под все большие горы Рио. Это очень важно для ощущения того, что любой уголок местности представлен в логотипе». Эмблема говорит «Rio». В некоторых углах, танцующие люди почти принимают форму букв. Многие люди начали видеть в логотипе слово «Rio». Однако, по словам Джелли, ничего подобного дизайнеры не предполагали. Но подсознательно разработчики все же положили эти вещи в основу дизайна. 9
Для того чтобы найти лучший цвет, текстуры, фигуры, найти уникальные перспективы они пытались определить душу города. Видимо, материализация слова Rio в логотипе просто стало следствием всего этого процесса. Абстрактное сердце Логотип Паралимпийских игр смешивает два архетипических символа: сердце и символ бесконечности. «Это не очевидная форма сердца, — говорит Джелли, — Но было важно найти символы, которые положительно воспринимаются всеми культурами». Дизайнеры использовали технологию 3D, потому что хотели создать тактильные ощущения. В Олимипаде участвует множество слепых людей. И разработчики хотели открыть новые ощущения именно для них. Три новые силы Олимпиада заставило множество людей работать совместно для изменения родного города. Одна из интерпретаций логотипа, которую услышал Джелли, была для него неожиданной: «Однажды человек в трущобах сказал мне, что эмблема символизирует три силы: людей, компании и политиков. Все вместе они объединились в огромном объятии, чтобы изменить город и страну», — пояснил он. В некотором роде это действительно происходит. Сегодня Рио стоит перед огромным вызовом. Большие изменения, происходящие в городе – есть часть большого объятия, изображенного на логотипе.
типографика
10
ДИЗАЙНжурнал
ПРОСТЫЕ СОВЕТЫ ПО РАБОТЕ С ШРИФТАМИ Логомашина рассказала, как не наделать ошибок при наборе текста: сколько шрифтов будет достаточно, как правильно использовать пространство и стоит ли применять эффекты.
Не используйте слишком много шрифтов. Для нормального оформления текста чаще всего хватает одного-двух. Помните, ваша задача – донести информацию, а не поразить читателя своей коллекцией шрифтов. Не злоупотребляйте декоративными шрифтами. Буквы с кучей декоративных элементов и завитушек, не годятся для наборов больших массивов текста. Декоративные шрифты читаются с куда большим трудом, чем более простые геометрические.
Оставьте немного воздуха. Не пытайтесь заполнить текстом все предоставленное пространство. Делайте отступы от краев листа, не уменьшайте сильно интервал между строками текста. В противном случае, текст сольется в одну массу, и читать его будет очень некомфортно. Не меняйте пропорции шрифта Не деформируйте шрифт по вертикали и горизонтали. Это изуродует его и снизит читабельность текста. Если вам очень нужны широкие или высокие буквы,
11
то лучше подберите соответствующий шрифт. Будьте осторожны с цветами Не пытайтесь раскрасить в разные цвета каждое слово текста. Это только раздражает и не несет никаких полезных функций. Не используйте эффекты Однажды начав применять эффекты к тексту, сложно будет остановиться. Чаще всего они выглядят дешево или старомодно и не делают текст красивее или читабельнее. Логомашина
3 ВЕЛИКОЛЕПНЫЕ КНИГИ О ТИПОГРАФИКЕ Типографика — наука с многовековой историей и, казалось бы, про нее уже все известно, все книги написаны и все законы классической типографики приняты. Одако, из-за возрастающего интереса среди дизайнеров к типографике, а также к таким ее направлениям как каллиграфия и леттеринг, многие издательства продолжают выпускать все новые и новые учебники, которые помогут освоить базовые и продвинутые уровни владения типографикой, шрифтостроением, каллиграфией и леттерингом. Представляем вам подборку из 7 книг, которые не только переполнены практическими знаниями о типографике и шрифтах, но и выполнены на высшем уровне: отличные шрифты, верстка и материалы. «Штрих. Теория письма», Геррит Ноордзей «Штрих» — довольно краткое и в то же время исчерпывающее изложение теории письма Геррита Ноордзея. Начиная с первооснов — пространства внутри букв и между ними, — автор последовательно подходит к подробному изложению того, как формируются на письме отдельные штрихи, а также исследует характерные особенности шрифтовых форм.
«Гражданский шрифт и кириллический «Киш»», Владимир Ефимов В 2002 году на английском языке вышел сборник статей о шрифтах и алфавитах раз личных стран мира под назва нием Language Culture Type: International Type Design in the Age of Unicode (составитель Джон Берри). В этой книге, которая появи лась вслед за конкурсом шриф тового дизайна Международной типографической ассоциации ATypI «буква:раз!», был опубли кован очерк Владимира Ефи мова об истории гражданского шрифта и создании современ ного кириллического шрифта с учётом исторических форм — Civil Type and Kis Cyrillic. «Основы стиля в типографике», Роберт Брингхерст Эта книга, впервые изданная в 1992 году, быстро стала профессиональным бестселлером и остаётся им в мире англоязычной типографики до сих пор. Её авторитет был сразу признан в типографическом сообществе как приверженцами классики, так и сторонниками авангарда. Она переиздавалась с исправлениями и дополнениями много раз, была переведена на итальянский, греческий, португальский и польский языки. В 1996 году, а затем в 2005-м книга была переработана и существенно расширена.
типографика
ВЕЛИКОЛЕПНЫЕ ПРИМЕРЫ АРАБСКОЙ КАЛЛИГРАФИИ Арабская каллиграфия — это не только сложно, но и безумно красиво! Француз Жульен Бретон пишет арабскую каллиграфию светом (фризлайт), а также добавляет ее в свои работы, связанные с веб-дизайном и графическим дизайном. Предлагаем вам вдохновиться подборкой замечательных работ этого французского автора.
14
ДИЗАЙНжурнал
ПРАВИЛЬНАЯ ТИПОГРАФИКА: 9 ФАКТОВ О КЕРНИНГЕ Кернинг (англ. kerning) при наборе текста — избирательное изменение интервала между буквами в зависимости от их формы. Проще говоря, кернинг — процесс правильного размещения символов, регулируя расстояния между ними, в результате которого должна быть достигнута гармония. Хотя на кернинг многие особого внимания не обращают (да и вообще — не знают), однако внимание в мелочам помогает достичь очень хороших результатов.
Т
рекинг (Tracking) и кернинг (Kerning) — два понятия, которые не стоит путать. Трекинг — обозначает расстояние между символами в слове или предложении, независимо от их формы и размера. А вот кернинг — это более «местное» понятие.
вариант. Хотя разницы почти никакой. Заглавные T, V, W и Y всегда проблематичны. Так как у них верхняя часть шире нижней. Так что используйте трекинг, чтобы вручную подравнять слова.
Каждый файл шрифтов имеет внутреннюю таблицу кернинга. Дизайнер настраивает расстояния между парами строк, определяя их в тысячных долях. Например, VA имеет кернинг -80, а ry — 30.
Есть такой приём — представьте, что между буквами расположены одинаковые по объему шары, наполненные воздухом. Наша цель — чтобы эти шары никуда не расползались, а были надёжно закреплены между буквами.
В Photoshop, InDesign и Illustrator есть функция optical-кенинга, когда отображается альтернативный
Одна из самых распространённых ошибок кроется в единице. Этот символ — узкий и образует
19
вокруг себя много пустого пространства. По этой причине кернинг нуждается в доработке. Цифра 7 — ещё один проблемный символ. На него тоже следует обратить внимание. Всегда следите за расстояниями до и после слов. Они должны быть правильно соблюдены. Как упражнение, попробуйте представить букву О между словами. Не стоит полностью доверять тому, что Вы видите на экране монитора — всегда перепроверяйте результат перед его демонстрацией.
типографика
20
ДИЗАЙНжурнал
21
типографика
ИСТОРИЯ ШРИФТА GOTHAM
G
otham — это геометрический гротеск, разработанный американской компанией Tobias Frere-Jones в 2000 году. На создание шрифта дизайнеров вдохновили вывески на улицах городов, которые были распространены в середине ХХ века, которых особенно много в Нью-Йорке. Это стиль бронзовых цифр на НьюЙоркских офисных зданиях, чугунных мемориальных досок и и прочих популярных типографических приёмов в мону-
ментальной архитектуре. Среди всего прочего, своей популярность шрифт Gotham обязан тому, что широко использовался в предвыборной компании Барака Обамы. Изначально шрифт разрабатывался по заказу журнала GQ, редакторы которого хотели получить для их издания геометрический гротеск, который бы выглядел «мужским, свежим и новым». Создатели шрифта признаются, что при его создании старались избежать сетки, чтобы
22
буквы получились живыми и «приветливыми». Семейство шрифтов Gotham включает в себя большое разнообразие начертаний, а также узкие версии и italic. Готэм использовался в титрах и плакатах к фильму Кристофера Нолана «Начало», Данкана Джонса «Луна», Дэвида О. Расселла «Боец», и Тома Форда «Одинокий мужчина». Так же Готэм в разных своих вариациях используется в гео социальной сети Foursquare. TypeType
типографика
ТИПОГРАФИКА ПЕКАРНИ «БУШЕ» Креативная студия DEZA разработала серию плакатов для пекарни-кондитерской «Буше».
О
бъединяющая идея кампании — понятие «делиться». Ведь в процессе работы сотрудники «Буше» постоянно делятся друг с другом (и с посетителями): опытом, мнениями, впечатлениями, настроением. Из такого ценностного деления складывается общность, к которой и призывает кампания. В композиции плакатов центральное место занимают изображения трёх ценностей
«Буше» — уважения, вовлечённости и профессионализма — собранные из символизирующих каждую ценность знаковых продуктов компании, многие из которых ассоциируются у потребителя именно с «Буше». Визуальный и содержательный контекст создают рукописные тексты-слоганы и сопровождающие их хештеги. Формат хештега выбран не случайно: «Буше» активно действует в соцсе-
24
тях и использует хештеги в большинстве онлайн- и офлайн-коммуникаций, это привычный и понятный среде компании символ. Пары «слоган — хештег» рассказывают о слагаемых той или иной ценности, о том, что стоит за ней в понимании и в контексте деятельности «Буше». Также носителями сообщений кампании стали открытки — реплики плакатов.