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

Обложка книги Эмиля Рудера «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. Следите за разрядкой

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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