9 лекций по типографике

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

Шрифт в современном мире

Развитие Типографики | Иван Гладких

История письменности и типографики | Мария Мизерницкая

Швейцарская типографика феномен и стереотип

Типографика сайтов

Тагир Сафаев. Неочевидность латиницы в кирилловском алфавите

Motion-weekend. Константин Жаров: Типографика в моушн-дизайне

Эстетика и типографика — Илларион Гордон

60 минут о типографике

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

Материал из Википедии — свободной энциклопедии

Обложка книги Эмиля Рудера «Typographie»

История

Последние научные данные говорят о том, что самые первые формы для набора текста — из фаянса — были использованы около тысячи лет назад ещё в Китае (1040 г.). Несмотря на недолговечность подобного материала, никакой другой технологии вплоть до XIII века не применялось.

Но расцвет типографики как отдельной сферы деятельности начался в Европе, где она появилась в середине XV века. Её распространению способствовали лёгкость и относительно малое количество символов в латинском шрифте, в отличие от китайских иероглифов. Первым, кто серьёзно занялся европейским типографическим искусством, стал Иоганн Гутенберг (1397-1468 гг.), немецкий изобретатель и ювелир. Создав в 1440 году из свинцовых букв наборную форму, он подарил миру первый печатный станок. Отныне создавать книги стало гораздо проще, их стоимость уменьшилась, а количество — возросло. И спустя 14 лет была выпущена первая напечатанная книга. Ей стала Библия, набранная готическим шрифтом — этот шрифт наиболее соответствовал рукописному тексту тех времён, был знаком и удобен читающей публике.

Развитие типографики

Грамотное текстовое оформление печатного листа ценилось всегда. И уже с середины XV века начинают зарождаться первые основы типографики: в Европе в качестве шрифта для текстов используется удобочитаемая антиква. Глядя на римскую капитель и гуманистический минускул, французский гравёр Николя Жансон (1420-1480 г.) вырезает первую антикву. В типографскую моду входит принцип равномерности интерлиньяжа и абзацного отступа для выделения и структурирования текста. В 1494 г. Альд Мануций , итальянский типограф и издатель из Венеции, выпускает первую книгу с удобным для глаза читателя абзацным отступом.

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

В XVII столетии типографика начинает меняться, отдавая предпочтение удобочитаемости книг, пытаясь адаптировать издания для большего круга читателей. С этим связано уменьшение формата, видоизменение шрифтов — сохраняя чёткость оттиска, они становятся более тяжеловесными. В этот же период появляется шрифт «Королевская антиква», который ещё больше не похож на все те шрифты, что были созданы до него. В середине XVIII века впервые появились попытки систематизации типоразмеров и выпуска книг шрифтовых образцов. Особое значение здесь имеет труд англичанина Джона Баскервилля (1706-1775 гг.), отказавшегося от использования книжного орнамента в пользу «чистой» типографики, основанной исключительно на шрифтовом оформлении. Типографика быстро меняется: со временем на смену узорчатости приходит геометрическая точность, проявляется значимость общей композиции свободного пространства листа, рождаются всё новые оттеночные, контрастные шрифты. В Россию типографика приходит вместе с первым книгопечатником Иваном Фёдоровым (1520-1583 гг.), открывшим в 1563 г. первую типографию в Москве и проработавшим красочное оформление со множеством мелких деталей.

В попытке ввести типографику в разряд наук французский гравёр Пьер Фурнье (1712-1768 гг.) публикует «Типографическое руководство» (1773 г.), где представлена его собственная система определения кегля шрифта. Для этого он предложил использовать пики и пункты. А Франсуа Дидо , французский шрифтовик, приравнявший 72 пункта к одному дюйму, положил основы современной системы измерения.

Критика

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

Типографика в современном контексте

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

Конструктивисты начала XX века, напротив, решили отказаться от расписных шрифтов и обратиться к минимализму: буквы приблизились к геометрическим фигурам. Это значительно облегчало чтение текста и максимально концентрировало внимание публики на смысле, а не форме и подаче материала. Вскоре появились такие шрифты как Футура, затем Гилл Санс, в стиле которого оформлены первые карты Лондонской железной дороги. В 1957 г. благодаря швейцарцу Максу Миденгеру (1910-1980 гг.) появляется один из самых знаменитых и используемых по сей день шрифт Гельветика. Каждая эпоха характеризовалась своими веяниями моды в типографике, и каждое из них отвечало задачам своего времени.

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

Примечания

1. Именно как искусство типографику определяют самые разные исследователи, начиная со Стэнли Морисона . См. напр.: Stanley Morison . First Principles of Typography. — Macmillan, 1936. — P. 1.
   Максим Жуков . Типографика Эмиля Рудера // Эмиль Рудер. Типографика: руководство по оформлению. — М. : Книга, 1982. — С. 277.
   Александра Королькова . Живая типографика. — М. : IndexMarket, 2010. — С. 8.
   Иннокентий Келейников . Дизайн книги: от слов к делу. — М. : Рип-Холдинг, 2012. — С. 14.
   В то же время Ян Чихольд, один из наиболее влиятельных типографов, писал: «Совершенная типографика есть скорее наука, нежели искусство». Впрочем, он избегал давать точное определение термину, и в той же статье именовал типографику также искусством, имея в виду её творческую природу, в отличие от производственных процессов верстки и печатания. См.: Как глина в руках гончара… //
   Ян Чихольд . Облик книги: избранные статьи о книжном оформлении. — М. : Книга, 1980. — С. 11-16.
2. admin. Типографика, история и задачи . www.fotokomok.ru. Проверено 28 ноября 2016.
3. Типографика: история тысячелетнего развития. | Web-дизайн форум на Galior-Market.ru . galior-market.ru. Проверено 28 ноября 2016.
4. Типографика | История типографики . typography.bezugly.ru. Проверено 28 ноября 2016.

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. Не изменяйте ширину букв

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

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

Понятие типографики, история и задачи

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

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

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

Нельзя сказать, что типографика как явление появилось только на рубеже XX – XXI веков. В действительности, история становления и развития типографики начинается с появления в жизни человека книгопечатания. Более того, своими корнями эта область графического дизайна уходит еще в более древнюю эпоху рукописных книг, когда красивое размещение текста на плоскости листа очень ценилось. Уже с середины XV века формируются первые основы типографики: в Европе в качестве шрифта для текстов используется удобочитаемая антиква, также издатели и авторы книг начинают выдерживать принцип равномерности интерлиньяжа и абзацного отступа как средства выделения и структурирования текста.

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

В XVII веке с подачи издательских домов Голландии типографика меняет свои задачи в пользу создания книг для более широкого круга читателей. Соответственно, книги приобретают небольшой формат для большего удобства, видоизменяются шрифты – они получаются с более утяжеленным рисунком, что позволяет сохранять четкость оттиска даже при больших тиражах изданий. В это же столетие появляется оригинальный шрифт «Королевская антиква», еще дальше отходящий от рукописного прототипа. В середине XVIII века впервые появились попытки систематизации типоразмеров и выпуска книг шрифтовых образцов.

Особую роль здесь сыграл англичанин Дж. Баскервилл, который отказался от использования книжного орнамента в пользу «чистой» типографики, основанной на исключительно шрифтовом оформлении. Типографика стремительно меняется – появляется геометрическая строгость шрифтового рисунка, выявляется композиционная значимость свободного пространства книжного листа, разрабатываются новые отточенные, контрастные шрифты для книгопечатания.

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

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

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

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

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

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

Типографическое оформление текста

Типографическое оформление текста зависит от нескольких составляющих:

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

— Носители текста. Также на выбор типографических приемов влияет то, где будет размещаться текст – в Интернете, на рекламном щите или бумаге глянцевого издания.

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

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

Естественно, что главное, с чем работает типограф – это шрифт, поскольку от него в основном зависит восприятие текста читателем. Шрифт представляет собой набор символов определенного размера и рисунка. Различные шрифты объединяются в группы или семьи по своему стилистическому решению: шрифты рукописные, шрифты с засечками или без засечек и другие. Понятием «гарнитура» в типографике как раз и определяют шрифт или несколько шрифтов, обладающих стилистическим единством начертания. Например, гарнитура TimesNewRoman включает в себя обычный, курсивный, полужирный и множество других шрифтов этого, очень популярного сегодня семейства.

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

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

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

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

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

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

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

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

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

Что такое типографика?

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

Универсальные специалисты — они существуют?

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

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

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

С кем работают графические дизайнеры?

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

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

Где готовят графических дизайнеров?

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

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

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

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

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

Типографика – процесс и искусство разработки архитектуры коммуникации; моделирование, графическое оформление материала посредством набора и верстки, на основе определенных правил, специфических для данного языка.

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

Термин типографика происходит от греческого τύπος — отпечаток + γράφω — пишу) — искусство оформления печатного текста.

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

Цель типографии – упростить коммуникацию с аудиторией, улучшить восприятие передаваемой информации.

Задачи типографики , наиболее творческого этапа оформления текста, предполагают:

• определение параметров для последующих процессов набора, вёрстки и допечатанной подготовки;
• способствование передаче эмоции, настроения, отношения задуманных автором, вовлечение в чтение и изучение;
• моделирование вида и формы контакта аудитории с объектом авторского и дизайнерского творчества;
• сделать текст наиболее оптимальным, ясным, максимально обеспечивая удобочитаемость текста;
• сделать текст интересным в восприятии читателя, зрелищным, гармоничным в общей структуре коммуникации.

Типографика в маркетинге – инструмент и средство, обеспечивающее лучшую коммуникацию с целевой аудиторией. Типографика определяет общий формат итогового маркетингового материала:

• пропорции, формат полосы набора, раскладку полей;
• параметры шрифта: кегль, интервалы между словами и строками;
• размеры, место расположения и меру зрительной «тяжести» иллюстраций.

Качественная типографика, с точки зрения маркетинга, оказывается всегда продуманной, подчиненной определенному авторскому замыслу.

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

История типографики начинается с середины XV века, когда формируются первые основы типографики: используется удобочитаемая «Антиква»; вводится принцип равномерности интерлиньяжа и азбучного отступа. В XVI века в типографику вводится понятие «курсив». В XVII веке типографика меняет свои задачи с целью создания книг для широкого круга читателей – уменьшается формат книг, видоизменяются шрифты, особую роль принадлежит Дж. Баскервиллу, отказавшемуся от использования орнамента в пользу именно типографики, исключительно основанной на шрифтовом оформлении.

Журнал «Шрифт» • Издательская история «Типографики в терминах и образах»

15 августа 2017

Владимир Кричевский

Из­да­тель­ская ис­то­рия

«Ти­по­гра­фи­ки в тер­ми­нах и об­ра­зах»

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

Ны­не ни­ко­го не на­пря­га­ют за­го­лов­ки мо­ей книж­ки «Кое-что о шриф­те в ти­по­гра­фи­ке» или за­мет­ки Ма­рии До­ре­ули «Шрифт без ти­по­гра­фи­ки». А ведь со­всем не­дав­но у нас не бы­ло не толь­ко шриф­тов, но, в сущ­но­сти, и са­мой ти­по­гра­фи­ки!

МПИ: про­лог

С кон­ца 70-х го­дов я вёл на­уч­ную ра­бо­ту на ка­фед­ре Мо­сков­ско­го по­ли­гра­фи­че­ско­го ин­сти­ту­та. Сна­ча­ла был ре­фе­рат под на­зва­ни­ем «Ти­по­гра­фи­ка: сред­ства, воз­мож­но­сти, це­ли». По­сту­пив в ас­пи­ран­ту­ру, я взял­ся за раз­ра­бот­ку дис­ци­пли­ны, про­цве­та­ю­щей на За­па­де, но ни­как не ар­ти­ку­ли­ро­ван­ной в оте­че­ствен­ной гра­фи­че­ской куль­ту­ре. И да­же лишён­ной соб­ствен­но­го на­зва­ния! План и две гла­вы дис­сер­та­ции «Ра­ци­о­наль­ная кон­цеп­ция ти­по­гра­фи­ки» по­лу­чи­ли одо­бре­ние ре­цен­зен­тов, впро­чем, не­сколь­ко де­жур­ное. Ме­ня без­ого­во­роч­но под­дер­жи­ва­ли зав­ка­фед­рой Ефим Бо­ри­со­вич Ада­мов (1924–2004) и, с осо­бой чут­ко­стью к ти­по­гра­фи­че­ской про­бле­ма­ти­ке, Еле­на Чер­не­вич (1939–2007).

