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

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

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

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

Каждый автор, по сути, решает эту проблему самостоятельно, исходя из собственной научной и практической базы и субъективного понимания… Удалось ли решить ее Александре Корольковой?

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

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

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

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

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

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

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

Необходимый список литературы по типографике (среди которой можно выделить изданные в последнее время книги Эрика Шпикермана, Владимира Крического, Юрия Гордона, Дмитрия Харшака и Ольги Флоренской, Роберта Брингхерста, Ирины Птаховой) только накапливается и «Живая типографика» Александры Корольковой является необходимым и достойным к нему введением.

Александра Королькова. Живая типографика.
М.: Index Market, 2007. 224 с. ISBN 978-5-9901107-1-7

Источник: www.prdesign.ru

главная /дизайн /статьи /типографика в дизайне / часть 1

Содержание

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

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

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

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

Понятие типографики

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

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

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

Основные термины

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

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

Кегль — высота буквы, включающая в себя нижние и верхние выносные элементы. Измеряется в типографских пунктах (обозначается как pt). Например, текст набранный 14 кеглем будет равен 14 pt по высоте. 1 типографский пункт равен 1/72 английского дюйма.

Это примерно 0,352 миллиметра.

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

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

Трекинг — межбуквенные пробелы, применяемые к группе символов (слово, строка, абзац…). Трекинг служит для разрядки (осветления) или уплотнения (затемнения) набора, а так же для вгонки и выгонки слов (изменения числа набранных строк).

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

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

Графема, как правило, определяет единицу текста. Например, базовая форма (графема) буквы «А» позволяет отличить ее от буквы «Б» вне зависимости от того, какой гарнитурой она набрана.

Глиф — конкретное графическое исполнение графемы. Если в тексте используется несколько глифов для одной и той же графемы (например, в зависимости от контекста), такие глифы называются аллографами друг друга.

Виды чтения:

Сплошное чтение — долгое спокойное размеренное чтение длинного связного текста.

Выборочное чтение — чтение отрывками. Так читают, чтобы найти в тексте нужную информацию.

Характеристики шрифтов и текстов

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

Так как различные тексты имеют различное назначение, то и значимость каких-либо характеристик этих текстов и шрифтов для их набора различна.

Какие-то характеристики являются наиболее важными для одних текстов, какие-то — для других. Речь идет о таких характеристиках, как:

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

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

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

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

Система ориентирования

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

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

<< к списку статей | читать далее>>

У этого термина существуют и другие значения, см.

.

Тре́кинг (от  tracking) — равномерное изменение расстояния между буквами (межбуквенных пробелов).

В отличие от , регулирующего расстояние между знаками в определенных парах («AV», «TA» и пр.), трекинг применяется к группе символов (слово, строка, абзац и т. д.).

Увеличение трекинга () делает набор более разрежённым, светлым; уменьшение — более плотным и тёмным.

Трекинг — эффективное средство . Измеряется в тысячных долях круглой (em/1000).

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

Положительный, нормальный и отрицательный трекинг

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

Более 95% информации в Интернете хранится в письменном виде.

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

Оптимизация типографики — это оптимизация читабельности, доступности, удобства использования (!) и достижение графического баланса в целом.

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

1. Используйте минимальное количество шрифтов

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

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

В целом, сведите количество шрифтов к минимуму (двух более чем достаточно, часто хватит и одного) и придерживайтесь использования одних и тех же на всем веб-сайте. Если вы решите работать с более чем одним шрифтом, убедитесь, что семейства шрифтов подходят друг другу с точки зрения ширины букв. Взгляните на пример, приведенный чуть ниже. У комбинации Georgia и Verdana (слева) есть общие характеристики, что позволяет им гармонично сочетаться друг с другом. Возьмем для сравнения комбинацию Baskerville и Impact (справа). «Тяжеловесный» Impact подавляет своего «засечного» напарника.

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

2. Старайтесь использовать стандартные шрифты

В сервисах со шрифтами (например, Google Web Fonts или Typekit) можно найти много интересных, которые добавят в ваш дизайн нечто новое и необычное. К тому же, ими очень легко пользоваться. Возьмем, к примеру, Google:

1. Выбираете любой шрифт. Скажем, Open Sans.
2. Генерируете код и вставляете его в <Head> своего HTML.
3. Готово!

Но что может пойти не так?

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

Обычно наилучшим выходом будет использование системных шрифтов (Arial, Calibri, Trebuchet, etc.). Исключением может стать необходимость придерживаться каких-то шрифтов, которые задал сам клиент: например, для брендинга или для создания чего-то запоминающегося. Помните, что хорошая типографика влияет на прочтение текста, а не на визуальное восприятие шрифта.

3. Ограничьте длину строки

Правильно подобранное количество знаков на одной строке — это ключ к легкости прочтения вашего текста. Выбирая ширину текста, вы должны ориентироваться не на ваш дизайн, а на ясность и четкость написанного. Обратите внимание на этот совет от Baymard Institute:

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

Правильно подобранное количество знаков на одной строке — это ключ к легкости прочтения вашего текста».

Если строка слишком короткая, глазам придется часто менять фокус, что сбивает темп чтения. Если же строка слишком длинная, глазам читателя, наоборот, придется долго фокусироваться на написанном. Фото: Material Design

Что касается мобильных устройств, придерживайтесь диапазона в 30-40 знаков в строке. Ниже представлен пример двух сайтов, открытых на мобильных устройствах. На одном строка содержит от 50 до 75 символов (лучшее количество знаков в строке для печатного текста и разрешения компьютера), а на втором мы видим оптимальные 30-40 знаков.

Фото: Usertesting

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

4. Выбирайте гарнитуры, которые хорошо читаются в любом размере

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

Roboto от Google

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

Использование шрифта Vivaldi затруднит прочтение текста на маленьком экране

5. Используйте шрифты с четкими буквами

Многие шрифтовые гарнитуры созданы таким образом, что иногда бывает очень легко спутать похожие буквы, особенно «I» и «L», написанные латиницей (как на изображении ниже). В некоторых же буквы расположены так близко друг к другу, что сочетание «r» и «n» можно принять за букву «m». Поэтому, выбирая шрифт, протестируйте его в разных контекстах. Так вы сможете убедиться, что из-за шрифтовой гарнитуры у читателя не возникнет проблем с пониманием текста.

6. Избегайте капса

Текст, написанный капсом — или одними заглавными буквами — подходит для ситуации, где пользователь не вовлекается в процесс чтения (например, в аббревиатурах или логотипах). Но в других случаях не насилуйте ваших читателей текстом, написанным заглавными буквами. Как отмечает Майлз Тинкер в своей известной работе «Legibility of Print», такой текст читается гораздо медленнее текста, написанного строчными.

7. Не сводите межстрочное расстояние к минимуму

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

Правильное межстрочное расстояние способствует лучшей читабельности текста. Фото: Microsoft

По словам Дмитрия Фадеева, правильно подобранное расстояние между абзацами увеличивает понимание прочитанного на 20%. Умение дизайнера работать с белым пространством позволяет пользователям усваивать содержание текста целиком без упущения каких-либо деталей.

Слева: Текст написан практически вплотную. Справа: Правильное межстрочное расстояние способствует читабельности текста. Фото: Apple

8. Убедитесь, что у вас все в порядке с цветовым контрастом

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

  • Небольшие тексты должны иметь коэффициент контраста минимум 4,5:1 по отношению к фону.
  • Большие тексты (от 14 размера полужирным шрифтом/от 18 размера и выше стандартным шрифтом) должны иметь коэффициент контраста минимум 3:1 по отношению к фону.

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

Этот текст соответствует стандарту цветового контраста, поэтому он читается легко.

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

9. Старайтесь не использовать красный или зеленый цвет в тексте

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

10. Старайтесь не использовать мерцающий текст

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

Не используйте мерцающий текст!

Заключение

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

Типографика должна уважительно относиться к контенту

Это подразумевает, что читатель никогда не должен испытывать дискомфорта при прочтении текста.

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

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

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

Выбор правильного шрифта

1. Не используйте причудливые шрифты

Если у вас недостаточно опыта и знаний, не используйте причудливые шрифты вообще. Будьте проще.

2. Шрифт Trajan Pro и не причудливый, и не старый

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

3. Забудьте о Comic Sans

И притворитесь, будто вы никогда его не видели.

4. Избегание шрифтов по умолчанию — это полный бред

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

Пусть лучше ваш текст будет скучен, чем некрасив или нечитаем.

Сочетание шрифтов

5. Не смешивайте больше, чем два шрифта

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

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

6. Сочетайте только контрастирующие шрифты

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

Sans Serif + Serif: рукописный шрифт в паре с современным. Сохраняйте контраст. Два похожих шрифта рядом смотрятся неряшливо.

7. Но убедитесь, чтобы высота строчных знаков была схожей

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

Настройка текста

8. Размер текста — Кегль

Кегль текста в абзацах на сайтах устанавливайте минимум на 13px. Я больше всего люблю 14-18px. Размер текста получается не слишком большим, и текст удобно читать.

9. Выбирайте верную длину строки

Уделяйте внимание строке, которая получается в два раза длиннее самого текста. Следите, чтобы длина строки варьировалась от 45 до 75 знаков. Считается, что 66 знаков — это идеальная длина, но ей трудно придерживаться на адаптивных сайтах. Просто смотрите за тем, чтобы строка была не слишком длинной и не слишком короткой.

10. Подбирайте межстрочный пробел, подходящий кеглю

Чтобы достичь баланса в блоке текста, воздух между строками должен быть примерно 150% от высоты строчных.

Ещё проще — установить высоту строки, как 125% кегля.

Абзацы

11. Выравнивание по левому краю

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

12. Избегайте переносов

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

13. Обойдитесь без отступов

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

14. Подписи

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

15. Висящие знаки пунктуации

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

16. Вдовы и сироты

Widow — вдова. по англ.

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

17. Не переусердствуйте с межсловным пробелом

Shift+enter требуется только для того, чтобы начинать новую строку. Нажимайте кнопку «enter» для начала нового абзаца. Всё просто.

Слова

18. Kёрнинг

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

19. Трекинг

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

20. Акценты в тексте

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

21. Не делайте разрядку в строчных

Этот текст нечитаем…

Причина проста: разрядка в прописных мешает читаемости.

22. Ставьте разрядку в прописных

Ставьте бОльшую разрядку между прописными. Читаемость всегда улучшается благодаря большему пространству между прописными. Значение в 10% отлично подойдёт.

23. Не набирайте текст капителью

Не набирайте капителью текст, длиннее одной строки.

24. Обойдитесь без малых прописных

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

Буквы

25. Не меняйте ширину букв

Выглядит нехорошо.

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

Цифры

26. Пишите цифры буквами

В целом: пишите цифры буквами. Это элегантно. Только не применяйте это правило к математическим штукам типа уравнений и процентов.

Спасибо за внимание,

Том — старший веб-дизайнер в GOG.com и фрилансовый продукт-дизайнер и арт-директор в Pixology.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *