Типографика это что: Что такое типографика и какие шрифты использовать на сайте — руководства на Skillbox

Типографика — это… Что такое Типографика?

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

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

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

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

Типографика — (от греч. τύπος «отпечаток» и γράφω «пишу») это художественное оформление текста посредством набора и верстки. Оформление текста включает выбор гарнитуры, кегля, длины строк и расстояния между ними (интерлиньяж), изменение пробелов между буквами… …   Википедия

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

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

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

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

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

Типографика — определение термина | Энциклопедия интернет-маркетинга

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

Немного истории

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

Цели типографики

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

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

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

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

Какие задачи решает типографика

С помощью типографических приемов можно решить следующие задачи:

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

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

Синонимы: нет
Все термины на букву «Т»
Все термины в глоссарии

(Голосов: 4, Рейтинг: 5)

Типографика: искусство текста

4 — 2003

Маргарита Григорян

Основа основ

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

Цвет

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

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

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

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

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

Основа основ

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

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

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

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

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

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

Само собой, одной только широкоформатной рекламой применение типографики в рекламе не ограничивается — типографическое оформление с успехом применяется и в печатной рекламе. Основные задачи здесь остаются теми же – привлечь внимание, заставить сначала всмотреться в образ, а затем и вчитаться в текст. Хороший пример – реклама «Finances, Trust, Consulting», разработанная дизайн-студией Open Design. Она представляет собой изображение прозрачной призмы, на гранях которой сделаны надписи «Деньги – это наука» и «Деньги – это искусство». Художники из Open Design использовали оригинальное и остроумное типографическое решение, заменив некоторые из букв кириллицы в надписи «Деньги – это наука» на греческие, которые, как мы знаем со школьной скамьи, широко применяются в науке, а в строке «Деньги – это искусство» – на музыкальные символы. Таким образом, смысловая нагрузка рекламы гармонично сочетается с ее визуальным исполнением. Нестандартное же решение делает рекламу заметной.

Широко используется типографика и в дизайне упаковки, причем наиболее часто она находит применение в парфюмерно-косметической индустрии. Практически все упаковки духов, как и этикетки на флаконах, выполнены с использованием типографики. Классическим примером может служить оформление легендарных духов «Chanel № 5», дизайн коробки которых не менялся с самого момента их создания в 20-х годах прошлого века.