Од­на­ко на пред­за­щи­те за­вер­шён­но­го тру­да воз­об­ла­да­ло край­не не­га­тив­ное су­жде­ние, бо­юсь, не под­креплён­ное са­мим его (тру­да) пол­ным про­чте­ни­ем. За­по­мни­лись сло­ва мо­ей до­брой еди­но­мыш­лен­ни­цы, ска­зан­ные при об­су­жде­нии: «Я не со­глас­на бук­валь­но ни с од­ним про­из­несён­ным здесь сло­вом». Ме­ня об­ви­ни­ли в не­по­ни­ма­нии тра­ди­ции, в иг­но­ри­ро­ва­нии «до­сти­же­ний со­вет­ской шко­лы ху­до­же­ствен­но-тех­ни­че­ско­го оформ­ле­ния пе­чат­ной про­дук­ции» (шко­лы ХТОПП), в не­при­част­но­сти ра­бо­ты к ху­до­же­ствен­ной про­бле­ма­ти­ке, в от­сут­ствии «чув­ства ме­ры и так­та». По не­скром­но­сти, мне то­гда по ас­со­ци­а­ции вспо­ми­на­лась тяжёлая судь­ба оте­че­ствен­ной ге­не­ти­ки. В об­щем, при­шлось от­ка­зать­ся от ма­лей­шей пе­ре­ра­бот­ки тек­ста и, ста­ло быть, от за­щи­ты дис­сер­та­ции. Что я и сде­лал с чув­ством не­опи­су­е­мо­го об­лег­че­ния.

Из­да­тель­ство «Кни­га»

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

В ок­тя­бре 1984 го­да, ко­гда труд под­хо­дил к за­вер­ше­нию, я слу­чай­но (!) узнал о но­вом ре­ше­нии, со­глас­но ко­то­ро­му одо­бре­ние за­яв­ки ста­ви­лось в за­ви­си­мость от пуб­ли­ка­ции фраг­мен­тов бу­ду­щей кни­ги и ус­пе­ха пуб­ли­ка­ций. Если бы я пись­мен­но не спра­вил­ся о по­ло­же­нии дел, то так бы, воз­мож­но, и не узнал, что кни­гу от­кло­ни­ли. Вот как вы­гля­дел этот от­каз, веж­ли­вый, не­да­ти­ро­ван­н­ный и не­по­нят­но кем под­пи­сан­ный:

Итак, про не­счаст­ную ти­по­гра­фи­ку проз­на­ло аж со­юз­ное ве­дом­ство. Име­на «пред­ста­ви­те­лей МПИ и Гос­ком­из­да­та СССР» дер­жа­лись от ме­ня в тай­не. Поз­же уда­лось вы­яс­нить (у Ада­мо­ва), что на об­су­жде­нии про­ек­та те­ма­ти­че­ско­го пла­на при­сут­ство­вал один из са­мых «бди­тель­ных» ка­фед­раль­ных не­до­бро­же­ла­те­лей (не на­пи­сав­ший по сво­ей про­фес­сии ни строч­ки). Он был яко­бы де­ле­ги­ро­ван са­мим рек­то­ром ин­сти­ту­та, за­ру­чив­шись его под­держ­кой на осно­ва­нии до­не­се­ния о мо­их «са­мо­воль­ных» из­да­тель­ских на­ме­ре­ни­ях. На об­су­жде­нии не мог не при­сут­ство­вать один вли­я­тель­ный ти­по­граф. Спе­ци­а­лист, пер­вым упо­тре­бив­ший сло­во «ти­по­гра­фи­ка», на со­ве­ща­нии хра­нил мол­ча­ние, а ко­гда кни­гу уже за­ру­би­ли, ото­звал свой не­га­тив­ный пись­мен­ный от­зыв (со­дер­жа­ние ко­то­ро­го знать мне не да­но). Ти­по­граф вспо­мнил, что уже два­жды по­за­бо­тил­ся о том, что­бы мои тру­ды не уви­де­ли све­та. «Бла­го­род­ный» жест не мог по­вли­ять на судь­бу оче­ред­но­го со­чи­не­ния, ина­че не бы­ло бы и смыс­ла в «бла­го­род­стве».

Со сво­и­ми сер­ди­ты­ми во­про­са­ми я про­бил­ся в ка­би­нет рек­то­ра МПИ. Тех­но­лог-по­ли­гра­фист по­пы­тал­ся устро­ить мне вы­во­лоч­ку вро­де той, что бы­ла уго­то­ва­на «од­ним зна­чи­тель­ным ли­цом» не­за­бвен­но­му Ака­кию Ака­ки­е­ви­чу Баш­мач­ки­ну. Меж­ду тем при­бли­жа­лось вре­мя весёло­го рас­ста­ва­ния боль­ше­ви­ков (всех мо­их про­тив­ни­ков) с парт­би­ле­та­ми, ко­то­рые в на­ро­де про­зва­ли хлеб­ны­ми книж­ка­ми.

Из­да­тель­ство «Со­вет­ский ху­дож­ник»

Че­рез глав­но­го ху­дож­ни­ка Ми­ха­и­ла Аникста и при его под­держ­ке я пред­ло­жил из­да­тель­ству про­ект «Кни­ги о ти­по­гра­фи­ке». Это был опять же но­вый за­мы­сел, из­бав­лен­ный от чуж­до­го мне на­у­ко­об­ра­зия. Ни­ка­кой ре­ак­ции на об­сто­я­тель­ней­шую ав­тор­скую за­яв­ку не по­сле­до­ва­ло. По про­ше­ствии не­сколь­ких ме­ся­цев вы­яс­ни­лось, что мой по­кро­ви­тель пе­ре­брал­ся в Ве­ли­ко­бри­та­нию и в из­да­тель­стве не ра­бо­та­ет.

ВНИ­ИТЭ

В ли­хие ель­цин­ские вре­ме­на в От­дел ис­то­рии и те­о­рии ди­зай­на Все­со­юз­но­го на­уч­но-ис­сле­до­ва­тель­ско­го ин­сти­ту­та тех­ни­че­ской эсте­ти­ки хо­ди­ли чаёв­ни­чать и об­су­ждать пост­со­вет­ские «чу­де­са». Хо­ди­ли раз в не­де­лю и в дни зар­пла­ты. Од­на­ко у ме­ня, на­уч­но­го со­труд­ни­ка ин­сти­ту­та, бы­ла своя за­вет­ная те­ма. В не­при­сут­ствен­ные дни я был с утра до но­чи по­глощён со­чи­не­ни­ем кни­ги «Ти­по­гра­фи­ка в тер­ми­нах и об­ра­зах». На­ко­нец-то был най­ден ключ к пол­ней­ше­му охва­ту про­бле­ма­ти­ки: че­рез про­фес­си­о­наль­ную лек­си­ку. Кни­гу обя­за­лись из­дать под гри­фом ин­сти­ту­та.

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

Из­да­тель­ства «Эпи­фа­ния» и «А и Б»

В пост­со­вет­ское вре­мя при­от­кры­лись но­вые воз­мож­но­сти, впро­чем, до­воль­но эфе­мер­ные. Ма­лень­кое за­ве­де­ние под на­зва­ни­ем «Эпи­фа­ния» в ли­це его со­труд­ни­ка Кон­стан­ти­на Жу­ра­влёва ре­ши­лось на из­да­ние. Кни­га об­ре­ла гра­фи­че­скую фор­му при тех­ни­че­ском со­дей­ствии Жу­ра­влёва (вёрст­ка) и Ев­ге­ния Кор­не­ева (под­го­тов­ка ил­лю­стра­ций). Из­да­тель­ство тя­ну­ло с из­да­ни­ем и в ито­ге его не «по­тя­ну­ло». В это же вре­мя Илья Берн­штейн, еди­но­лич­но пред­став­ляв­ший из­да­тель­ство и ре­клам­ное агент­ство «А и Б», ис­крен­не за­ин­те­ре­со­вал­ся мо­ей кни­гой. Оси­лить из­да­ние воз­мож­но­сти не на­шлось, за­то И.Б. лю­без­но от­кор­рек­ти­ро­вал текст. Так «Ти­по­гра­фи­ка» пре­вра­ти­лась в го­то­вый элек­трон­ный про­дукт.

Яс­ная По­ля­на

Да, был мо­мент, ко­гда моя кни­га мог­ла по­род­нить­ся со зна­ме­ни­тым ме­стом. В Моск­ве ме­ня по­зна­ко­ми­ли с ди­рек­то­ром му­зея «Яс­ная По­ля­на» и од­но­имён­но­го из­да­тель­ства. Пра­пра­внук од­но­го ве­ли­ко­го пи­са­те­ля (в даль­ней­шем — По­то­мок) с не­сколь­ко де­лан­ным одо­бре­ни­ем от­нёс­ся к пред­ло­же­нию из­дать «Ти­по­гра­фи­ку». По­мню его зо­ло­тые сло­ва: «Это то, что нам нуж­но». Так я впер­вые прошёл­ся по глав­ной ал­лее пи­са­тель­ской усадьбы. Из ка­би­не­та По­том­ка был на­прав­лен в туль­скую кон­то­ру из­да­тель­ства.

Зав. про­из­вод­ством по­жа­ло­вал­ся на от­сут­ствие средств и для на­ча­ла по­про­сил ме­ня одол­жить из­да­тель­ству (!) 300 дол­ла­ров на вы­вод оф­сет­ных плёнок. При по­втор­ной встре­че в Моск­ве я пе­ре­дал день­ги и стал ждать. Че­рез не­сколь­ко ме­ся­цев узнал, что плён­ки та­ки вы­ве­де­ны. Даль­ше — оче­ред­ная «ти­ши­на». Па­ру раз роб­ко на­по­мнил По­том­ку о своём и кни­ги су­ще­ство­ва­нии, но тот ед­ва при­по­ми­нал, о чём речь. При­шлось по­ста­вить во­прос ре­бром, и то­гда мне бы­ла на­зна­че­на встре­ча в Моск­ве.

К ме­сту встре­чи подъ­е­хал ав­то­мо­биль с По­том­ком за рулём. Ука­зу­ю­щий жест боль­шим паль­цем ру­ки. На по­лу (!) у зад­не­го си­де­нья ва­ля­лась пач­ка за­пы­лив­ших­ся плёнок, на­спех охва­чен­ных не­све­жей га­зе­той. За­брал своё до­бро и впер­вые в жиз­ни поз­во­лил се­бе не от­ве­тить на про­щаль­ное ру­ко­по­жа­тие.

«Сло­во / Slovo»

Узнав про плён­ки, от­зыв­чи­вый Ко­стя Жу­ра­влёв по­со­ве­то­вал обра­тить­ся в из­да­тель­ство, с ко­то­рым он со­труд­ни­чал. «Сло­во» ухва­ти­лось за про­дукт, до­ведён­ный до ве­ще­ствен­но-гра­фи­че­ско­го во­пло­ще­ния. Кни­га вы­шла без про­мед­ле­ния по­чти син­хрон­но с за­клю­че­ни­ем из­да­тель­ско­го до­го­во­ра. Если па­мять не из­ме­ня­ет, мне да­же ком­пен­си­ро­ва­ли за­тра­ты на плён­ки.

Вско­ре, к мо­ей ве­ли­кой не­ожи­дан­но­сти, орг­ко­ми­тет XIII Мо­сков­ской меж­ду­на­род­ной книж­ной яр­мар­ки на­гра­дил из­да­тель­ство ди­пло­мом по­бе­ди­те­ля кон­кур­са «Луч­шие из­да­ния» в вы­со­чай­шей но­ми­на­ции «Кни­га го­да» за из­да­ние зло­по­луч­ной «Ти­по­гра­фи­ки». Слу­чай­но (!) узнав о до­сти­же­нии из­да­тель­ства, я оза­бо­тил­ся по­лу­че­ни­ем ксе­ро­ко­пии ди­пло­ма. Спа­се­ние уто­па­ю­щих…

Спу­стя не­сколь­ко лет на пред­став­ле­нии ка­кой-то кни­ги ко мне с кис­лым ви­дом по­до­шёл тот са­мый пред­ста­ви­тель МПИ и по­про­сил у ме­ня про­ще­ния. На­хо­дясь то­же в фур­шет­ном со­сто­я­нии, я про­стил, о чём ни­сколь­ко не жа­лею.

Из­да­тель­ство «Вла­ста»: эпи­лог

И сно­ва Ту­ла! По ини­ци­а­ти­ве и при со­дей­ствии ди­зай­не­ра Алек­сея Дом­бров­ско­го кни­га вы­шла вто­рым из­да­ни­ем в мест­ном из­да­тель­стве «Вла­ста». По­во­дом для счаст­ли­во­го зна­ком­ства с Дом­бров­ским (на шриф­то­вых по­си­дел­ках в Харь­ко­ве) по­слу­жи­ла эта са­мая кни­га, ко­то­рую ту­ляк вы­со­ко це­нил. Очень воз­мож­но, он про­чи­тал её вни­ма­тель­нее всех.

«Ти­по­гра­фи­ка в тер­ми­нах и об­ра­зах» (Вла­ста / Ти­по­ли­гон, 2010) в ма­га­зи­не из­да­тель­ства «Шрифт».

1. История типографики. Типографика в рекламе на примере студии «Стиль»

Похожие главы из других работ:

Исследование рынка товара «тушь для ресниц» (на примере ТМ Max Factor)

1.1 История бренда

Легендарный мастер макияжа Макс Фактор родился в России 5 августа 1872 года в г. Лодзь (сейчас это территория Польши). К 14 годам он овладел профессией, которая очень помогла ему в будущем. Он стал парикмахером в оперном театре, где, помимо париков…

История возникновения связей с общественностью

2. История развития PR в США

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

Клининг. Машины для уборки помещений

1. История и факты

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

Маркетинговое исследование компании Franke

1.1 История компании

1911 Герман Франке (Hermann Franke) основал в Рошахе (Швейцария) мастерскую по производству изделий из листового металла. 1914 — 1924 Во время Первой Мировой войны возникли проблемы с сырьем для производства…

Маркетинговые исследования ассортимента лекарственных препаратов компании Gedeon Richter на региональном фармацевтическом рынке

1.1 История

В Венгрии Гедеон Рихтер считается основателем венгерской фармацевтической индустрии. В 1897 году, после окончания учебы, молодой венгерский фармацевт Гедеон Рихтер (1872-1944) отправляется в Европу для изучения аптечного…

Планирование комплексной рекламной кампании «SonyPlaistation 3»

1. История

В 1972 года в Нью-Йорке Ральф Байер положил начало индустрии видеоигр и игровых приставок. Первая игровая приставка для телевизора Magnavox Odyssey разрабатывалась как первый лучик надежды на виртуальное будущее…

Повышение эффективности продвижения продукции на основе BTL-инструментария

3.1 История BTL в РФ

Развитие российской рекламной индустрии началось с момента, когда на отечественном рынке появились крупные западные производители. В конце XX века в СМИ появилась реклама чипсов, моющих средств и многих других товаров…

Разработка программы лояльности на примере ООО «Управляющая Компания «Боско»

1.1 История

История Боско ди Чильеджи началась в 1991 году. Сегодня эта группа компаний занимает лидирующие позиции среди магазинов модной одежды Москвы и всей России. Боско ди Чильеджи — это более 100 монобрендовых бутиков (Alberta Ferretti, Alberto Guardiani, Antonio Marras, Blancpain…

Создание бренда средствами PR

1. История брендинга

…

Создание осведомленности о брэнде средствами маркетинговых коммуникаций

1.1 История брэнда

Предположительно слово «брэнд» скандинавского происхождения, появилось как существительное, со временем превратившись в глагол. Скандинавские корабельщики стали первыми отмечать собственным «брэндом», то есть клеймом или тавром…

Статистический анализ влияния рекламной деятельности организации на уровень ее продаж

История предприятия

23 марта 2008 г. исполнилось 65 лет со дня основания одного из крупнейших российских аффинажных заводов — «Красноярского завода цветных металлов имени В. Н. Гулидова»…

Стратегии усиления позиции компании на рынке Европы, используя рынок Северной Африки как элемент воздействия (на примере ОАО «Газпром»)

2.1 История Компании

Открытие больших месторождений газа в Сибири, на Урале и в Поволжье в 1970-е и 1980-е годы сделало СССР одной из крупнейших газодобывающих стран…

Стратегическое планирование на предприятии

3.2 История бизнеса

Предприятие ООО Арт-Салон «55 Параллель» основано у 2005 г, Первоначально занималось перепродажей мебели и картин, выпуском и распространением багетного материла в двух точках города. Директор предприятия Чимирис М.А…

Типографика в рекламе на примере студии «Стиль»

2.1 Разработка типографики для студии «Стиль»

Я разработала несколько примеров эмблемы студии «Стиль» в стиле типографики с помощью программы CorelDRAW X4.(См. приложение А) Я взяла эмблему студии “Стиль” для того, чтобы сделать ее в стиле типографики…

Товароведные характеристики и потребительские свойства чая

1.1 История чая

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

Прочти меня! Вся история веб-типографики в одной статье

Читаемость — ключевой элемент в фокусировании пользовательского внимания.

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

Метро Нью Йорка, 2019 г. Фото Сьюзан Джейн Голдинг, CC by 2.0

Исследования показывают, что на популярной блогоплатформе Medium каждую статью в среднем дочитывают только 40% людей — т. е. двое из пяти читателей (но находятся люди, которые утверждают, что тут возможны значительные отклонения). Статистика просмотров Stories от Readymag показывает примерно такие же значения — к концу каждой истории мы теряем более, чем половину нашей аудитории.

Что ещё хуже, люди редко читают слово за словом: вместо этого они научились быстро сканировать текст.

«Люди сканируют, потому что пытаются впитать как можно больше нужной информации», — отмечает Кейт Моран, старший UX-специалист в Nielsen Norman Group.

Увы, многие винят во всём читателей. Мол, публике, привыкшей ко всему новому и блестящему, легко наскучить текстом — поэтому они быстро переключаются на новую статью, игру, аккаунт в инстаграме и пр.

Но что если корни этой проблемы идут куда глубже? Что, если дело не в этике (как изначально считалось), а в физиологии? Ряд исследований предполагают, что читать экранный текст куда сложнее по сравнению с печатным. Значит, существуют определённые ограничения читаемости, предопределённые особенностями человеческого глаза и мозга.

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

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

Определяй и побеждай

Начнём с определения читаемости. Согласно классической работе Эдгара Дейла и Жанны Чалл, читаемость это

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

Учитывайте потребности вашей аудитории при выборе размера шрифта: чем меньше шрифт, тем его сложнее читать пожилым, детям и людям с нарушениями зрения. Текст слева набран Spectral 14/21, а справа — Spectral 20/30.

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

Вопрос о необходимости подобного показателя возник задолго до появления интернета — в XIX в. Французский психолог Луи Эмиль Жаваль написал одно из первых известных исследований по данной теме в 1879 г. — Essai sur la physiologie de la lecture (О физиологии чтения).

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

Дело сдвинулось с места лишь в середине XX в. с двумя новыми подходами.

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

В конце концов, идея Тинкера об измерении скорости вошла в понятие удобочитаемости — того, насколько просто отличить одну букву от другой, если измерять скоростью восприятия. Измерение усталости Лакиша стало современным пониманием читаемости в строгом смысле — лёгкостью чтения текста в целом (включая вёрстку, цветовую гамму и пр.), для чего учитывались показатели усталости — например, частота моргания.

Плотный межстрочный интервал снижает читабельность, как видно на примерах выше. Текст слева набран Suisse Int’l 20/20, а справа — Suisse Int’l 20/27.

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

В чём же особенность читаемости на экране?

Контраст.

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

Чтение текста со светящегося экрана физически отличается от чтения с бумаги, которая только отражает свет — чем выше яркость, тем сильнее эффект.

«Если установить яркость слишком высокой, прямой фокус света, направленный прямо на вашу сетчатку, вызовет усталость», — объясняет Ник Шерман, консультант по типографии и основатель шрифтовой компании HEX Projects.

Высокая контрастность между шрифтом и фоном обеспечивают хорошую читаемость

Эту проблему частично можно решить выбором контрастных цветовых схем, при этом оставляя яркость на невысоком уровне. Здесь стоит упомянуть инструменты для измерения контраста текста: Webaim Color Contrast Checker, Luminosity contrast ratio analyser, Color contrast check и Color contrast visualiser.

Разрешение.

Второй фактор, мешающий чтению, это разрешение — количество точек в заданной области, которые используются для передачи визуальной информации. Разрешение измеряется в точках на дюйм (DPI) или пикселях на дюйм (PPI), и эти термины обычно используются как синонимы. Retina-дисплеи макбуков (хвалёные за своё высокое разрешение) только недавно превысили 200 ppi, в то время как офсетная печать предлагает 2 400 dpi или даже больше.

Многие шрифты, которые не были разработаны специально для компьютеров, на экранах читаются, как правило, хуже. Два крупных IT-гиганта — Apple и Microsoft — предложили разные решения этого вопроса.
В macOS ключевой особенностью рендегинга шрифтов был так называемый антиалайзинг — технология, которая используется для добавления пикселей разного цвета по краям букв для визуального сглаживания.

Без сглаживания / со сглаживанием

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

Нехинтованная буква / хинтованная буква. Изображение из справочника Фонтлаба

Однако изменения в процессе рендера шрифтов свели различия между этими подходами к минимуму.

Эволюция вёрстки и набора в интернете

Первый сайт был опубликован в 1990 г. учёным Тимом Бернерсом-Ли — сейчас, конечно, покажется, что сайт ужасный. Первые веб-сайты были очень простыми — вертикально ориентированные отрывки текста и минимум графики. Прежде, чем таблицы стали использоваться для вёрстки веб-страниц, дизайнерских компонентов было крайне мало, как и возможностей имитировать вёрстку привычных печатных текстов.

Слева: World Wide Web project, 1991 г. Справа: Docu + Design Daube, Цюрих, 1997 г.

Слева: yahoo.com, 1996 г. Справа: FeedMag, 1996 г.

Слева: Amnesty International, 1996 г. Справа: Apple Computers, 1997 г.

«На заре интернета не было людей, хорошо разбирающихся в шрифтовом наборе. Макеты сайтов были „жидкими“ (не имели фиксированной ширины), поэтому ширина строк текста могла варьироваться как угодно. Это выглядело не очень красиво: всевозможные типографские правила, разработанные для удобочитаемости текста, попросту не использовались», — объясняет Стас Аки, продуктовый дизайнер в Readymag.

Ситуация требовала новых подходов к вёрстке веба.

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

Эту проблема по большей части решилась после помощи массового внедрения адаптивного дизайна где-то в 2007 г., когда появился первый iPhone.

«Я думаю, что это выдвинуло идею об адаптивном веб-дизайне на первый план. Мобильные сайты часто делали отдельно от десктопных версий — вплоть до появления iPhone. Я думаю, что первый iPhone стал символом того времени, когда мобильный веб-трафик потеснил десктопный. Что касается собственно читаемости, iPhone определённо установил множество стандартов в плане разрешения, как, например, дисплеи Retina с очень высоким разрешением», — вспоминает Ник Шерман.

Мобильные устройства нового поколения обладают разрешением вплоть до 1000 dpi. С увеличением разрешения десктопных и портативных экранов читаемость также улучшается.

Первое поколение iPhone и iPhone 11

Шрифты для специальных целей

Ещё одним важным событием стало появление новых шрифтов. За последние несколько десятилетий Microsoft и Apple неоднократно пытались решить проблему удобочитаемости в интернете, производя все больше и больше шрифтов для цифровых дисплеев и веба.

Мэтью Картер в Нью Йорке, 16 июля 2014 г. Фото Кристофера Льюиса. CC by 4.0

В начале 90-х гг. британский шрифтовой дизайнер Мэтью Картер создал первые шрифты в рамках web 1.0: Georgia (1993 г.) и Verdana (1996 г.). Оба шрифта, заказанные Microsoft именно для использования на веб-страницах, изначально создавались в виде растровых изображений, чтобы соответствовать пикселям стандартного в то время разрешения экрана, а затем превратились в контурные шрифты. Ради лёгкости и удобства читаемости на экранах Картер создал шрифты с большим очком шрифта (x-height), открытой апертурой и достаточным пространством вокруг.

Georgia, разработанная в 1993 г. Мэтью Картером и хинтованная Томом Рикнером

Verdana, разработанная в 1993 г. Мэтью Картером и хинтованная Томом Рикнером

Спустя десятилетие появился субпиксельный рендеринг (также известный как сглаживание шрифтов), который добавляет красные, зелёные или синие пиксели к краям букв для улучшения читаемости даже на экранах с низким разрешением. Происхождение субпиксельного рендеринга до сих пор остается спорным: Apple, а затем и IBM с Microsoft запатентовали различные реализации со своими собственными техническими спецификациями, но Microsoft стала первой компанией, реализовавшей эту технологию в своей продукции. Вскоре после этого Microsoft также выпустила коллекцию Clear Type — шрифты были предназначены для демонстрации преимуществ субпиксельного рендеринга. Изначально туда входили Calibri, Corbel, Cambria, Candara, Consolas и Constantia.

Ещё одно важное событие произошло в 2009 г., когда Small Batch., Inc выпустили Typekit — набор веб-шрифтов от разных словолитен. Он использовал CSS правило @font-face, при этом соблюдая авторские права. Само правило @font-face существовало с 1998 г., но Typekit стал первым набором, решившим проблемы шрифтового копирайта, что способствовало росту нового рынка пользовательских веб-шрифтов. Сейчас трудно представить, но до появления Typekit вся веб-типографика либо создавалась при помощи дюжины «безопасных для веба» шрифтов, либо рендерилась в графике.

В 2014 г. Apple выпустила набор начертаний San Francisco, вдохновленный уже известной модернистской Helvetica. В San Francisco входит несколько шрифтов, каждый из которых ориентирован на разные среды: SF Pro предназначен для macOS, iOS и tvOS, а SF Compact был разработан специально для Apple Watch. Основное различие между ними заключается в том, что в SF Pro у букв с округлыми формами («о», «е» и «s») стороны закруглены, а в SF Compact они плоские. Благодаря плоским сторонам эти буквы можно верстать с большей разрядкой, что повышает удобочитаемость текста при маленьком кегле (что особенно важно для часов).

В 2016 г. Adobe, Apple, Google и Microsoft совместно представили вариативные шрифты. Преимущество этой новой технологии заключается в возможности использовать несколько шрифтов в рамках одного без увеличения размера файла. Вариативные шрифты решили проблему загрузки отдельного файла каждого шрифта для изменения ширины, высоты, начертаний и прочих параметров.

Вариативные шрифты. © Fontsmith

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

Как создать читаемый текст в вебе

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

• Качество текста первостепенно. Существуют различные рекомендации как его улучшить. Вам могут помочь такие показатели, как индекс туманности Ганнинга (также известный как Фог-индекс, Fog Index). Принимайтесь за дизайн только тогда, когда не сомневаетесь в своём тексте.
• Думая о вёрстке, присмотритесь к печатным текстам: читатели (и их глаза) уже привыкли к книгам и журналам и знакомы с их оформлением. Ищите вдохновение в них. Обратите внимание на наиболее привлекательные особенности и воссоздайте их в своих проектах.

Die Epilog № 6: «Wir kommen.Thema: Generation», 2017 г. Фото Сары Бергманн и Дианы Декер по заказу Die Epilog

In extremis, каталог Arts House. © М. Гиссер. Источник изображения: mgiesser.com

Газетное приложение Itinerari, переосмысленное дизайнерской студией Томо Томо. Источник изображения: fontsinuse.com

Латвийский фото-ежегодник за 2019 г. © Алексей Мурашко

• Как печатные, так и онлайн-издания верстаются колонками и прямоугольниками. Освойте сетку — дизайнерский инструмент, впервые использованный швейцарской школой дизайна для привнесения баланса в макеты. Компонуйте и разделяйте ваш контент на более мелкие элементы — это позволит читателям легко их сканировать.
• Не забывайте проверять свои макеты на контрастность — можно использовать инструмент, созданный Web Accessibility Initiative.
• Подберите подходящие шрифты, особенно если вы работаете с длинным текстом. Освойтесь в сочетании шрифтовых пар: выбирайте наиболее читаемый шрифт для основного текста и наиболее выразительный для заголовков. Не забывайте о настройках текста: размере шрифта, межстрочном интервале, ширине колонок.
• Размещайте навигацию на видном для читателя месте, чтобы он без проблем мог оторваться от чтения и затем вернуться к тому же месту. Якорная навигация особенно полезна для лонгридов.
• Экспериментируйте с оформлением и атмосферой текста, ищите способы подчеркнуть его наиболее привлекательные стороны, не нарушая его читаемость. Превратите некоторые числа в изображения или формы. Применяйте уникальные шрифты для заголовков. Используйте врезки и хотспоты (интерактивные точки) для выделения определённых участков текста. Чередуйте текст с изображениями и анимацией. Дайте читателю отдохнуть от монотонного текста и отвлечься на что-то забавное. Помните, что ваша задача — бороться с усталостью от чтения.

Сделайте из чисел изображения или формы

Применяйте уникальные шрифты для заголовков

Чередуйте текст с изображениями

• Если ваша статья длиннее пяти абзацев, добавьте возможность печати текста с подходящим для этого шрифтом — например, одним из вариантов Garamond.
• Анализируйте всё. Используйте количество прочтений как показатель читаемости: разбейте длинные тексты на несколько страниц с различными названиями и сравнивайте количество их просмотров при помощи систем веб-аналитики. Перед публикацией показывайте знакомым черновики с разным оформлением и сравнивайте, как отличия в вёрстке влияют на прочтение.

Что такое типографика в дизайне. Типографика, история и задачи

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. Не изменяйте ширину букв

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

Материал из Википедии — свободной энциклопедии

Обложка книги Эмиля Рудера «Typographie»

История

Последние научные данные говорят о том, что самые первые формы для набора текста — из фаянса — были использованы около тысячи лет назад ещё в Китае (1040 г.). Несмотря на недолговечность подобного материала, никакой другой технологии вплоть до XIII века не применялось.

Но расцвет типографики как отдельной сферы деятельности начался в Европе, где она появилась в середине XV века. Её распространению способствовали лёгкость и относительно малое количество символов в латинском шрифте, в отличие от китайских иероглифов. Первым, кто серьёзно занялся европейским типографическим искусством, стал Иоганн Гутенберг (1397-1468 гг.), немецкий изобретатель и ювелир. Создав в 1440 году из свинцовых букв наборную форму, он подарил миру первый печатный станок. Отныне создавать книги стало гораздо проще, их стоимость уменьшилась, а количество — возросло. И спустя 14 лет была выпущена первая напечатанная книга. Ей стала Библия, набранная готическим шрифтом — этот шрифт наиболее соответствовал рукописному тексту тех времён, был знаком и удобен читающей публике.

Развитие типографики

Грамотное текстовое оформление печатного листа ценилось всегда. И уже с середины XV века начинают зарождаться первые основы типографики: в Европе в качестве шрифта для текстов используется удобочитаемая антиква. Глядя на римскую капитель и гуманистический минускул, французский гравёр Николя Жансон (1420-1480 г.) вырезает первую антикву. В типографскую моду входит принцип равномерности интерлиньяжа и абзацного отступа для выделения и структурирования текста. В 1494 г. Альд Мануций , итальянский типограф и издатель из Венеции, выпускает первую книгу с удобным для глаза читателя абзацным отступом.

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

В XVII столетии типографика начинает меняться, отдавая предпочтение удобочитаемости книг, пытаясь адаптировать издания для большего круга читателей. С этим связано уменьшение формата, видоизменение шрифтов — сохраняя чёткость оттиска, они становятся более тяжеловесными. В этот же период появляется шрифт «Королевская антиква», который ещё больше не похож на все те шрифты, что были созданы до него. В середине XVIII века впервые появились попытки систематизации типоразмеров и выпуска книг шрифтовых образцов. Особое значение здесь имеет труд англичанина Джона Баскервилля (1706-1775 гг.), отказавшегося от использования книжного орнамента в пользу «чистой» типографики, основанной исключительно на шрифтовом оформлении. Типографика быстро меняется: со временем на смену узорчатости приходит геометрическая точность, проявляется значимость общей композиции свободного пространства листа, рождаются всё новые оттеночные, контрастные шрифты. В Россию типографика приходит вместе с первым книгопечатником Иваном Фёдоровым (1520-1583 гг.), открывшим в 1563 г. первую типографию в Москве и проработавшим красочное оформление со множеством мелких деталей.

В попытке ввести типографику в разряд наук французский гравёр Пьер Фурнье (1712-1768 гг.) публикует «Типографическое руководство» (1773 г.), где представлена его собственная система определения кегля шрифта. Для этого он предложил использовать пики и пункты. А Франсуа Дидо , французский шрифтовик, приравнявший 72 пункта к одному дюйму, положил основы современной системы измерения.

Критика

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

Типографика в современном контексте

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

Конструктивисты начала XX века, напротив, решили отказаться от расписных шрифтов и обратиться к минимализму: буквы приблизились к геометрическим фигурам. Это значительно облегчало чтение текста и максимально концентрировало внимание публики на смысле, а не форме и подаче материала. Вскоре появились такие шрифты как Футура, затем Гилл Санс, в стиле которого оформлены первые карты Лондонской железной дороги. В 1957 г. благодаря швейцарцу Максу Миденгеру (1910-1980 гг.) появляется один из самых знаменитых и используемых по сей день шрифт Гельветика. Каждая эпоха характеризовалась своими веяниями моды в типографике, и каждое из них отвечало задачам своего времени.

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

Примечания

1. Именно как искусство типографику определяют самые разные исследователи, начиная со Стэнли Морисона . См. напр.: Stanley Morison . First Principles of Typography. — Macmillan, 1936. — P. 1.
   Максим Жуков . Типографика Эмиля Рудера // Эмиль Рудер. Типографика: руководство по оформлению. — М. : Книга, 1982. — С. 277.
   Александра Королькова . Живая типографика. — М. : IndexMarket, 2010. — С. 8.
   Иннокентий Келейников . Дизайн книги: от слов к делу. — М. : Рип-Холдинг, 2012. — С. 14.
   В то же время Ян Чихольд, один из наиболее влиятельных типографов, писал: «Совершенная типографика есть скорее наука, нежели искусство». Впрочем, он избегал давать точное определение термину, и в той же статье именовал типографику также искусством, имея в виду её творческую природу, в отличие от производственных процессов верстки и печатания. См.: Как глина в руках гончара… // Ян Чихольд . Облик книги: избранные статьи о книжном оформлении. — М. : Книга, 1980. — С. 11-16.
2. admin. Типографика, история и задачи . www.fotokomok.ru. Проверено 28 ноября 2016.
3. Типографика: история тысячелетнего развития. | Web-дизайн форум на Galior-Market.ru . galior-market.ru. Проверено 28 ноября 2016.
4. Типографика | История типографики . typography.bezugly.ru. Проверено 28 ноября 2016.

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

Что такое типографика?

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

Типографика имеет гораздо долгую историю, чем дизайн или сам Интернет. Во-первых, она появилась примерно в 11-12 веках, когда люди изобрели первый печатный станок. Реальная революция в типографика началась после Библии Гутенберга, первой крупной книги, напечатанной с помощью подвижного металлического пресса, которая ознаменовала начало эпохи печатной книги на Западе.

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

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

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

Эффективный текст является ключом к мощному дизайну. Его эффективность зависит не только от его содержания, но и от того, как он представлен. Размер шрифта, ширина, цвет и структура текста — все это важно. Дизайнеры могут передавать определенное настроение или сообщение, выбирая подходящие шрифты и способы их представления. Таким образом, типографика помогает дизайну общаться с людьми. Визуальная производительность и удобство чтения в цифровых продуктах оказывают большое влияние на пользовательский интерфейс. Если шрифты плохо читаемы, люди могут столкнуться с проблемами в навигации или даже хуже, не смогут использовать ее вообще. Сегодня плохой опыт работы с цифровыми продуктами непростителен, поскольку пользователи могут легко найти лучшую альтернативу.

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

Основные элементы типографики

Чтобы создать эстетичную и гармоничную типографику, вам необходимо изучить ее анатомию.

Шрифт и гарнитура

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

Как правило, символы шрифта помещаются в прямую линию, создавая аккуратное визуальное представление. Основными инструментами, помогающими дизайнерам в этом процессе, являются средняя линия (mean line) и линяя шрифта (baseline). Эти линии определяют расположения букв в строчке, таким образом они помогают создавать шрифты. Конечно, такие линии невидимы в интерфейсах после завершения работы дизайнеров.




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




Ascender является частью буквы, которая идет выше средней линии, как в букве «b» или «d». Descender противоположен Ascender. Это часть буквы, которая простирается ниже базовой линии, как в «q» или «g».




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




Выравнивание

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




Трекинг

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




Кернинг

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




Межстрочный интервал — это промежуток между базовыми строками текста. Он помогает читателям легко перейти от одной текстовой строки к другой и сделать большие фрагменты текста разборчивыми. В дизайне стандартное значение межстрочного интервал составляет 120%, размер по-прежнему может варьироваться в зависимости от особенностей шрифта.




Типографика для UI дизайна — иерархия текста

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




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

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

Одна из самых часто встречающихся бед дизайна — это проблема с .

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

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

Правило 1. Чем меньше шрифтов, тем лучше

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

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

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

Правило 2. Следите за разрядкой

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

Правило 3. Правильное выравнивание

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

Правило 4. Поменьше декоративных шрифтов

У вас есть красивые декоративные шрифты? Замечательно! Но это совсем не означает, что необходимо использовать их для текста абзацев. За декоративными шрифтами, чаще всего стоит, история или они применяются в конкретном случае, например, для заголовка или названия. Часто, чем проще, тем лучше, поэтому такие шрифты как Helvetica так популярны.

Правило 5. Размер имеет значение

Это о размере букв текста;). Заголовки хороши, когда набраны жирным и большим шрифтом, но если вы будете использовать и в основном тексте слишком большие буквы, это удешевит его. Подумай об этом. Вы идете в хороший ресторан и часто бывает, что меню написано мелким шрифтом, это выглядит классно. (Только убедитесь, что шрифт не так мал, чтобы было трудно прочитать). Не бойтесь делать заголовки гораздо больше, чем основной текст.

Правило 6. Следите за читабельностью

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

Правило 7. Правильно подбирайте цвета

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

Правило 8. Подходящая группировка

