Правила типографики: 25 правил типографики для начинающих дизайнеров — Независимое театральное объединение "Зрительские симпатии"

Содержание

25 правил типографики для начинающих дизайнеров

Образование 5 августа 2015

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

Выбираем правильный шрифт

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

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

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

Представьте, что вы его вообще никогда не видели.

3. Не избегайте стандартных, дефолтных шрифтов

Серьёзно, если кто-то вам говорит, что стандартные шрифты — это скучно, он просто не разбирается в типографике. То, как будет выглядеть шрифт, зависит от того, как он будет набран. Times New Roman может выглядеть по-настоящему здорово. И главное: пусть лучше текст будет скучным, чем уродливым или нечитабельным.

Смешиваем шрифты

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

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

Числа

25. Числа прописью

Пишите числа прописью, это выглядит изысканно.

Каждому дизайнеру следует знать эти 18 правил типографики

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

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

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

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

1.

Начните с основ

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

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

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

2. Отнеситесь серьезно к выбору шрифта

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

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

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

3. Разберитесь в кернинге

Неровный и небрежный кернинг очень сильно отвлекает читателя от содержания текста.

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

С вопросом кернинга вам могут помочь различные полезные инструменты, такие как Adobe Illustrator. Но учтите, что только регулярная практика способствует улучшению навыка его использования.

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

4. Не забывайте о визуальной иерархии

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

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

Без визуальной иерархии ваша статья будет выглядеть одним большим скоплением контента. Читателям будет сложно сосредоточиться на содержании. А заставить пользователя скучать — это самая большая ошибка дизайнера!

5. Осмысленно выбирайте шрифты

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

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

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

6. Сосредоточьтесь на выравнивании

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

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

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

Остерегайтесь неровных линий при выравнивании как по левому, так и по правому краю. Выступающие линии могут сделать весь текст неаккуратным.

7. Пользуйтесь сетками

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

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

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

8. Не растягивайте и не искажайте шрифты

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

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

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

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

Для измерения шрифтов используется метод “балльной системы”. Высота символа называется “высотой по оси x”, а ширина — “заданной шириной”. При объединении двух шрифтов выбирайте те, у которых одинаковый размер и ширина.

9. Разумно подходите к выбору дополнительного шрифта в шрифтовой паре

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

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

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

10. Не гонитесь за трендами

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

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

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

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

11.

Придерживайтесь грамматических правил

Грамматика кажется прерогативой писателя, верно? Какую роль она играет в дизайне?

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

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

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

12. Не нужно недооценивать важность свободного пространства

Есть огромная разница между свободным пространством и пустым.

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

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

13. Проверяйте масштаб и пропорции

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

Проверьте, правильно ли вы установили интервал; это вертикальное пространство между строками. Как правило, его идеальное значение примерно в 1,25–1,5 раза больше размера шрифта.

14. Тщательно выбирайте цветовую палитру

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

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

Убедитесь, что они не отодвигают контент на второй план. Они должны улучшать, а не вытеснять его.

15. Уделяйте внимание удобству восприятия

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

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

16. Обращайте внимание на “висячие” строки и слова

‍«Widow» — “висячее” слово, “orphan” — “висячая” строка.

Что такое “висячие” строки и слова и почему важно обращать на них внимание?

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

17. Мыслите как художник

Не думайте о типографике как о стратегическом использовании шрифтов. Это больше, чем просто создание текста. Относитесь к шрифтам, как к искусству.

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

18. Вам помогут правильные инструменты

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

Заключение

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

26 правил цифровой типографики для начинающих | Том Кошик | Дизайн в эпоху цифровых технологий

Опубликовано в

Чтение: 7 мин.

21 июля 2015 г.

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

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

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

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

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

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

2. Trajan Pro не модный и не старый.

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

3. Выбросьте Comic Sans.

Притворись, что никогда его не видел.

Выбросьте Comic Sans и притворитесь, что никогда его не видели.

4. Отказ от шрифтов по умолчанию — это ерунда.

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

То, как вы настраиваете шрифт, определяет, как он будет выглядеть. Times New Roman может выглядеть великолепно. Вам просто нужно быть более чувствительным, чтобы осуществить это.

5. Не смешивайте более двух шрифтов.

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

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

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