Не устояли перед типографикой и просторы Всемирной сети. Существует довольно много Web-страниц, оформление которых построено исключительно на использовании оригинальной формы и начертания текста. Если такая страница с точки зрения дизайна создана грамотно, то она будет легко восприниматься зрителем и хорошо запоминаться. Поскольку в Web-дизайн типографика вносит элемент некоторой неформальности (все-таки в Интернете преобладает использование графических элементов для композиции и навигации), подобное оформление редко используется при создании корпоративных страниц, а вот среди сайтов дизайн-студий их становится все больше и больше. Один из наиболее известных и интересных сайтов такого рода – The Designers Republic (http://www.thedesignersrepublic.com/). Он представляет собой обширный каталог дизайнерских решений, и именно благодаря типографическому оформлению навигация среди огромного количества информации заметно упрощается. На главной странице The Designers Republic можно увидеть большую типограмму с надписью «Angryman» – текст, посредством монтажа превращенный в изображение «сердитого человека». Всмотревшись в эту типограмму, зритель увидит детали латинских литер, собранных в одно целое.

Часто в типограммах (или в «каллиграммах») на первый взгляд невозможно определить первоначальный облик отдельных символов, но, если присмотреться, можно различить их. При создании типограмм типографы обычно пользуются такими приемами, как искажение составных литер, изменение кегля и рисунка символов, а также намеренная деформация строк наборного текста. Самый простой и распространенный способ создания типограмм – верстка текста в форме описываемого в нем объекта (например, указатель, в котором размеры составляющих его букв подобраны таким образом, чтобы слово по форме напоминало стрелку). Но есть и более сложные разновидности типограмм, в которых текст становится нечитаемым, преобразуясь в картинку. «Angryman» с The Designers Republic – отличный тому пример.

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

Типографика пользуется огромной популярностью и у авторов художественных постеров и плакатов, которые давно уже выделились в самостоятельный жанр изобразительного искусства. Они, как и рекламные публикации, вынуждены апеллировать в первую очередь к визуальному восприятию. Однако жанр постеров и плакатов не органичен такими жесткими рамками, как, скажем, печатная реклама, и поэтому дает дизайнерам большую возможность художественного самовыражения; отсутствие заданных рекламодателем слоганов и формулировок превращают текст в полноправный инструмент графического оформления. Крупный формат плаката только усиливает его выразительность. Любопытный пример – антирасистский постер, созданный дизайн-студией Open Design. На нем изображены символы четырех мировых религий, каждый из которых собран из печатного текста, взятого из священной книги другой веры. Например, мусульманский полумесяц набран текстом из Торы, а шестиконечная звезда Давида – строками из Корана. Однако значение подобных постеров может остаться непонятным без сопроводительной пояснительной надписи. В данном случае это строки «Они – это мы» и «Мы – это они», расположенные на красной ленте, согнутой буквой V — символично, просто и понятно.

КомпьюАрт 4’2003

5.Граф.дизайн. Типографика. — База знаний

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

Типографика

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

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

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

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

Гарнитуры можно разделить на две основные категории:

• Антиква — шрифты с засечками.
• Гротеск, соответственно, — шрифт без засечек.

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

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

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

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

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

Есть замечательная игра-тренажер — Kern Type. Просто расставьте все буквы по местам. На самом деле это не так-то просто. Процесс достаточно сложен и требует отличного глазомера. Особенно этот опыт будет полезен при создании логотипов.

Что мы делаем не так?

Используем большое количество шрифтов

Желательно использовать не более 3-х начертаний. Это могут быть шрифты как одной гарнитуры, так и разных. Например, гарнитура Roboto содержит довольно большое количество различных начертаний. Из них легко можно выбрать три, которые, как мы считаем, подойдут для нашего сайта. Допустим, это будут Light, Regular и Bold. Для заголовков можно использовать шрифт Bold или Light, для кнопок Bold, для основного текста Regular. Таким образом, используя одну гарнитуру, мы обеспечили наш сайт правильной типографикой. Естественно, все зависит от тематики сайта и идеи, которую вы планируете заложить в дизайн. Мой пример относится к универсальным и не претендует на что-то уникальное или неординарное.

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

Стили

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

Упражнение №1

На формате А4 разработать акцидентный шрифт (алфавит).

Этапы выполнения задания:

• Мозговой штурм (просмотр аналогов + определение стилистики будущего алфавита)
• Набросок карандашом (для последующей корректировки)
• Промежуточный просмотр, советы от ребят и преподавателя
• Корректировка и обводка ручкой (учитывая толщину линий и штриховку)

Виды шрифтов

Шрифт с засечками (Serif)

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

Старый стиль

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

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

Современный стиль

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

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

Египетский стиль

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

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

Рубленый шрифт

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

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

Рукописный шрифт

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

Декоративный шрифт

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

Упражнение №2.

На формате А4 создать шрифтовую композицию внутри персонажа, отражающую его натуру.

Этапы выполнения задания:

• Мозговой штурм (определяемся с идеей, с персонажем)
• Компоновка в листе
• Промежуточный просмотр, советы от ребят и преподавателя
• Корректировка и работа в цвете

 

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

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

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

Темы

В ходе этого длинного урока мы рассмотрим различные темы, включая:

• Знаменитые 95%
• Начертания и шрифты
• Типографическая классификация
• Анатомия типографики
• Интервалы
• Пунктуация
• Иерархия
• Выбор гарнитур

Знаменитые 95%

Веб-дизайн на 95% состоит из типографики! Без текста нет веб-дизайна. Так почему бы не улучшить свои способности именно за счет сильной типографики? Вам откроется огромный буквенный мир — мир, который передавался из поколения в поколение креативными людьми, работающими с графикой и печатным дизайном. Еще одна потрясающая кроличья нора, в которую можно нырнуть.

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

Коммуникация

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

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

Без текста

 

С текстом

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

Гарнитура и шрифты: в чем разница

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

Вы создаете гарнитуры.

Caslon

Gotham

«Шрифты» рассматриваются как подборки элементов гарнитуры. Это физические (или цифровые) наборы символов какой-то гарнитуры в конкретной насыщенности и стиле. Open Sans Light — это шрифт, файл, который вы используете в своей системе.

Вы можете создать шрифт.

Open Sans

Типографическая классификация

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

Гарнитуры Serif

Гарнитуры Serif названы, исходя из небольших дополнений, декоративных деталей в контурах букв. Само слово «serif» означает насечки.

Из поста 10 лечебных дизайн-идей для разработчиков

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

MailChimp

Latinotype

Pana

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

The New York Times

Тем не менее, Serif-ы отлично подойдут и для заголовков. Заголовки, используемые в The Washington Post — отличный тому пример: здесь Serif придает определенный стиль традиций и качества, а основной текст в sans-serif придает статьям современный вид, при этом оставаясь отлично читаемым.

The Washington Post

Гарнитуры Sans Serif

В гарнитурах «Sans-serif» нет расширений serif.

Project Soli

Популярность Sans serif-ов выросла в 1920-х годах. Они выглядели современно, индустриально и машинно; идеально для сферы рекламы и движения «ар деко» того времени.

Cool Hunting Omakase

Medium

Webflow

Гарнитуры Semi Serif

Гарнитуры «Semi serif» объединяют характеристики гарнитур serif и sans serif.

Latinotype

Гарнитуры Slab Serif

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

Vitesse

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

Everywhere.is

Proday

Flowhub

Гарнитуры Script

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

Paravel

Foster Type

Femmebot

Гарнитуры Monospace

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

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

The Next Century

CSSDA

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

Теперь пройдемся по некоторым важнейшим анатомическим особенностям шрифтов.

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

Базовая линия

Википедия

Базовая линия — это линия, над которой расположено большинство символов.

Медиана

Википедия

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

X-высота

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

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

Верхний и нижний выносные элементы

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

Из Анатомии веб-типографики

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

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

Интервалы

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

Высота строки

Высота строки — это пространство между двумя последовательными базовыми линиями. В печати очень важно создавать постоянный вертикальный ритм — базовую сетку — мини-систему разметки для текста на странице. В веб-е чрезвычайно сложно добиться такой точности.

Базовая сетка

Из My name is Mike

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

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

Разные высоты строк также могут (странным образом) влиять на цвет вашего текста. Более сжатые строки выглядят темнее, так как микро-пространства белого между строками текста сокращается — и наоборот, конечно же. Поиск баланса, при котором текст выглядит разборчиво, читабельно и неналяписто — вот ваша цель при настройке этого интервала. Прочитайте текст, причем используйте настоящий фрагмент, а не lore ipsum, чтобы протестировать, как он выглядит и читается. Вам удобно его читать? Вот этот вопрос должен быть у вас в голове — всегда!

Длина строки / формат

Оба эти термина означают одно и то же: количество символов в одной строке текста. Хорошая длина строки для веб-дизайнов — 60-85 символов. Длина строки и высота строки — это симбиотические, зависящие друг от друга понятия. Чем больше длина строки в абзаце, тем выше должна быть высота строки.

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

Кернинг

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

Википедия

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

Межбуквенное расстояние

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

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

Пунктуация

Кавычки

Используйте настоящие кавычки. Точка!

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

Троеточие

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

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

Дефис

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

Это ваш единственный выбор для префиксов и суффиксов. Вы должны всегда использовать их, если нужно прописать слово по буквам: S-K-E-T-C-H-A-P-P. Интервалы времени и расстояния — также часть его применений:

Для этих интервалов вы можете также воспользоваться коротким тире.

Короткое тире

Короткое тире (en dash) называется так из-за длины строчной буквы «n». Оно немного длиннее, чем дефис, и используется для диапазонов значений, а также для обозначения связей, например, студент-учитель. Или для расстановки акцентов.

Длинное тире

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

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

Иерархия

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

Trent Walton

Typologic

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

Цвет

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

Paravel

Dropbox

Размер

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

Typeterrance

Dropbox

Разделитель

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

CSS Zen Garden

Trent Walton

Толщина (насыщенность)

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

Latinotype

Скриншот

Dropbox

На это скриншоте из странички Dropbox вы можете видеть, что насыщенность текста имен и должностей разная. Очень базовая техника для акцентирования.

Курсив

Курсивы — это отличный вариант для подачи второстепенной информации (или расстановки акцентов, конечно). Пример ниже отлично демонстрирует этот эффект на отображении адреса.

The Type Directors Club

Четкий контраст при сочетании гарнитур

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

Trent Walton

Stuntbox

Jason Santa Maria

Jason Santa Maria

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

Выбор

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

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

Сочетание гарнитур

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

Kitchen Sink Studios

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

Hanson Wu

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

Ben Goodyear

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

adayinbigdata.com

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

Exposure

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

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

Заключение

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

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

Источник: sketchapp.me

Структурная Типографика. Шрифт как язык и как композиция — Оди

Перевод статьи Бетани Хек Structural Typography.

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

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

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

Джессика Свендсен, постер «Экспонирование Архитектуры: Парадокс»

Шрифт, задающий сетку

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

Давайте начнем с великого и очевидного примера. Постер Джессики Свендсен  «Экспонирование Архитектуры: Парадокс?» —  один из постеров захватывающей серии, созданной ею для архитектурной программы Йельского университета (позже мы рассмотрим другой постер из этой серии).

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

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

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

Что запомнить

Один объект может быть основой структуры вашего макета

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

Вы выбираете не только шрифт, но и то, как его преподнести

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

Эрик Ху, постер GIWYFI

Эрик Ху —  мастер комбинирования шрифтов, и в его композициях гораздо больше упорядоченности, чем может показаться с первого взгляда. Приведенный постер демонстрирует два вида шрифта —  тонкий курсивный Glossy Display и неуклюжий гротеск (посмотрите, насколько цифры короткие по отношению к литерам), который набран таким образом, чтобы только усилить его неуклюжесть. Здесь Ху использует курсив несколькими способами, позволяющими организовать структуру и связать два стиля. В верхней части макета он позаботился о том, чтобы ведущий курсив соотносился с полной высотой гротескного шрифта, а в нижней части цифры расположены в пространстве, которое образуется рядом со свисающей «g» в «Virginia».

Схематизация постера в виде линии и плоскости делает структуру яснее.

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

Работая таким образом, можно сфокусироваться на одном варианте группирования текста, чтобы начать создавать макет, а затем попытаться сыграть против него, наращивая сложность. Поскольку у Ху уже имеется наложение текста одного цвета, он запросто мог выбрать более хаотичный подход и довольствоваться взаимопроникновением и коллизией шрифтов, но он решил использовать возвышения и низины, образованные курсивными буквами, чтобы дополнить дизайн. В результате получилось более чистое переднеплановое/фоновое отношение между двумя типами шрифтов, которое создает ощущение отполированности, в то же время сохраняя «ошибки» и беспорядочность, что позволяет избежать чрезмерной формализации. Это превосходный пример того, что называется «Making and Breaking the grid» («Создание и Разрушение сетки»). Те области, где шрифты сталкиваются и накладываются, наиболее эффектны благодаря сдержанности всех остальных частей постера.

Что запомнить

Применяйте каскадные типографические решения

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

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

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

Больше —  не всегда лучше

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

Другой постер Джессики Свендсен для Йельского университета

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

Постер начинен искусными изменениями шрифта для усиления сетки в рамках акцидентного шрифта, а также для того, чтобы задать элементы шрифта, спадающие каскадом по краям плаката. Прежде чем мы углубимся в это, давайте обсудим еще более основополагающее решение [дизайнера] —  выровнять текст по правому краю. Если вы возьмете Maelstrom и нагромоздите литеры так же, как на фото, но слева (снизу, сильно слева), то останется какое-то ощущение неудовлетворенности, не так ли? Это создает много замкнутого пространства — слева от А и под хвостиком Y. Выравнивание по правому краю позволяет использовать гораздо более интересные области на полях, благодаря «ковшу», созданному Y, который загребает край, и A расширяющейся через несколько строк. Это скульптурирование также, вероятно, привело к решению оттянуть две последние строки текста от правого края —  это единственный способ отделить A от L, находящейся над ней.

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

Свендсен позволяет форме акцидентного шрифта задать композицию по краям. «2014 FALL» заполняет низины под Y, и А закрывает нижний край левой половины композиции. Круглый значок Y застревает в H и предотвращает появление лишнего пустого пространства.

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

Красный — это Maelstrom, Синий — версия Свендсен, и вы можете увидеть разницу в версии с наложением двух цветов.

 

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

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

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

Что запомнить

Выбрать подходящий шрифт недостаточно

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

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

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

Шрифт как репрезентация

Использование шрифта в качестве манифестации объекта или идеала

Дизайн Дональда Игенштейнера

Шрифт как структура может также служить метафорическим целям и визуально отображать текст таким образом, что выходит далеко за грань листа композиции. Давайте начнем с очевидного примера. В рекламе, созданной Дональдом Игенштейнером, слово  «Tonnage» [тоннаж] использовано таким образом, что кажется, будто у него действительно есть вес. Здесь шрифт имеет физическое присутствие в своей среде и использует идеи реального мира, чтобы повлиять на другой шрифт, усиливая смысл. Тривиально, но эффектно.

Иллюстрация к книге Нью Йорк Таймс, рецензируемой Джессикой Свендсен

Больше работ Свендсен! Это иллюстрация к обзору 21 Урока 21 Века. Она использует шрифт, чтобы создать ощущение ошеломляющего головокружения, как если бы мы смотрели вверх изнутри монолита (честь и хвала Свендсен за втискивание 21 слова в четырехсторонний макет). Это интересный челлендж для шрифтовой иллюстрации —  имея сотни различных способов компоновки слов, какой бы вы выбрали, чтобы передать их важность? Я люблю, когда дизайн решает проблемы такого масштаба. Ее решение исказить шрифт вместо того, чтобы использовать другую технику типа складывания или масштабирования, придает шрифту более внушительное физическое присутствие, которое дезориентирует и надлежащим образом отражает серьезность предмета.

«Brands, Character, Signet» Ханса-Юргена Кеблера, 1970

Данная обложка Marken, Zeichen, Signete демонстрирует прогрессивное масштабирование вместо искажения. Эта техника создает скорее эффект взгляда «в», нежели «вверх», и это чаще всего достигается масштабированием и повторением одного и того же слова с каждой стороны. Повторение может быть мощным, но оно не позволяет использовать разные фразы и длины, как на постере 21 Урок.

Что запомнить

Используйте технику, которая послужит вашему контенту

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

Одна из знаковых реклам Лоу Дорфсмана для CBS

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

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

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

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

Что запомнить

Шрифт может быть и точкой, и линией, и плоскостью

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

Выбор шрифта имеет значение

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

Шрифт может доносить сообщение и служить графическим целям

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

Постер Ноа Бэйкер

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

Что запомнить

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

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

Обложка Вэнг Ци-Хонг для «The Crowd»

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

Что запомнить

Геометрические шрифты могут быть сильным инструментом

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

Используйте обычные шрифты для необычных идей

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

Усиление изображений

Шрифт может усиливать воздействие изображения в макете

Концепт леттеринга Бюро Борще для Nike

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

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

Что запомнить

Каждый знак может что-то сообщать

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

Используйте типографику для усиления фотографии

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

Оба этих разворота из Pin-Up применяют сетку и вставляют параграфы, мимикрируя под детали фотографии. Источник vice.com

Журнал Pin-Up придерживается простых решений и предпочитает создавать типографическую драму путем живописности, которой он определяется en masse. Статьи часто креативно напоминают детали фотографий в журнале, как, например, более светлый квадрат текста слева, который имитирует светло-серую площадь фабрики середины [прошлого] века на противоположном развороте. Точно так же набор в три колонки без полей на примере справа —  это очевидная отсылка к высоким стройным колоннам на фотографии, которую он [шрифт] сопровождает (здесь также есть нахальная отсылка к шляпе на противоположном развороте в заголовке в нижнем левом углу).

Что запомнить

Помните о силе шрифта en masse

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

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

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

Большой шрифт не есть структурный шрифт

Большой шрифт может быть ленивым шрифтом

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

Via klim.co.nz. постер Attico 36

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

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

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

---

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

Типографика – Играем с шрифтами / Хабр

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

В Telegram-чате, где я участвую (чат любителей самодельных по-настоящему эргономичных клавиатур — к слову, моя клавиатура сейчас выглядит вот так, а раскладка на ней — вот такая), на текущий момент называется «Клавиатуры: эргономика и раскладки») недавно затронули тему кириллицы и латиницы в русском языке, вспомнили проблемы, с которыми столкнулись наши «братские народы» (бывшие республики СССР) при переходе на «самостийную» (я не про Украину) латиницу, и вот какая у меня появилась мысль. Начну немного издали…

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

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

Так-то, существует даже несколько стандартов транскрибации русского текста на «международную» латиницу, но, согласитесь, использование апострофов, неоднозначность фонетического соответствия, а также такие монстры, как Ч=ch, Ш=sh, Я=ja (или ya), и, коронное, Щ=shch делают такой вариант не очень привлекательным. Но ведь латиницы (26 букв) не хватает для однозначного отображения русских букв (33 буквы — и да, я считаю букву Ё значимой, несмотря на то, что она «засунута в …» даже в UniCode).

И вот тут-то мне и пришла в голову мысль (а мысль убивать нельзя, как говорил мой учитель!): а почему бы, действительно, не попытаться использовать латинские буквы в русском языке?

Сразу сформировалась концепция.

Что такое типографика? | A Full Rundown

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

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

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

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

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

‍

Гарнитура и шрифт, в чем разница?

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

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

‍

Категории типа

Три основные категории гарнитуры, к которым относится шрифт. Это категории с засечками, без засечек и декоративные или экранные шрифты.

‍

Шрифты с засечками

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

‍

‍

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

‍

‍

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

‍

Шрифты без засечек

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

‍

‍

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

‍

‍

Декоративные или дисплейные гарнитуры

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

Элементы типографики Источник изображения: https://www.shillingtoneducation.com/blog/what-is-typography/

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

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