Связанные части информации лучше объединять вместе. Это позволит сделать дизайн яснее. Например: посмотрите на постер фильма, все данные сгруппированы в привлекательные блоки. Они теперь могут рассматриваться как отдельный элемент дизайна. Примеры плохой группировки – откройте желтые страницы.

Правило 9. Достаточный интерлиньяж

Это расстояние между строками текста. Очень важно правильно подобрать этот интервал. Гораздо более приятно читать, когда есть место для отдыха глаз между строками. Как правило, стараются использовать интерлиньяж, по крайней мере, на 2 пункта больше, чем размер шрифта. Например: для максимального удобства чтения при 10pt для шрифта должны задать хотя бы 12pt.

Правило 10. Следите за кернингом

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

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

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

Понятие типографики, история и задачи

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

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

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

Нельзя сказать, что типографика как явление появилось только на рубеже XX – XXI веков. В действительности, история становления и развития типографики начинается с появления в жизни человека книгопечатания. Более того, своими корнями эта область графического дизайна уходит еще в более древнюю эпоху рукописных книг, когда красивое размещение текста на плоскости листа очень ценилось. Уже с середины XV века формируются первые основы типографики: в Европе в качестве шрифта для текстов используется удобочитаемая антиква, также издатели и авторы книг начинают выдерживать принцип равномерности интерлиньяжа и абзацного отступа как средства выделения и структурирования текста.

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

В XVII веке с подачи издательских домов Голландии типографика меняет свои задачи в пользу создания книг для более широкого круга читателей. Соответственно, книги приобретают небольшой формат для большего удобства, видоизменяются шрифты – они получаются с более утяжеленным рисунком, что позволяет сохранять четкость оттиска даже при больших тиражах изданий. В это же столетие появляется оригинальный шрифт «Королевская антиква», еще дальше отходящий от рукописного прототипа. В середине XVIII века впервые появились попытки систематизации типоразмеров и выпуска книг шрифтовых образцов.

Особую роль здесь сыграл англичанин Дж. Баскервилл, который отказался от использования книжного орнамента в пользу «чистой» типографики, основанной на исключительно шрифтовом оформлении. Типографика стремительно меняется – появляется геометрическая строгость шрифтового рисунка, выявляется композиционная значимость свободного пространства книжного листа, разрабатываются новые отточенные, контрастные шрифты для книгопечатания.

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

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

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

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

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

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

Типографическое оформление текста

Типографическое оформление текста зависит от нескольких составляющих:

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

— Носители текста. Также на выбор типографических приемов влияет то, где будет размещаться текст – в Интернете, на рекламном щите или бумаге глянцевого издания.

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

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

Естественно, что главное, с чем работает типограф – это шрифт, поскольку от него в основном зависит восприятие текста читателем. Шрифт представляет собой набор символов определенного размера и рисунка. Различные шрифты объединяются в группы или семьи по своему стилистическому решению: шрифты рукописные, шрифты с засечками или без засечек и другие. Понятием «гарнитура» в типографике как раз и определяют шрифт или несколько шрифтов, обладающих стилистическим единством начертания. Например, гарнитура TimesNewRoman включает в себя обычный, курсивный, полужирный и множество других шрифтов этого, очень популярного сегодня семейства.

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

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

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

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

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

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

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

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

Символы российской типографики: как Илья Рудерман и Юрий Остроменцкий зарабатывают на своих и чужих шрифтах

Как устроен бизнес type.today

Бизнес магазина построен на лицензировании. ООО «Тайп Тудэй» заключает агентский договор с правообладателем шрифта — дизайнером или компанией — и выплачивает ему роялти от продаж. Для витрины type.today работает соотношение 40 на 60 в пользу магазина, для tomorrow — наоборот. Пользователь, купивший шрифт, получает бессрочную лицензию на его использование.

На вопрос, почему не 50/50, как в MyFonts, Рудерман говорит: «Ведение онлайн-бизнеса в России дороже, чем в Европе или Америке примерно на 10%. Это дополнительные налоги, биллинговая система, кассовые аппараты, счёты и что только Госдума не придумает. Каждый год эта нагрузка увеличивается».

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

Сейчас в совмещённом магазине type.today и tomorrow суммарно продаётся около ста шрифтов. 40% дохода приносят онлайн-покупки минимальных лицензий. Как правило, их покупают дизайнеры-одиночки или маленькие студии. 60% заработка — крупные лицензии, купленные большими структурами по безналу.

Илья Наумов

дизайнер шрифтов,

автор в type.today

В продаже шрифтов массовость для меня не в приоритете. Я предпочитаю количеству качество. Этим мне и нравится каталог type.today. К тому же Илья и Юрий — большие профессионалы. Они всегда готовы дать совет и помочь, если есть вопросы.

Разделение роялти 40/60 в пользу магазина действительно нестандартно. И это, пожалуй, единственный минус для автора шрифта.

Во второй половине 2020 года продажи на сайте type.today выросли на 20%. Всего за прошлый год магазин сделал 5,4 тыс. продаж. По прогнозу Рудермана, тяжелее будет в 2021 году. Если в 2020-м бизнес ещё жил по бюджетам, принятым до пандемии, то в этом году они, скорее всего, сократятся. И дизайн пострадает одним из первых.

Краткая история — PRINT Magazine

от Джона Зиберта

«Прославленное» происхождение

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

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

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

Древняя эра — Говорим картинками

Древние наскальные рисунки, датируемые 20000 годом до нашей эры. возможно, самое первое записанное письменное сообщение. Однако считается, что формальная письменность была разработана шумерами примерно в 3500 г. до н. Э.

По мере развития цивилизаций потребность в передаче сложных концепций росла — отсюда и развитие египетских иероглифов. К 3100 году до нашей эры египтяне начали использовать символы или идеограммы в своем искусстве, архитектуре и письмах.Также к 1600 г. до н. Э. Финикийцы разработали фонограммы или символы, используемые для обозначения произнесенных слов. В настоящее время у нас есть ряд фонограмм с добавлением английского алфавита, например% для обозначения «процента» и # для обозначения «числа» и так далее и тому подобное.

Именно финикийцам приписывают создание самого первого алфавита, а около 1000 г. до н.э. — тот же алфавит использовали греки. Фактически, слово Alphabet представляет собой комбинацию первых двух греческих букв Alpha и Beta.

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

Средневековье — рукописные и хорошо иллюстрированные рукописи

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

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

Гутенберг и современная типографика

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

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

Переход к настоящему

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

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

Источник изображения

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

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

В заключение

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

Автор Биография:

Джон Сиберт — президент и генеральный директор компании Tranquil Blue — Tampa Website Design Company, которая занимается всеми видами дизайна веб-сайтов, разработкой мобильных приложений и маркетингом в поисковых системах.

---

Роб Картер, Филип Б. Меггс, Бен Дэй, Сандра Макса, Марк Сандерс

Содержит самую свежую информацию о текущих тенденциях в дизайне, «Типографский дизайн: форма и коммуникация», 6-е издание Роба Картера, Филипа Б. Меггса, Бена Дэй, Сандры Макса и Марка Сандерса дает всесторонний взгляд на типографику. Из-за своей универсальности и присутствия в нескольких отраслях, включая печать, видео, телевидение, кино, упаковку, цифровой дизайн, рекламу и многое другое, типографика и наличие профессиональных навыков шрифтового дизайна являются важным компонентом арсенала каждого графического дизайнера.

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

История типографики и ее путешествие в искусство

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

Переходя на Средневековье , популяризировавший иллюстрированных рукописей и каллиграфию , сосредоточив внимание на рукописных текстах, мы подошли к самому важному моменту в истории современной типографики, как мы ее знаем сегодня — изобретению подвижных печатный станок в 15 веке Иоганнеса Гутенберга.После этого момента все изменилось, книги можно было публиковать и распространять на — крупномасштабном , а это означает, что образование может стать более распространенным, можно создавать и читать новости, а также рекламу с использованием начальных шрифтов с засечками и без засечек. Но как с тех пор эволюционировало письмо, как типографика стала больше, чем просто декоративным элементом и превратилась не только в важную форму искусства, но и в сам язык в нашем современном обществе? ^[1]


Лувр — Египетские гиероглифы

Типографика раннего модернизма — шрифты Баухауса

Один из последних студентов Баухауса , Герберт Байер определенно оставил огромный след не только в типографике, но и в других формах изобразительного искусства и архитектуре .Он использовал и принял принципы редуктивного минимализма для разработки своего знаменитого шрифта без засечек под названием Universal , и это было одним из ключей к определению всей эстетики Баухауза. Эстетика Баухауза повлияла на многих важных художников, среди которых Ян Чихольд , человек, который создал визуальных переживаний на подсознательном уровне для всех любителей книги, которые теперь могли видеть искусство в книгах, даже наблюдая только за буквами.После просмотра выставки Баухауза в 1924 году он принял композицию, структуру и геометрию Баухауза, оставив позади свою страсть к черным буквам и шрифтам и приняв новые правила. Его самая важная работа — Die Neue Typographie — The New Typography , опубликованная в 1928 году, как шедевр современной типографики и графического дизайна. Эта книга стандартизировала типографские практики с набором правил. Это отразило движение к , более универсальному и современному стилю общения. ^[2]


Баухаус — Новая типографика

Рождение технологических инструментов и поп-арта

С ростом технологических возможностей капиталистическое общество процветало за счет дополнительных способов создания новых предметов и рекламы, но также позволяло художникам ссылаться на эти новые творения и играть с ними. Самым важным шагом, совершившим революцию в типографике в начале 1950-х годов, было то, что Varityper и Photon представили по разумной цене автономную систему набора .Это также означало, что и производители товаров, и художники могут иметь больший доступ к производству типографики. Поп-арт подчеркнул китчевых элементов поп-культуры и создал произведений искусства как протест против элитарной культуры и серьезности, которые ее окружали. Такие художники, как Энди Уорхол , полностью копировали как формы потребительских товаров, так и шрифты, используемые в их рекламе. Рой Лихтенштейн , с другой стороны, интегрировал простой шрифт текста комиксов как часть своих знаменитых крупномасштабных картин.Известный как один из самых важных пионеров современного типографского искусства под влиянием поп-арта, британский художник Майк Эдвардс создал и создает Word Paintings или текстовых портретов , в которых каждая буква отображается в отдельном цвете. Когда изображение рассматривается на расстоянии, буквы сливаются воедино и создают фотографическое качество работы.

Обязательно посмотрите работы Энди Уорхола на нашей торговой площадке!


Майк Эдвардс — Рукописные песни Боуи

Типографика как посланник мира в дизайне 1960-х

Поскольку 1960-е годы были времен радикальных социальных изменений , с началом движения за мир и психоделической эры , с ним пришли новые шрифты и дизайн, которые были созданы для поддержки инновационных идей , процветавших в то время .Одним из самых важных дизайнеров психоделических плакатов был Wes Wilson , который сильно повлиял на типографику, изобретя новый шрифт примерно в 1966 году, , который стал синонимом эпохи. Это был психоделический шрифт , благодаря которому буквы стали более динамичными и выглядели так, как будто они тают от отпечатков. Типографика использовалась как способ распространения идей о текущих социальных изменениях, , протестах и ​​способах принятия нового образа жизни.Одним из ключевых дизайнеров, которые также сыграли важную роль в его экспериментах с цветом, был Victor Moscoso , который использовал концепцию вибрирующих цветов на своих типографских плакатах, созданных путем взятия цветов с противоположного конца цветового круга с равными значение и интенсивность.


Слева: Уэс Уилсон — The Byrds, плакат Moby Grape / справа: Уэс Уилсон — плакат блюз-группы Muddy Waters

Между традициями и разработкой программного обеспечения в 1970-х и 80-х годах

Что касается технологии 1970-х годов, она включала изобретение наборных машин третьего поколения , которые использовали , хранящиеся в электронном виде данные о шрифтах .В начале 80-х эти машины были самыми важными производителями в полиграфической и издательской индустрии. Игристые, футуристические, красочные буквы на обложках альбомов и книг в то время остаются важной вдохновляющей точкой для художников даже сегодня, которые пытаются копировать настоящие ретро-шрифты, такие как Baskerville OF, Bubble Gum или Futura . Но хотя многие художники и дизайнеры того времени черпали вдохновение в разработке программного обеспечения, другие пытались обновить традиционные формы и найти различные способы их применения.В 1989 году настоящий мастер традиционной типографики и гравюры, а также многопрофильный художник Алан Китчинг основал The Typography Workshop , студию, которая использует традиционных техник высокой печати , но также сочетает их с устаревшими технологиями и ищет новые способы их применения. Результат становится волшебным, и его можно увидеть через инновационных красочных работ , в которых используется дерево и металл , но они показывают, как могут вдохновлять даже эти традиционные материалы .


Алан Китчинг — Жизнь в высокой печати

Современный дизайн типографики

Как всегда, современные художники переосмыслили и превзошли традиционные практики и процедуры машинописного ввода с помощью технологии и средств мультимедийного дизайна . Современные типографские работы в духе постмодернизма включают и объединяют все: от Neo-Pop , современной каллиграфии , кинопроизводства , инсталляционного искусства , скульптуры и уличного искусства .Некоторые из известных художников, работающих с этим стилем сегодня, определенно Крейг Редман , который использует свой iPhone, камеру, ноутбук и Photoshop для создания простых циничных сообщений , представленных в оптимистичной, простой, упрощающей форму манере. Как и многие другие художники, работающие с типографикой, его работа не ограничивается клиентами, но ему также нравится создавать собственные сообщения. Начиная с художника-граффити , который влюбился в каллиграфию, Лука Барчеллона сочетает древние традиции с современным дизайном и создает живые выставки каллиграфии.Его работы ставят под сомнение возможность превращения слов в графическую интерпретацию текста , и наиболее важной частью этой серии была его графическая переинтерпретация рассказа Франца Кафки .

С другой стороны, даже традиционных алфавитов , таких как хангыль, переосмысляются в современной типографике Ан Санг-Су , который превратил этот древний алфавит в самостоятельную форму искусства. Рус Хасанов — еще один важный современный художник, который использует такие предметы, как экраны ноутбуков и соевый соус , для создания своих шрифтов.Продуктивный художник-график, известный созданием типографских инсталляций, которые еще больше расширяют границы этого искусства, Одед Эзер создает проекты, которые включают имплантацию типа в ДНК спермы , выполняя типопластические операции, чтобы модифицировать наше тело с помощью типа . , и составляет существ из иврита и латыни. ^[4]


Слева: Ан Санг-Су — Переосмысление традиционного корейского хангыля, 2002/ Справа: Рус Хасанов — Типография Sunlight

Современная каллиграфия и типография в уличном искусстве

С самого начала, шрифты , использованные в граффити , составляли важнейшее качество этой формы искусства , используемой для создания важных стилевых различий между разными художниками и группами.Например, , знаменитый пионер уличного искусства Нью-Йорка, Cope2 стал всемирно известным благодаря своим узнаваемым пузырьковым шрифтам. Совсем недавно немецкий уличный художник Bronco стал всемирно известен тем, что у него последовательная типографика , которую он сочетает с , острое чувство юмора , которое критикует и ставит под сомнение поп-культуру и политику, а также наш повседневный жизненный опыт. . Еще один социально активный уличный художник типографики, известный своим юмором, — это знаменитый Макс Риппон или RIPO , который создает умных и высоко стилизованных работ , которые помещают слова в визуальные ландшафты и изображения в слова, исследуя влияние текстового общения через язык, формы и символы.

Французский уличный художник L’ATLAS комментирует смещение людей через свои знаменитые жесткие формы и линии , которые вдохновляют каллиграфию даже для создания крупномасштабных инсталляций в городах, которые показывают, что границы между людьми, но и формы искусства существуют только в нашем сознании. Британский художник Дин Зевс Колман создает слияний между граффити, типографикой, скульптурой и изобразительным искусством в своих 3D-работах , которые исследуют жизнь букв вне их обычных границ, установленных уличными стенами.Наконец, Retna — художник, который так далеко зашел в инновациях уличного искусства в типографике, что он полностью изобрел свой собственный отличительный, сконструированный сценарий , который он теперь использует как часть всех произведений искусства, которые он создает. Типографика определенно была и остается инструментом для преобразования и возрождения стилей и практик граффити и стрит-арта.


L’Atlas — Будь собой

Сила письма

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

Совет редактора: Тип: Визуальная история гарнитур и графических стилей

Эта компактная, но всеобъемлющая книга предлагает подробный обзор дизайна шрифтов с 1628 года до середины 20 века.Созданная на основе выдающейся голландской коллекции, серия изысканно оформленных каталогов прослеживает эволюцию печатного письма с помощью образцов, выделенных римским, курсивом, полужирным, полужирным, узким и широким шрифтами. Также включены границы, орнаменты, начальные буквы и украшения, а также образцы литографии, буквы авторов знаков, резчиков надписей и каллиграфов. Первая часть книги посвящена шрифту до 20 века с текстами редактора Сеса де Йонга и коллекционера Яна Толенаара. Вторая часть охватывает период с 1900 до середины 20 века и содержит исторический очерк Алстона У.Первис.

Артикул:

1. Дэвид Диринджер, Книга перед печатью: древние, средневековые и восточные (надписи, каллиграфия, типография) , Dover Publications; Нью-Йорк, 2011
2. Cees W. De Jong, Тип: визуальная история гарнитур и графических стилей , TASCHEN, 2007
3. Сара Скриллофф, Краткая история типографики , Ashworth Creative [28 марта 2017 г.]

Featured image: Retna — Bottom is Red, Rus Khasanov — Typography for Fortune Detail, Rus Khasanov — Typography for Fortune Detail, Ян Чихолд — Дизайн — это история, Майк Эдвардс — Word Portrait Эди Сегвик, Одед Эзер — Современный иврит Типография, Макс Риппон — Домашнее насилие 2014.Все изображения используются только в иллюстративных целях.

История шрифта (с инфографикой)

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

На историю шрифтов

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

Книги для широких масс

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

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

Формы букв

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

страницы из библии Гутенберга с оригинальным шрифтом Blackletter и декоративными иллюстрациями.

Гарнитуры для экономии места

Шрифты

Blackletter были первоначальным стандартом для печати, главным образом потому, что они имитировали почерк того времени.Но, как упоминалось выше, недостатком было то, что они занимали значительное место на странице.

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

Ранний римский шрифт Дженсона был более обтекаемым, чем Blackletter, и экономил место на странице.

Шрифт Дженсона был первым, который был создан на основе типографских принципов, а не рукописных моделей.Его римский шрифт является основой для множества современных шрифтов, включая Centaur, созданный Брюсом Роджерсом в 1914 году, и Adobe Jenson, созданный Робертом Слимбахом в 1996 году.

В то время как шрифт Дженсона латинскими буквами экономил место на печатной странице, другие пытались сэкономить еще больше места, чтобы повысить эффективность печати книг. В 1501 году Альд Манутиус и Франческо Гриффо создали первый курсивный шрифт, который позволил разместить на странице еще больше текста. Первоначально он был изобретен для экономии места, но курсив все еще используется для выделения текста.

Пример раннего курсивного шрифта.

Повышение читаемости

Эффективность была не единственной проблемой, с которой столкнулись первые шрифтовые дизайнеры. Читаемость ранних шрифтов была не идеальной, особенно курсивный шрифт, используемый для экономии места.

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

Ранний образец гарнитуры для гарнитур Уильяма Каслона, в том числе его римский шрифт.

Джон Баскервиль сделал шаг вперед в 1757 году, создав переходные гарнитуры с более четкими формами букв. Хотя он улучшал шрифт, чернила и печатные машины, его шрифт был чернее шрифта его современников. Дизайн Баскервилля подвергся критике из-за толщины штрихов. Один из его критиков даже зашел так далеко, что сказал, что его шрифт будет «нести ответственность за ослепление нации».Его шрифт потерпел неудачу с коммерческой точки зрения, но был возрожден в 20 веке, и с тех пор он был провозглашен «величайшим принтером, когда-либо созданным в Англии».

Образец гарнитуры раннего шрифта Баскервилля, включая курсивный вариант.

Внешний вид современных засечок

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

Между этими двумя шрифтами есть некоторые явные различия, в основном во внешнем виде и размещении определенных букв. Например, буква J в верхнем регистре в Bodoni простирается ниже базовой линии, а в Didot — на базовой линии. Удары на «3» в Бодони оба завершаются шарами, в то время как только верхний удар заканчивается мячом в Дидо.

Из-за сильного контраста между тонкими и толстыми штрихами в современных шрифтах с засечками, таких как Didot и Bodoni, они не самые читаемые шрифты при меньшем размере.Они лучше всего подходят для заголовков и отображения, хотя при высоком разрешении они могут подходить для основного текста.

Сравнение различных версий Бодони и Дидо.

Первый шрифт Slab Serif

Первый коммерчески доступный шрифт с плоскими засечками или египетский шрифт, названный «Antique», появился в 1815 году и был разработан Винсентом Фиггинсом. Они привлекали больше внимания, чем более традиционные засечки. Основная характеристика шрифтов с плоскими засечками — отсутствие кривизны на них.

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

Miller and Richard’s Oldstyle Antique, плита с засечками в египетском стиле со слегка закругленными засечками.

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

Первое появление шрифта без засечек

Примерно в то же время, когда стал доступен первый шрифт с засечками, первый шрифт без засечек стал коммерчески доступным. Вильгельм Каслон IV разработал «Двухстрочный английский египетский», также известный как «египетский казлон», в 1816 году. Он быстро завоевал популярность, а реклама и другие печатные материалы начала 19 века выделялись своим использованием.

Пример египетского письма Каслона «Две строки» («две строки» относятся к высоте шрифта).

На шрифт

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

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

История шрифтов 20-го века

ХХ век принес еще более важные события в истории шрифтов. Первым шрифтовым дизайнером, работавшим полный рабочий день, был Фредерик Гауди, который начал свою карьеру в 1920-х годах. Он создал культовые шрифты, которые используются до сих пор, в том числе Copperplate Gothic и Goudy Old Style (на основе шрифтов старого стиля Дженсона).

В 1957 году Макс Мидинджер разработал Helvetica, возможно, самый культовый шрифт 20-го века. Другие минималистские шрифты были разработаны в 20 веке, включая Futura (разработанный Полом Реннером) и Optima (разработанный Германом Цапфом).

Цифровая типографика

Первый цифровой шрифт — Digi Grotesk — был разработан Рудольфом Хеллом в 1968 году. Ранние цифровые шрифты были растровыми, что приводило к неидеальной читаемости при малых размерах. В 1974 году были разработаны первые контурные (векторные) шрифты, которые улучшили читаемость при одновременном уменьшении размеров файлов.

К концу 1980-х годов были созданы шрифты TrueType, которые позволяли как компьютерным дисплеям, так и устройствам вывода, таким как принтеры, использовать один файл.В 1997 году были изобретены шрифты OpenType, которые позволили платформам Mac и ПК использовать один файл шрифта.

В том же году в CSS были включены первые в истории правила стилизации шрифтов, а в следующем году первая поддержка веб-шрифтов была добавлена ​​в Internet Explorer 4 (хотя в то время они не получили широкого распространения).

Эволюция шрифтов в Интернете

21 век принес значительный прогресс в области веб-шрифтов. В 2009 году был разработан формат открытого веб-шрифта (WOFF), который был добавлен к стандартному веб-стандарту W3C.Эта разработка проложила путь к широкому распространению веб-шрифтов в 2011 году, когда все основные браузеры, наконец, приняли поддержку WOFF.

Широкое распространение веб-шрифтов дает дизайнерам практически неограниченный выбор шрифтов.

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

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

Google Fonts позволяет людям показывать только вариативные шрифты в результатах поиска.

Что ждет типографику в будущем

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

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

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

• • •

Дополнительная литература в блоге Toptal Design:

История и эволюция типографики

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

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

Но что превращает букву в уникальный и мгновенно узнаваемый знак? Можем ли мы определить общие элементы, присущие всем стилям букв? Есть ли система классификации, которая поможет нам разобраться в хронологии типографики?

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

Распределение по типам и начальные формы

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

Пожалуй, самая распространенная система — это система, разработанная Максимилианом Воксом в 1954 году, которая делит гарнитуры на девять отдельных категорий на основе общих черт или хронологических периодов. В 1962 году Международная типографическая ассоциация (ATypI) расширила эту систему до 10 категорий, и она используется по сей день.

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

— Классический (Гуманистический / Гаральдский / Переходный)
— Современный (Дидонский / Механистический / Линейный)
— Каллиграфический (Глифический / Письменный / Графический / Гэльский / Блэклеттер)
— Нелатинский (Греческий, Кириллица, Арабский и т. Д.))

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

Римское влияние

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

К ним относятся динамичные заглавные буквы Rustic, а также unicase uncial, которые помогли сформировать крохотные строчные овалы эпохи Каролингов с их характерными восходящими и нисходящими элементами. У все более грамотного населения возрастал аппетит к книгам, что приводило к некоторым чисто функциональным изменениям, таким как уменьшение ширины букв, чтобы приспособиться к более быстрому стилю письма и сэкономить ресурсы.Результатом стал Blackletter (или «переломы»), стиль средневекового почерка, в котором используется ширококонечное перо для создания тяжелых, часто угловатых букв и сжатых счетчиков.

Примеры Incise: Trajan, Colus
Примеры Blackletter: Fraktur, Textura, Schwabacher

Иоганнес Гутенберг

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

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