6. Смешивайте только контрастные шрифты.

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

Sans Serif + Serif, шрифт Script и современный. Вам нужно сохранить контраст. Смешение двух знакомых шрифтов выглядит неаккуратно.

7. Но убедитесь, что x-высота знакома.

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

8. Размер шрифта.

Текст абзаца, используемый в Интернете, должен иметь размер не менее 13 пикселей. 14–18 пикселей — лучший выбор для меня — он не слишком большой и его удобно читать.

Текст абзаца, используемый в Интернете, должен быть не менее 13 пикселей. 14–18 пикселей — лучший выбор для меня — он не слишком большой и его удобно читать.

9. Выберите правильную длину линии.

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

Старайтесь, чтобы длина абзаца составляла от 45 до 75 символов. 66 символов в строке считаются идеальными.

10. Выберите интерлиньяж, соответствующий размеру текста.

Для достижения сбалансированной настройки в текстовом блоке пробелы между строками должны составлять около 150% от x-высоты. Более простое правило — установить высоту строки 125% от размера текста.

11. Заподлицо слева.

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

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

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

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

13. Не делайте отступов.

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

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

14. Подписи.

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

15. Висячая пунктуация.

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

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

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

17. Не злоупотребляйте пространством слов.

Shift+Enter достаточно, чтобы начать новую строку. Нажмите клавишу ввода, чтобы начать новый абзац. Это так просто.

Shift+Enter достаточно, чтобы начать новую строку. Нажмите клавишу ввода, чтобы начать новый абзац. Это так просто.

18. Кернинг.

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

19. Отслеживание.

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

20. Выделение в тексте.

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

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

21. Не ставьте пробел в нижнем регистре.

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

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

22. Промежуток между буквами Верхний регистр

Добавьте больше пробелов между заглавными буквами. Удобочитаемость всегда выигрывает от большего расстояния между заглавными буквами, около 10% будет работать нормально.

Добавьте больше пробелов между заглавными буквами. Удобочитаемость всегда выигрывает от большего расстояния между заглавными буквами, или 10% будут работать нормально.

23. Не используйте все заглавные буквы.

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

24. Не используйте прописные буквы.

Если у вас нет настоящих шрифтов с прописными буквами — полностью проходите.

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

Выглядит не очень.

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

26. Числа заклинаний.

В общем: Пишите числа, это более изящно. Это правило не применяется к математическим вещам, таким как уравнения или проценты.

Спасибо, что прочитали,

Том — основатель и креативный руководитель Hologram , старший веб-дизайнер по телефону GOG.com и преподаватель по телефону Envato Tuts+

. 4

Хотите получать эксклюзивные обновления моих историй и рекомендации?
Присоединяйтесь к моему личному списку рассылки!

10 правил, которые помогут управлять типографикой

Начало работы

Как быстро применить типографские правила, чтобы восстановить контроль над макетами, следуя этим 10 золотым правилам типографики? Эти правила основаны на том, чему Крис научился во время учебы в Art Center College of Design.

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

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

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

‍

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

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

‍

2. Используйте один шрифт

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

‍

3. Пропуск начертания

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

‍

4. Двойной кегль

Двойной или половинный кегль, который вы используете. Если вы используете 30pt для заголовка, дополните его 15pt для основного текста. Если вы хотите усилить драму, попробуйте добавить 3-х или 4-х кратный размер точки.

‍

5. Выровнять по одной оси

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

‍

6. Выберите любой шрифт

Используйте любой шрифт, который вам нравится, если он является одним из следующих: Akzidenz Grotesque, Avenir, Avant Garde, Bell Gothic, Bodoni, Bembo, Caslon, Clarendon, Courier, Din Mittelschrift, Franklin Gothic, Frutiger, Futura, Garamond, Gill Sans, Gotham, Helvetica, Letter Gothic, Memphis, Meta, OCRB, Rockwell, Sabon, Trade Gothic, Trajan и Univers.

‍

7. Группировка с использованием правил

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

‍

8. Избегайте углов

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

‍

9. Помните о промежутках

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

‍

10. Расслабьтесь, это просто введите

Помните, что это может быть жирным шрифтом или курсивом. Но никогда регулярно.

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

‍