‍

Интерлиньяж

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

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

‍

‍

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

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

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

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

‍

‍

Кернинг

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

‍

‍

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

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

‍

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

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

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

‍

‍

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

‍

‍

Иерархия

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

‍

Как добавить иерархию в ваш дизайн

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

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

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

Посмотрите наше видео, где Ран знакомит вас с более наглядными примерами иерархии в веб-дизайне и дизайне приложений:

‍

Добавьте контраст вашей типографике

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

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

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

‍

Как выбирать шрифты

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

‍

Избегайте тенденций

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

‍

Начните с сужения до категории шрифтов

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

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

‍

Ограничьте количество пар типов до 2 или 3 макс.

Старайтесь не использовать слишком много шрифтов в одном дизайне. Чем больше шрифтов вы используете, тем сложнее читать или различать иерархию. Как правило, старайтесь использовать максимум 2–3 шрифта.

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

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

‍

Как улучшить свои типографские навыки

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

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

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

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

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

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

Что такое типографика и почему она важна для вашего бренда? | Холли Арнетт | Black & White Studios

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

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

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

Типографика везде

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

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

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

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

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

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

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

«тип — визуальный голос.Не читая, он передает свое сообщение » — Лаура Уортингтон

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

Большинство из нас может запомнить и мгновенно узнать шрифты, связанные с такими брендами, как Coca Cola, Disney и Harry Potter, и, возможно, видели неоднозначную реакцию на такие бренды, как Apple, Google и GAP, меняющие свою знаменитую типографику.Многие компании, такие как Netflix, Airbnb, Apple и Coca Cola, даже создали свои собственные шрифты, чтобы сделать типографику более продуманной частью своей идентичности.

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

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

Что такое типографика? Почему это важно для графических дизайнеров?

Последнее обновление: 21 апреля 2020 г.

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

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

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

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

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

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

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

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

Графические дизайнеры используют типографику для корректировки текста в дизайне. Это помогает в создании контента с определенной целью. Спланированное использование гарнитур позволяет дизайнерам сделать дизайн эстетичным и приятным.

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

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

Различные элементы типографики

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

i. Гарнитуры и шрифты

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

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

Когда дизайнеры хотят объединить шрифты вместе, они обычно выбирают гарнитуру с аналогичной высотой по оси x. Ширина примерно равна основной части буквы и последующему пространству.Для измерения шрифта дизайнеры используют балльную систему. Итак, одна точка равна 1/72 дюйма, а 12 точек равны одной пике.

ii. Ведущий

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

iii. Ведущее значение

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

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

Известное также как межбуквенный интервал, отслеживание — это расстояние, которое мы видим между текстовыми символами.

v. Кернинг

Кернинг — это расстояние между символами и буквами.

vi. Длина строки

Длина строки — это стандартная длина текста.

vii. Иерархия

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

viii. Размер

Размер определяет значение иерархии, и это достигается за счет использования интервала, размеров и цвета.

ix.Цвет

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

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

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

xi. Контраст

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

Основные правила типографики для графических дизайнеров

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

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

i. Рассмотрим текст

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

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

ii. Показать иерархию

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

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

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

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

iii. Выберите правильный цвет гарнитуры

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

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

Почему типографика так важна для графических дизайнеров?

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

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

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

01. Привлекайте внимание зрителя

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

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

02. Сделайте текст удобным для чтения

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

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

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

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

03. Установите иерархию

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

04.Повышает узнаваемость

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

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

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

05. Придайте ценность и оттенок вашему бренду

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

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

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

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

06. Create Harmony

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

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

07. Придать индивидуальность дизайну

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

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

08. Произведите визуальное впечатление

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

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

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

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

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

Заключение

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

Получите свои идеи дизайна типографики

Дизайн типографики: правила и термины, которые должен знать каждый дизайнер

1. Чаша; 2. Стебель; 3. Счетчик; 4. Рука; 5. Лигатура; 6. Терминал; 7. Позвоночник; 8. Восходящее устройство; 9. Апекс; 10. Засечки; 11. Ухо; 12. Спусковое устройство; 13. Перекладина; 14. Finial; 15. Высота подъемника; 16. Высота крышки; 17. X-высота; 18. Исходный уровень; 19. Descender line

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

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

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

01. Выбор шрифта

Существует огромный выбор шрифтов, из которых вы можете выбрать

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

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

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

02. Размер

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

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

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

Самым распространенным методом измерения шрифта является точечная система, которая восходит к 18 веку. Одна точка составляет 1/72 дюйма. 12 точек составляют одну пику — единицу измерения ширины столбца. Размер шрифта также можно измерять в дюймах, миллиметрах или пикселях.

03. Интерлиньяж

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

04. Трекинг и кернинг

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

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

05. Мера

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

Существует ряд теорий, которые помогут вам определить идеальную меру для вашей типографики. Одно практическое правило состоит в том, что длина ваших строк должна составлять 2–3 алфавита (то есть 52–78 символов, включая пробелы).

06. Иерархия и масштаб

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

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

Следующая страница: Словарь типографских терминов

типографика | Определение, история и факты

Типографика как полезное искусство

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

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

Получите подписку Britannica Premium и получите доступ к эксклюзивному контенту. Подпишитесь сейчас

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

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

Во-первых, он вторичен в том смысле, что его основные материалы, алфавиты или другие подобные системы обозначений, с которыми он работает, не являются его собственным изобретением. Влияние этого факта на вид искусства очевидно. Вообще говоря, западное письмо или печать достигается за счет использования относительно небольшого числа отдельных букв, которые могут быть сгруппированы в почти бесконечное количество значимых перестановок.Даже несмотря на языковые различия, форма букв и шрифтов с одного языка на другой очень часто переносится. Поскольку количество изображений (букв), которые необходимо разработать, ограничено и полностью управляемо, работа шрифтового дизайнера становится менее сложной. Перенос языка делает возможным создание значимых типологий, эволюцию международных стилей и соглашений, а также развитие критериев и традиций вкуса, с помощью которых типографы улучшают свою работу.В результате можно с достаточной уверенностью сказать, что за немногим более 500 лет истории печати со времен Гутенберга было разработано не менее 8000, а очень вероятно, 10 000 или 11000 шрифтов. Таким образом, у практикующего типографа есть огромное количество типов на выбор, и, поскольку лучшие из этих типов эволюционировали в рамках космополитических традиций и выдержали испытание многими людьми во многих местах на протяжении многих лет, есть внутри доступно несколько тысяч типов, многие из которых бесспорны.

Для сравнения, японский метод письма и печати включает в себя комбинацию систем — около 3000 кандзи (символы, основанные на китайских иероглифах), сейчо (основанные на написанной кистью Кана) и двух группах фонетических символов. символы ( хирагана и катакана ), каждый из которых состоит из 46 отдельных символов. Проблема индивидуального проектирования около 3000 символов, некоторые из которых невероятно сложны, — это не та проблема, которую многие дизайнеры могут преодолеть за всю жизнь.В результате у японских типографов было всего два шрифта на выбор: минчо, , примерно эквивалент западного римского алфавита, и готический, функционально японский без засечек. В 1960-х группа японских дизайнеров разработала третий шрифт под названием Typos.

Японские шрифты

Три японских шрифта: (вверху) Gothic, (в центре) mincho и (внизу) Typos.

Предоставлено Visible Language, c / o Музей искусств Кливленда, Огайо

Во-вторых, типограф ограничен обычаями чтения, которые он практически не контролирует.Внешний вид книжной страницы, независимо от того, хорошо она или плохо спроектирована, в большей степени определяется тем фактом, что западные читатели начинают с левого верхнего угла страницы и читают вправо, строку за строкой, пока не дойдут до конца, чем это происходит по эстетическое желание дизайнера. Многих типографов уже давно привлекает чистый и лаконичный вид так называемого шрифта без засечек (две маленькие основы, на которых расположены вертикальные элементы строчной буквы «n», являются засечками, так же как и пластина, указывающая назад над строчной буквой «i». »Или« l », а шрифты без засечек — это те, в которых такие украшения отсутствуют [ TI ]).Но трудность заключается в том, что почти каждое завершенное исследование показало, что шрифт без засечек труднее читать в тексте, чем шрифт с засечками. Вполне возможно, что если бы западные тексты печатались вертикально, от низа страницы до верха и читались вверх так, чтобы каждая буква занимала отдельную строку без горизонтальной связи с буквами до и после нее, очевидное преимущество шрифтов с засечками в это отношение может исчезнуть.

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

Типографика как искусство связано с дизайном,

в организованные формы письма, выбор или

слов и предложений для размещения в блоках типа

.страница а при печати как

или

Типографика как искусство связано с дизайном,

otni dezinagro eb ot smrof rettel fo, noitceles ro

слов и предложений для размещения в блоках типа

.egap и nopu gnitnirp sa

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

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

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

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

Что такое типографика? — Центр графического дизайна

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

Помните свойство CSS line-height; Хорошее практическое правило — междустрочный интервал, который должен составлять не менее 140% от размера вашего текста.

evokad.com

Основные элементы

Многие люди ошибочно думают, что типографика — это только шрифт и цвет, но это гораздо больше, чем кажется на первый взгляд.Во-первых, гарнитура относится к названию текстового стиля. К наиболее распространенным шрифтам относятся Arial и Helvetica. Во-вторых, шрифты относятся к определенному стилю, ширине и высоте шрифта. Наиболее распространены шрифты Courier, Calibri, Verdana, Tahoma и Times New Roman. Все шрифты бывают разных размеров. Высота каждого отдельного символа называется x-height. При объединении шрифтов в пару большинство графических дизайнеров обычно выбирают гарнитуру с одинаковой высотой по оси x. С другой стороны, установленная ширина относится к области тела письма и последующему пространству буферизации.Самый популярный способ измерения типа называется балльной системой. Один балл равен 1/72 дюйма, а 12 баллов равны одной пике.

Расширенные элементы

Интерлиньяж описывает вертикальный интервал между каждой строкой слов. Значение интерлиньяжа относится к измеренному расстоянию между одной строкой текста и строкой непосредственно выше или ниже. Большинство издателей выбирают значение интерлиньяжа, превышающее размер шрифта, который обычно в 1,25–1,5 раза превышает размер шрифта. Отслеживание — это расстояние между текстовыми символами, которое также называется межбуквенным интервалом.Кернинг похож на отслеживание, но относится только к промежутку между буквами и символами. Под длиной строки понимается стандартная длина текста, который идет слева направо и регулируется по полям страницы. Значения иерархии помогают читателю делать заголовки большими, подзаголовки — меньшими, а типы тела — наименьшими. Размер определяет значение иерархии и определяется цветом, интервалом и размерами.

Почему это важно

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

Интернет-маркетинг

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

Как типографика представлена ​​на материалах и экранах

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

Расстояние между абзацами

Интервал между абзацами — важный аспект типографики. Когда человек читает печатные материалы или текст на экране, промежуток между абзацами показывает, что должна быть представлена ​​новая идея. Это дает глазам визуальный перерыв. Пространство между абзацами также делает текст более читабельным на смартфоне или другом устройстве с небольшим экраном. Минимальное расстояние между абзацами должно составлять от 0,75 до 1,25 от размера шрифта.

Расстояние между строками

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

Длина линии

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

Пробел вокруг чисел и столбцов

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

Расстояние между буквами

Некоторые буквы широкие, в том числе «м» и «ш», а некоторые узкие, например «я» и «л». В разных шрифтах ширина букв может отличаться. Это усложняет типографику. Если шрифт маленький, рекомендуется использовать более свободный интервал. Чем больше расстояние между буквами слова, тем проще различить каждую букву. С другой стороны, в некоторых шрифтах используется моноширинный шрифт. Это означает, что всем буквам выделяется одинаковое количество места, независимо от их размера.В результате широкая буква, например «M», сжимается. Более узкая буква, например «J», будет выглядеть нормально.

Специальные шрифты

Некоторую типографику лучше всего использовать для демонстрации или привлечения внимания, а не для всей статьи. Также существуют специальные шрифты, которые легче читать, когда они отображаются в большом размере. Шрифты, которые попадают в обе эти категории, включают Shrickland, Chewy и Faster One.

Нетрадиционные шрифты

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

Serif

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

Без засечек

Шрифты

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

Системные шрифты

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

Ресурс по теме: 10 лучших ученых степеней в области изобразительного искусства

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

8 причин, почему типографика важна

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

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

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

1. Это средство коммуникации.

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

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

2. Привлекает читателей.

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

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

3. Удерживает внимание аудитории.

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

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

4. Передает определенное настроение или чувство.

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

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

5. Устанавливает информационную иерархию.

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

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

6. Помогает создать гармонию.

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

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

7. Отражает профессионализм.

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

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

8. Он создает и укрепляет узнаваемость.

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

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

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

No related posts.