Для первой в мире печатной книги — первого шрифта Библии Гутенберга — был разработан специальный шрифт на основе Textura и Schwabacher из-за их сокращенных счетчиков и увеличенного интервала.Этот метод позволит разместить больше символов в строке и, в свою очередь, больше информации на странице.

Классическая типографика

Гуманист

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

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

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

Примеры: Centaur, Jenson

Гаральде (Альдин)

Следующий сегмент гарнитуры отличается равномерной консистенцией с большим контрастом, а также умеренным весом и наклонной осью. Его название — это портфель двух великих типографов и крупных фигур эпохи Возрождения — французского штамповщика Клода Гарамонда и итальянского издателя Альдуса Манутиуса.

Французский король Франциск I проявил себя проницательным реформатором, воспользовавшись технологическим прогрессом, чтобы начать реорганизацию языка и грамматики страны, что принесло ему титул «отца и реставратора письменности».

Примеры: Bembo, Garamond

Transitional (Реалист / Реал)

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

Название «réal» восходит к испанскому термину «королевский» и относится к французскому королю Людовику XIV и его желанию создать достойного преемника Гарамонда, а также достойного конкурента / аналога нынешней европейской типографии. тенденции. К этому моменту техника гравировки стала более сложной, позволяя добиться большего контраста и более мелких деталей, что хорошо взаимодействовало с преобладающими стилями искусства того времени — барокко и рококо.

Примеры: Baskerville, Romain du Roi, Caslon, Plantin (предшественник Times New Roman)

Современная типографика

Дидона

Появление техники гравировки на медной пластине открыло двери для гораздо более широких вариаций с точки зрения толщины обводки, и в результате многие современные шрифты достигли уровня контраста, который ранее считался невозможным.Didone получил свое название от семейств типа Didot и Bodoni, которые были очень популярны в тот период.

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

Примеры: Bodoni, Didot, Walbaum

Плита с засечками

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

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

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

Хотя самый ранний известный пример плоского шрифта с засечками относится к лондонской рекламе 1810 года, первоначальный импульс был дан примерно десятью годами ранее во время знаменитой кампании Наполеона в Египте. Путешествие не достигло своих военных целей, но научная экспедиция Императора положила начало международной тенденции переосмысления восточных культур или просто заимствования модных имен без прямого визуального ввода.Отсутствие условных обозначений для всех используемых терминов привело к общей путанице с засечками, таким образом, обобщая квадратный египетский язык без квадратных скобок и заключенный в квадратные скобки Ionics.

Примеры: Egypt, Giza, Farao, Rockwell, Nexa Slab (Египтяне) / Clarendon, Ionic No. 5 (Ionics)

Без засечек

К началу 19 века типографика начала перерастать возможности, предлагаемые исключительно засечками, и новый подход к дизайну шрифтов стал очевиден с началом промышленной революции.Тяжелые и богато украшенные гарнитуры прошлого теперь конкурировали с линеалами (или linéales) — группой, которая включает в себя все шрифты без засечек и без засечек с низким или нулевым контрастом между их толстыми и тонкими сегментами.

Первое использование слова «без засечек» датируется 1832 годом, когда британский создатель шрифта Винсент Фиггинс включил его в свою книгу образцов. Всего два года спустя Уильям Торовгуд выпустил Seven Line Grotesque, первый строчный шрифт без засечек и первое зарегистрированное использование термина «гротеск».

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

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

Гротеск и неогротеск без текста

Гротески, сохраняющие некоторую степень контраста между толстыми и тонкими мазками, были названы в честь итальянского слова «гроттеше» из-за их (в то время) необычной эстетики. Среди первых примеров этого шрифта — двухстрочный английский египетский шрифт из образца Caslon 1816 года, а также вышеупомянутый семистрочный вариант Thorowgood.

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

В 1920-х годах в Германии, Нидерландах и России была разработана новая форма визуального выражения, названная Международным типографским стилем.Иногда известный как швейцарский стиль из-за роли этой страны в его совершенствовании в 1950-х годах, он оказал большое влияние на модернистское движение и породил ряд концепций в архитектуре и искусстве. Среди его характерных признаков — предпочтение чистых, минималистичных форм, упор на удобочитаемость и почти религиозная вера в силу объективности.

В послевоенный период такие выдающиеся дизайнеры, как Адриан Фрутигер и Макс Мидинджер, выступали за функционально-ориентированный подход к массовому производству.Увеличивая и уравновешивая пропорции старых шрифтов Grotesque, а затем тщательно распределяя ширину и вес, они создали совершенно новый класс шрифтов. Мы стали называть их общим термином Neo-Grotesque, и с тех пор они были доминирующей силой в типографике.

Примеры: Akzidenz Grotesk, Franklin Gothic (гротеск) / Helvetica, Univers (неогротеск)

Гротеск с геометрическим рисунком

Родом из Германии 1920-х годов, стиль Geometric Sans отличается плавными формами и широким использованием геометрических форм, включая почти идеальные стойки и эффективный внешний вид.Этот период был рассадником культурных экспериментов и дал начало ряду авангардных движений, которые хотели объединить ремесла разных сред и форматов. Возможно, наиболее примечательной из них была школа Баухаус, где родилась концепция Gesamtkunstwerk («полная работа») в попытке объединить искусство, промышленный дизайн и архитектуру.

Стремление представить функциональные и упрощенные творения широкой публике распространилось и на типографику, где дизайнеры стремились к утилитарным шрифтам без загромождений.Герберт Байер и Ласло Мохоли-Надь были одними из первых сторонников этого стиля, получив признание благодаря своим работам над универсальным шрифтом (неизданным) и Erbar (1926).

Год спустя Пол Реннер выпустил Futura, который и сегодня остается одним из самых узнаваемых геометрических шрифтов без засечек благодаря элегантному дизайну и отличной читаемости. Шрифт в значительной степени основан на пропорциях римских заглавных надписей и полностью построен из основных геометрических фигур. Он используется в большинстве современных самолетов, и именно его шрифт был выбран для памятной доски, оставленной на Луне миссией Аполлон-11 в июле 1969 года.

Примеры: Futura, Eurostile, Mont, Nexa, Intro

Humanist Sans

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

В целом, гротескные шрифты гротескного дизайна обладают гораздо более разнообразным дизайном, чем гротескные или геометрические, и хорошо подходят для современных дисплеев и просмотра на больших расстояниях.В одних случаях используется сочетание узких и широких мазков, в других — рукописный или каллиграфический. С 1980-х годов эта категория значительно расширилась, отчасти в ответ на огромную популярность таких неогротесков, как Helvetica и Univers.

Примеры: Johnston, Gill Sans, Syntax, Myriad, Squad

Гибриды

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

Примеры: Optima, Gilam, Glober, Noah, Mozer

Каллиграфический

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

Скрипт

Гарнитура шрифта

Script, как следует из названия, имитирует стиль быстрого почерка с использованием остроконечных или ширококонечных перьев, кистей или других подобных инструментов. Хотя есть различия в ширине и высоте по оси x, скрипты обычно имеют наклонные линии, стыки букв и лигатуры и считаются одними из наиболее динамичных типографских групп.

Примеры: Bickham Script, Mistral, Intro Script, Madelyn, Nexa Script, Sensa Brush

Глифический

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

Примеры: Траян, медная готика

Графический

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

Примеры: Banco, Klang

гэльский

гэльских шрифтов не были включены в редакцию классификации Vox 1954 года, и им пришлось ждать до 2010 года, когда AtypI проголосовала за добавление их в каллиграфическую группу. Хотя эти островные шрифты в настоящее время редко используются в официальной форме, они получили широкое распространение в Шотландии между 16 и 18 веками и продолжали появляться в ирландском наборе до середины 20 века.В настоящее время они часто появляются на вывесках и поздравительных открытках из-за их декоративного стиля и исторического значения.

Примеры: Corcaigh

Blackletter

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

Черные буквы, определяемые их угловатыми, сжатыми и часто ломанными формами, изначально были охарактеризованы Vox как форма графического шрифта, поскольку они также используют медленную технику с запястьем над поверхностью для письма. Однако в рамках пересмотра своей классификации 2010 года AtypI выделил им отдельную категорию, а также позаботился о выделении нелатинской типографики в дополнительном сегменте.

Примеры: Textura, Rotunda, Schwabacher, Fraktur, Fette Fraktur

Декоративный / Дисплей / Ржавчина

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

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

Примеры: Cubic, Colo Pro, Check, Perfograma, Nexa Rust, Intro Rust, Zing Rust, Panton Rust, 36 дней

Спасибо за чтение!

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

Fontfabric надеется, что вам понравилось это путешествие, и, хотя праздники не за горами, мы еще не закончили с контентом на год — так что следите!

* Изображения для галерей без засечек предоставил Денис Машаров.

История типографики: от Китая 11 века до цифровой эпохи

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

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

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

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

Итак, откуда взялась типографика и что шрифты должны нам сказать?

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

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

И Гутенберг даже не был первым, кто использовал металлический подвижный шрифт. За 200 лет до печати Гутенберга, в 1234 году, корейскому гражданскому министру по имени Чхве Юн-уй было поручено напечатать Sangjeong yemun , книгу, в которой излагаются обычаи корейского двора с древних времен до того момента.Изменив метод чеканки бронзовых монет, Юнь-уй смог создать отдельных персонажей из металла.

Иллюстрация китайского пресса с подвижным шрифтом

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

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

Западные типографии использовали Fraktur, шрифт, созданный по образцу буквенного стиля, который впервые использовали писцы, потому что его было легко воспроизвести.Вместо того, чтобы разрабатывать новый шрифт, они имитировали дизайнерские соглашения о том, как «должно» выглядеть письмо.

Отрывок из Библии готическим шрифтом

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

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

Римский шрифт с прямыми линиями и заглавными буквами

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

До объединения Германии язык, а не национальность, был символом германской идентичности. Письмо было частью этого. Для многих немцев, таких как Мартин Лютер, а затем Отто фон Бисмарк, римский тип олицетворял католическую церковь и иностранную идентичность. В нескольких случаях он использовался в немецких текстах, римский применялся к ненемецким именам или местам, чтобы обозначить их инаковость.Эта националистическая ассоциация продолжалась и в 20 веке, с Fraktur и Black Letter активно использовались в нацистской пропаганде.

Фрактур и черная буква широко использовались в нацистской типографии.

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

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

Различные типографии стали новыми инструментами для маркетинга и рекламы.

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

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

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

Helvetic — один из самых популярных шрифтов в мире.

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

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

История типографики: восстановление форм букв от иероглифов до Helvetica

За долгую историю типографики мы использовали практически все, чтобы сделать наши тексты красивыми и разборчивыми: лебединые перья, кисти, резные деревянные блоки и даже металл.Мы разработали нашу технологию и изобрели печатные машины, чтобы сделать ее воспроизводимой. И хотя стили и дизайн могут приходить и уходить, современные технологии, такие как Интернет и смартфоны, означают, что типографика постоянно и резко меняется.

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

История типографики: с чего начать?


–
1. Что такое типографика?
2. Ранняя типографика
3. Подписи
4. Печатно-подвижный тип
5. Стили и темы
6. Гарнитуры цифровые
7. Типографика сегодня
Иллюстрация OrangeCrush

Что такое типографика?


–

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

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

Во-первых, несколько быстрых определений:

• Гарнитуры — это дизайн или стиль букв;
• Шрифты — версия размера или стиля;
• Пункты — это то, в чем измеряется большинство шрифтов.

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

Римский резной текст через Jametlene Reskp

Ранняя типографика


—

Иероглифы и клинопись

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

Древнеегипетское иератическое письмо через Wikimedia

Перекрывающимся использованием иератического письма была клинопись, разработанная древними шумерами Месопотамии (3500–3000 до н.э.) и считавшаяся одними из самых ранних письменностей, используемых купцами. Его характерные клиновидные детали были сделаны из краев тростника, вставленного в влажную глиняную табличку. Позднее адаптированная и использовавшаяся на Ближнем Востоке, эта форма письма все еще использовалась, когда зарождалась Римская империя, с последним известным примером, сделанным в 79 году нашей эры.

Клинопись через Wikimedia Commons

Появление засечки

В Римской империи (27 г. до н.э. — 476 г. н.э.) текст на каменных постаментах или колоннах рисовался расписным писателем, а затем высекался каменотесом. Это привело к образованию засечек — кусочков, которые выступают по краям букв, — которые образовались в результате использования стамески.

Современные шрифты, известные как Roman, произошли от этого стиля текста, наиболее известным из которых является шрифт Trajan, разработанный в 1989 году Кэрол Туомбли и основанный на надписи на Колонне Траяна в Риме, начертанной около 113 года нашей эры.Классическое происхождение римского шрифта придало ему авторитетный стиль и означало, что шрифт часто используется в официальных документах. В оригинальных римских текстах использовались только заглавные (прописные) буквы.

Надпись из колонки Траяна, написанная GearedBull в английской Википедии, общественное достояние, через Wikimedia Commons

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

С 715-800 гг. Н.э. монахи использовали строчные или крошечные буквы при написании своих писаний.

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

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

Текст из Евангелия от Иоанна, написанный большой островной буквой Келлской книгой, через Wikimedia Commons

Подписи


—

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

Подписание как древнее искусство

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

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

Вывеска британского паба

Действительно, такие пиктограммы существовали до индустриальной эпохи в западных городах из-за уровня неграмотности. Геральдические щиты на воротах передавали фамилии и владение недвижимостью по всей Европе, и хотя знаки использовались на гостиницах с римской эпохи, вывеска паба была официально представлена ​​в Англии королем Ричардом II в 1393 году.Это произошло, когда Королевский закон обязывает пивные таверны иметь снаружи вывеску, чтобы официальный дегустатор эля мог их идентифицировать.

Фотография самого популярного названия паба в Великобритании, сделанная Беном Коллинзом через Unsplash

В 1603 году Яков I и VI из Шотландии приказали, чтобы его красный лев Шотландии был отображен на всех зданиях, включая таверны, что сделало Red Lion самым популярным названием паба. с ночевкой! Вывески для пабов сами по себе являются формой искусства, и хотя я когда-либо рисовал только одну, это было непростой задачей.

Когда в 18 веке выросла грамотность, тетради — портфолио для демонстрации подписчиков — упростили выбор шрифта для витрины.

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

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

Оцифровка вывески

Написание надписей — это повседневное искусство, которое продолжалось и в 20 веке, но к началу 90-х век компьютерной графики и липких пластиковых листов настиг это почтенное занятие.

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

Декоративная вывеска на ярмарке через Гэвина Алланвуда

Печатно-подвижный тип


—

Когда все тексты приходилось переписывать вручную, на изготовление единственного экземпляра книги уходили месяцы, и это было настолько дорого, что только члены королевской семьи и Церковь могли себе это позволить. Однако с ростом торговых классов по всей Европе в 13-14 веках возник спрос на больше книг по мере роста грамотности.Сбор информации и знаний был частью бизнеса, поэтому требовался метод массового производства текста быстро и дешево.

От блочной печати до первой высокой печати

В Китае ксилографические символы на бумаге (первоначально использовавшейся для печати цветочных узоров на шелке) впервые появились во времена династии Тан (618–907 гг. Нашей эры). Корейская печать датируется по крайней мере 751 годом нашей эры, как показывают археологические находки в пагоде Сокгатап в Южной Корее.

На этом ксилографии Западной Ся был напечатан буддийский текст тангутским шрифтом.Впервые обнаружен в 90-х годах в пагоде Хунфо в Нинся. Изображение с Wikimedia Commons

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

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

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

Тип деревянного блока через Amador Loureiro

На Западе механизация процесса в Европе должна была подождать до 1400-х годов и изобретения высокой печати Иоганном Гутенбергом.

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

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

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

Стандартизация шрифтов и интервалов

Ранний типографский станок около 1500-х годов через Jost Amman, через Wikimedia Commons

. Использование передвижных и многоразовых шрифтов и массовое воспроизведение сделало стандартизацию шрифтов и размеров необходимой.

Поскольку печать была дорогой, брошюры обычно использовались мелким шрифтом. А в 1501 году Альд Манутиус создал курсивный шрифт, чтобы на каждой странице было больше текста. Столбцы, выравнивание и расстановка переносов также позволили разместить больше текста в пространстве. Расцветки, значки и экстравагантные засечки в основном были удалены.

Эта потребность в плотном тексте и удобочитаемости привела к тому, что для композиторов было разработано несколько шрифтов. Шрифт Blackletter был создан Гутенбергом и использовался для знаменитой Библии Гутенберга, напечатанной около 1455 года.К 1470 году Николас Дженсон создал римский шрифт на основе древних текстов римских памятников.

Реконструкция Библии Гутенберга, факультет типографики и графической коммуникации Университета Рединга, Великобритания. Фотографии Бена Митчелла через flickr Отпечатанный образец плаката высокой печати Уильяма Каслона примерно. 1728 г. — общественное достояние, через Wikimedia Commons

Стили и темы


—

По мере распространения печати росла и потребность в различных стилях печати. К 1728 году, когда Уильям Кэслон основал свою типографию, компанию, которая разрабатывает или распространяет гарнитуры, он произвел несколько гарнитур и образцов листов, которые показали шрифт и диапазон доступных символов.Большинство созданных им шрифтов были основаны на римском или готическом стилях. У него также были доступны некоторые ближневосточные шрифты, в том числе иврит и армянский. Гарнитуры Caslon были известны своей ясностью и элегантностью, и многие из них, носящие его имя, используются до сих пор.

Некоторыми известными мастерами, литейщиками или дизайнерами, которые следовали за Caslon, были Джон Баскервиль, создавший шрифт в римском стиле с толстыми линиями, Фирмин Дидо (1780 г.) и Джамбаттиста Бодони, создавший римский шрифт в современном стиле.Гарнитуры, созданные этими дизайнерами, или, по крайней мере, их современные цифровые версии, все еще доступны сегодня.

Современная версия шрифта Baskerville от Пола Ханта, общественное достояние, через Wikimedia Commons Пример шрифта Bodoni, 42-строчный, общественное достояние, через Wikimedia Commons

На рубеже веков темы и стили из мира искусства будут перетекать в типографику. Движение ар-нуво прошлого века с его цветочными мотивами уступило место гораздо более геометрическому ар-деко, которое символизировало 20-е годы.Последнее «ура» пришло с Фредериком Гауди в 1915 году и его гарнитуром в старом стиле. Гауди был штатным шрифтовиком и создал множество различных шрифтов, включая Copperplate Gothic и Kennerly Old Style с росчерками и завитками.

Один из первых шрифтов, созданных штатным профессиональным типографом, Goudy Old Style от American Type Founders, через Wikimedia Commons

. В довоенные 30-е годы бруталистский модернизм появился с шрифтом Bauhaus, который был шрифтом без засечек, что означало у шрифта не было традиционного завитка на конце букв.Шрифт Bauhaus создавался в одноименной художественной школе (1919-1933). Основанный на универсальном шрифте Герберта Байера 1925 года, шрифт Bauhaus следует идеалам модернизма простой формы и функциональности. Профессор Баухауза Ласло Мохоли-Надь сказал в 1929 году: «Типографика должна быть коммуникацией в ее наиболее интенсивной форме. Акцент должен быть сделан на абсолютной ясности ».

После Второй мировой войны в Европе и США появился новый оптимизм. Лучшие методы печати и бульварная эра газет и журналов рассматривали футуризм как стиль.Это возвращение к минимализму привело к тому, что шрифтовые дизайнеры Мэтью Картер, Макс Мидинджер и Эдуард Хоффманн создали Helvetica для литейного завода Linotype. Другие шрифты без засечек, такие как Futura, также начали появляться.

К 60-м годам космический футуризм был повсюду, популяризирован реальными «Самуншотами» и телесериалом «Звездный путь», а также новыми технологиями, открывшими полиграфическую промышленность.

Абстрактный дизайн этикеток в стиле 60-х с округлым пространственным шрифтом. Автор Илка А.

К началу 70-х компьютеры стали популярными, как и шрифт Боба Ньюмана Data, основанный на компьютерных показаниях.Ньюман также разработал Frankfurter и Pump Bold, все известные шрифты начала 70-х годов, с их толстыми круглыми пышными формами. Дешевая полноцветная печать вдохновила красочные 70-е своим театральным чутьем и… некоторыми психоделическими стилями.

Расцвет цифровых шрифтов


—

В конце 70-х — начале 80-х годов произошли серьезные изменения в способах создания шрифтов и шрифтов. Аналоговая эпоха набора текста приближалась к эпохе цифровых технологий.

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

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

Фотонаборная машина и процессор начала 80-х от Derivat graph, Public domain, через Wikimedia Commons

Каждый шрифт включал разные шрифты: курсив, узкий, расширенный, верхний, нижний и полужирный. Каждый из них имел разный размер, от 4,5 до 72 пунктов. Было доступно только несколько шрифтов: без засечек для заголовков, например Helvetica; два или три основных шрифта, такие как Garamond, Times Roman, Caslon; а затем шрифт для таких необычных вещей, как приглашения на свадьбу.

Крошечная доступность шрифтов объяснялась тем, что их было дорого покупать. Копирование вводилось через монохромный экран и клавиатуру устройства визуального отображения (VDU), но редко было WYSIWYG (что вы видите, то и получаете). То есть вы не могли увидеть на экране, как выглядит шрифт, он просто вводился в виде кодов.

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

Первую цифровую систему, которую я помню, я использовал всего через два года после того, как я бросил художественную школу в 1991 году. Программа называлась Ventura Publisher и работала на офисном ПК. Я помню, как с его помощью делал знаки и объявления для фабрики, распечатывая текст на матричном принтере. По сегодняшним меркам он был базовым, но на этом крошечном ПК уже было доступно больше шрифтов, чем на огромной компьютерной машине в колледже.

Примерно в это же время разработка Apple Macintosh и таких программ, как PageMaker и QuarkXpress, наконец, возвестила о верстке WYSIWYG.Цифровые гарнитуры рисуются (визуализируются) с использованием математических векторов — точек в пространстве, где строки начинаются и заканчиваются, — и это означало, что их можно было бы легче сохранять и извлекать с помощью компьютеров и масштабировать по размеру. TrueType и Postscript — векторные шрифты, которые можно увеличивать без потери качества.

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

Современные иконы

Кэтрин Хамнетт встречает Маргарет Тэтчер в 1984 году в одной из ее футболок протеста через Port Magazine

. В 1982 году Робин Николас и Патриция Сондерс разработали культовый шрифт Arial для компании Monotype, специализирующейся на цифровом наборе и дизайне шрифтов. Наряду с Helvetica и Verdana Arial продолжает хорошо работать на маленьких экранах. На противоположном конце спектра, в 80-е годы новые тенденции в типографике пересеклись с модой и политикой, поскольку дизайнер и активистка Кэтрин Хамнетт использовала крупный, смелый шрифт Impact для своей печально известной коллекции футболок с надписями.

В 1996 году Microsoft создала «Основные шрифты для Интернета», которые представляли собой стандартный пакет шрифтов для Интернета в формате TrueType (вектор). Итак, если вы используете Windows, вы, вероятно, пользуетесь одним из них! Если вы работаете на Mac, у них установлен собственный набор шрифтов, в который входят такие шрифты, как Helvetica и Calibri.

Логотип Tambo и типографика бренда Rahajoe

Типографика сегодня


—

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

Развивается не только результат, но и процесс проектирования. Хотя некоторые шрифтовые дизайнеры все еще используют ручку и бумагу на ранней стадии дизайна, чаще всего создаются формы букв с помощью программ для иллюстраций, таких как Adobe Illustrator. Подобное программное обеспечение предлагает быстрый и точный метод зеркального отражения и дублирования кривых и идеальных прямых линий под любым углом.

Снимок некоторых букв, задействованных в проекте «Разнообразие шрифтов»

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

Блестящий шрифт от OHO

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

Набирать концы


—

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

Хотите, чтобы ваш последний проект был украшен божественной цифровой надписью?

Наши дизайнеры могут создать для вас что-то особенное.

Краткая история типографики и гарнитур

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

Пояснение терминологии

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

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

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

1470 : Николас Дженсон создал Roman Type, вдохновленный текстом на древних римских зданиях. Он был гораздо более читабельным, чем блэклетер, и быстро прижился.

1501 : Альд Манутиус создал курсив — способ уместить на странице больше слов, сэкономив на принтере деньги. Сегодня мы используем курсив как деталь дизайна или как акцент при письме.

1734 : Уильям Кэслон создал шрифт с более прямыми засечками и более очевидным контрастом между тонкими и жирными мазками. Сегодня мы называем этот тип стиля «старым стилем».

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

1780: Фирмин Дидо и Джамбаттиста Бодони создали первые «современные» римские шрифты (Didot и Bodoni).Контрасты были более резкими, чем когда-либо прежде, и создавали очень крутой, свежий образ.

1815 : Винсент Фиггинс создал египетский шрифт, или Slab Serif — впервые шрифт имел засечки, которые были квадратами или прямоугольниками.

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

1920 -е годы: Фредерик Гауди стал первым в мире шрифтовым дизайнером, разработавшим множество новаторских шрифтов, таких как Copperplate Gothic, Kennerly и Goudy Old Style.

1957 : Швейцарский дизайнер Макс Мидинджер создал Helvetica, самый любимый шрифт нашего времени. Это было возвращением к минимализму, и многие другие упрощенные шрифты, такие как Futura, появились примерно в этот период.

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

Бен Барретт-Форрест, канадский графический дизайнер, собрал это красивое и умное видео, которое оживляет историю типографики: