Типографика что это такое

Типографика

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

Связанные понятия

Упоминания в литературе

Связанные понятия (продолжение)

О письме готского языка см. готское письмоГоти́ческое письмо́ — семейство почерков латинского письма эпохи Средневековья. Было распространено в ряде европейских стран с середины XII до XVII века.

Малые заглавные, или капите́ль (англ. small caps; нем. kapitälchen; от лат. capitellum — головка) — начертание в гарнитуре, в которой строчные знаки выглядят как уменьшенные заглавные. Чтобы подчеркнуть разницу между капителью и строчными буквами, её делают немного выше строчных, а полуапроши капительных знаков увеличивают.

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

Это статья о современной технологии печати крупными тиражами. Об истории см. Книгопечатание. О печати мелкими тиражами см. Принтер, Копировальный аппарат, Ризограф.Полиграфи́я (от др.-греч. πολύς «многочисленный» + γράφω «писать») — отрасль промышленности, занимающаяся изготовлением печатной, а именно книжно-журнальной, деловой, газетной, этикеточной и упаковочной продукции.

Пи́шущая маши́на (разг. прост. совр. «печатная машинка») — механический, электромеханический или электронно-механический прибор, оснащённый набором клавиш, нажатие которых приводит к печати соответствующих символов на носителе (в большинстве случаев это бумага). Широко использовалась в XIX—XX веках. В настоящее время пишущие машины по большей части вышли из употребления, их функцию стали выполнять персональные компьютеры, укомплектованные принтерами.

Источник

Типографика

Содержание

Примечания

См. также

Литература

Ссылки

Типографика
Страница	Колонка [ru] · Колонтитул · Колонцифра · Пагинация · Поле [ru] · Принципы композиции страницы [ru] · Разворот
Абзац	Вгонка и выгонка · Висячая строка · Выключка · Интерлиньяж · Коридор · Трекинг
Символ	Апрош · Астеризм · Базовая линия · Буквица · Верхний индекс · Выносные элементы · Глиф · Диакритические знаки · Капитель · Кернинг · Лигатура · Маюскул · Микротипографика · Минускул · Минускульные цифры · Нижний индекс · Символьный шрифт · CamelCase · x-высота [ru]
Классификация шрифтов	Готические Ротунда · Текстура · Фрактура · Швабахер Славянские Вязь · Глаголица · Полуустав · Скоропись · Устав Современные Антиква · Болгарица · Брусковый · Гротеск · Моноширинный · Рукописный
Начертание шрифта	Жирный шрифт · Курсив · Наклонный шрифт [ru]
Пунктуация	Висячая пунктуация [ru] · Кавычки · Перенос · Тире · Штрих
Вёрстка	Высокая печать · Гарнитура · Глубокая печать · Каллиграфия · Наборный шрифт · Линотип · Офсетная печать · Панграмма · Плоская печать · Ручной набор · Словолитня · Фотонабор · Шрифт · Шрифтовой дизайн [ru] · ETAOIN SHRDLU · Lorem ipsum · Ротационная печатная машина
Единицы измерения	Мера [ru] · Пика [ru] · Пункт · Узкий пробел [ru] · Цифровой пробел [ru] · Em [ru] · En [ru]
Типографские кегли	Агат · Боргес · Бриллиант · Двойное цицеро · Двойной миттель · Диамант · Империал · Квадрат · Корпус · Крупный канон · Малый канон · Миньон · Миттель · Нонпарель · Парангон · Перл · Петит · Реал · Санспарель · Текст · Терция · Цицеро
Компьютерная типографика	Компьютерная вёрстка · Компьютерный шрифт · Набор символов · Настольное издательское ПО [ru] · Растеризация · Хинтинг · ClearType

Полезное

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

типографика — типографика … Орфографический словарь-справочник

типографика — (Typography) Искусство расположения шрифта и других компонентов набора на площади печатной страницы или в пространстве печатного издания … Шрифтовая терминология

Типографика — графика, изобразительными элементами которой являются наборные шрифты и материалы (линейки, знаки, орнаменты и т. д.) … Издательский словарь-справочник

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

типографика — типогр афика, и … Русский орфографический словарь

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

Типографика — (от гр. typos – отпечаток, форма, образец и graph? пишу) 1. Искусство моделирования полиграфической продукции. 2. Искусство отбора шрифтов и их компоновки. Виды шрифтов: перл название типографского шрифта кеглем 5 пунктов; нонпарель 6… … Учебный словарь терминов рекламы и паблик рилейшенз

Болгарская кириллица (типографика) — У этого термина существуют и другие значения, см. Болгарская кириллица. Отличия в форме символов «болгарицы» (справа) от традиционной кириллицы «Болгарская кириллица» («болгарица», прямой … Википедия

Астеризм (типографика) — ⁂ Астеризм (типографика) Пунктуация апостроф … Википедия

Звёздочка (типографика) — У этого термина существуют и другие значения, см. Звёздочка. Иное название этого понятия «Астериск»; см. также другие значения. * Звёздочка (типографика) … Википедия

Источник

Типографика в дизайне сайта: основные понятия + секретная информация из курса «Текстерры»

Вы удивитесь, но в блоге «Текстерры» еще не было статьи, полностью посвященной типографике. Исправляемся! Перед вами основные понятия и правила типографики от А до Я.

В этой статье мы также делимся эксклюзивными материалами – свежачком из курса «UX-специалист». Такого в свободном доступе вы не увидите!

А что это вообще такое? Типографика в веб-дизайне (а мы будем говорить именно про него) – это наука оформления текста на сайте. Правила типографики созданы для того, чтобы текст был удобен для чтения и подталкивал пользователя к совершению целевого действия: купить товар, оформить подписку, дочитать статью до конца. Получается, типографика работает в тесной связке с UX-дизайном – мы к этому еще вернемся.

Большие элементы. Последние несколько лет в тренде большие шрифты – чем крупнее, тем лучше. Почему так? Большие шрифты воспринимаются лучше, прочитать их не составляет труда. Однако есть и исключения: например, в дизайне бренда холодного кофе CoolBrew используется мелкая типографика. По словам одного из создателей, «массивный системообразующий символ контрастирует с мелким шрифтом, но не забирает на себя все внимание. А мелкая типографика гармонично заполняет пространство, добавляя дизайну премиальной эстетики».

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

Голос бренда на сайте определяет взаимоотношения компании и потребителей. Об этом рассказывает лектор курса «UX-специалист» (и главред блога «Текстерры») Константин Рудов. Вот основные правила подобных текстов:

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

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

«Дежурка» говорит, что это круто. Мне не нравится – сильно отвлекает от текста. А вам как?

Ёлочки или лапки? В русском языке предпочтительнее елочки. Не спрашивайте, чем они лучше лапок – так сложилось. Лапки используются, когда надо поставить кавычки внутри кавычек или в рукописном тексте. А еще есть железный способ определить новичка в копирайтинге. Матерый автор автоматически будет ставить елочки – даже если в ТЗ или редполитике об этом не сказано.

Жена Стива Круга не была веб-дизайнером, но суть ухватила точно. В своей книге «Веб-дизайн» писатель приводит слова супруги (на картинке). Упрости жизнь своему читателю (клиенту) – не заставляй его продираться сквозь нечитабельный текст и преодолевать трудности. Пусть идет по страницам легко, словно на лодочке плывет, преодолевая мели, водовороты и водопады. Подробнее этого мы коснемся, когда дойдем до буквы Ю.

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

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

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

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

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

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

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

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

Новички часто допускают ошибки в типографике. О некоторых мы уже писали: смотрите буквы В, Г, Д, З… Какие из них самые распространенные:

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

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

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

Пройдите по ссылке на сайт – не пожалеете

Роберт Брингхёрст («Основы стиля в типографике»), Джеймс Феличи («Типографика: шрифт, верстка, дизайн»), Элам Кимберли («Графический дизайн. Принцип сетки»), Эрик Шпикерман («О шрифте»), Владимир Лаптев («Типографика. Порядок и хаос»), Александра Королькова («Живая типографика») – все эти авторы старались для нас. В их книгах вы найдете основы основ, примеры типографики XX-XXI веков и даже забавные истории.

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

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

Тексты основной и дополнительный верстаются по-разному (привет, Кэп). Основной идет сплошным куском и предназначен для линейного чтения. Дополнительный – тот, что поясняет и раскрывает суть основного, может использоваться по желанию. Если необходимы примечания, их помечают в тексте звездочкой и раскрывают в конце текста. Если в тексте используется цитата, ее часто выделяют курсивом. Наиболее важные мысли лучше преподносить в виде врезок. Собственно, так и оформляются статьи в блоге «Текстерра».

Уникальность – пожалуй, основная тенденция веб-дизайна последних лет. В статье «Тренды дизайна-2019» мы уже касались этой темы. По словам Святослава Грошева, руководителя отдела дизайна TexTerra, бренды все чаще используют собственные шрифты. Это добавляет бренду индивидуальности, особенно если свой шрифт – элемент фирменного стиля и используется везде. Уникальность проявляется не только в шрифтах – популярно нестандартное расположение текста и заголовков. Главное, опять же – не переборщить и не дезориентировать читателя («Где я? Что тут происходит?»).

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

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

Мнения дизайнеров разделились: от «Логотип индивидуальный, с оттенком ретро и отсылкой к журналам про моду» до «Будто бы это уже не логотип модного дома, а “логосик” где-то на базаре». И даже так: «Как минимум лого перестал быть скучным, как надпись ЛЕНИН на Мавзолее». А вы как думаете?

Холивары на тему «Шрифты с засечками / шрифты без засечек» продолжаются до сих пор. Раньше считалось, что шрифты с засечками не подходят для веб-дизайна. «Старый принцип юзабилити для интернет-типографики был прост: придерживаться шрифтов без засечек. Поскольку компьютерные экраны паршиво отображали засечки, использование таких шрифтов в тексте приводило к размытым буквам», – писал специалист по UX Якоб Нильсен. Сейчас, хвала богам, такой проблемы нет – а значит, ограничения на засечки могут сниматься. По большому счету, наличие и отсутствие засечек – не основной критерий. А что главное – расскажем в пункте «Ч» нашей азбуки.

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

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

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

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

Шрифты – наконец-то мы до них добрались! Опишем кратко свежие тенденции:

Shit happens. Терминов на эту букву маловато – идем дальше.

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

Я недавно прослушала курс «UX-специалист» от TexTerra. Сейчас будет не реклама, просто личные впечатления. В этом курсе собраны все современные знания о UX и самое главное – дана бесценная практика. Частичкой этих знаний я поделилась с вами в статье. Надеюсь, было интересно!

Источник

«О шрифте»: простые принципы хорошей типографики

Рассказываем, на что обратить внимание в работе со шрифтом.

Обложка: Polina Vari для Skillbox Media

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

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

Эрик Шпикерманн — один из самых известных дизайнеров шрифта. Он разработал фирменный шрифт компании Audi, журнала The Есоnomist и систему знаков для уличной навигации в Берлине. В 1979 году он основал компанию MetaDesign, которая разрабатывала шрифты для Adobe, Apple, Mozilla и других гигантов.

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

Из материала вы узнаете:

Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

Индивидуальность

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

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

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

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

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

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

Настроение

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

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

Этот приём — очень сильный. Шпикерманн считает, что он может сделать сомнительную контору более презентабельной:

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

Шрифт может охарактеризовать не только пару обуви или какую-то компанию, но и эмоции людей:

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

Со словом joy (удовольствие) сложнее. В шрифте должны присутствовать динамика, открытые формы и уверенные штрихи. Поэтому Шпикерманн набрал его шрифтом Lithos и заглавными буквами, чтобы эмоция не терялась из-за выносных элементов j и y.

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

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

Функция

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

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

1. Домашнее чтение. Читатель в спальне или в другом месте для отдыха. Важно, чтобы книгу или журнал можно было держать в руках и ничего вокруг не отвлекало. Лучший выбор для вёрстки книг — канон Ван де Граафа или золотой канон Яна Чихольда, которые часто используются в вёрстке книг. Они позволяют оставить достаточно места на полях, их удобно держать, и всё внимание читателя фокусируется на рассказе автора.

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

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

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

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

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

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

Шрифт на экране

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

Из-за этого вы не сможете заранее предугадать, как вёрстка будет смотреться на экране пользователя:

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

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

«Рабочие лошадки»

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

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

Универсальные шрифты Шпикерманн называет «рабочими лошадками» — с их помощью можно решить рутинные задачи бизнеса максимально быстро и дёшево. У любого подобного шрифта должны быть:

В качестве «рабочих лошадок» Шпикерманн выделяет девять шрифтов:

Источник