Разбираемся в основах типографики за 10 минут

Два главных типа чтения — линейное и информационное.

Линейное чтение — это книги и лонгриды с одной колонкой, где главное — не отвлекаться и погружаться в текст.

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

Пример статьи для быстрого информационного чтения. Главные мысли выделены жёлтым

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

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

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

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

Гротеск — более современный шрифт без засечек. Читается легче и быстрее антиквы.

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

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

Прямое начертание — это классический машинописный шрифт.

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

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

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

Насыщенность определяется толщиной линий. Чем толще линии, тем выше насыщенность.

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

Пример шрифта с высокой и низкой контрастностью

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

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

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

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

Примеры наборного и акцидентного шрифта

Пропорциональный и моноширинный шрифты отличаются размерами литер.

Наглядный пример отличий пропорционального шрифта от моноширинного

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

В пропорциональном занимаемая литерой площадь зависит от её размеров: английская i будет занимать в 2-3 раза меньше места, чем n. Такой набор экономит свободное место, поэтому в печатных изданиях используют только его. Если напечатать книгу моноширинным шрифтом, её объём и расход листов увеличится на 5-15%.

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

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

Типографика в веб-дизайне — правила и тренды современной типографики

“Веб-дизайн — это 95% типографики”, — сказал основатель компании Information Architect Оливер Райхенштейн. Так оно и есть: без качественной типографики ваш сайт будет неудобным для восприятия. В этой статье разберем основные виды типографики и современные тренды. Поехали!

Что такое типографика и зачем она нужна

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

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

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

Основные правила типографики

1. Чем проще — тем лучше. Даже если появилось множество новых интересных шрифтов, эмодзи, анимаций — не нужно использовать все их сразу. Сайт будет аляпистым и совершенно не стильным.
2. Сайт должен быть читабельным. Если выбирать между оригинальностью идеи и удобством для посетителя — любой веб-дизайнер не раздумывая выберет второе.
3. Главное должно отличаться от второстепенного. Хорошая типографика сразу показывает, что тут самое важное, а что нет. Если элементы сайта спорят между собой и взгляд посетителя мечется, не зная, что выбрать — значит, типографика хромает.
4. Правило золотого сечения. Мы уже писали о нем в статье про основные правила веб-дизайна. Если кратко — это деление элементов страницы сайта на пропорции в соотношении 3/2, или 5/3, и так далее. Чаще всего по этому принципу определяется соотношение рекламных блоков и текста.
5. Текст важнее. Графика должна не перетягивать одеяло на себя и отвлекать от контента, а дополнять его и привлекать к нему внимание. Текстовая информация чаще важнее, чем картинки — а значит, графика должна быть на службе у контента, а не наоборот.
6. Помните о гармонии. Не только в музыке она есть, как пелось в одной известной песне. На сайте все должно быть выполнено приятно глазу, гармонично и естественно. Хотите проверить? Просто дайте оценить сайт любому знакомому: пусть посмотрит свежим взглядом и выскажет честное мнение.

Основные понятия типографики и как их применять

О шрифт, ты — мир!

История шрифтов в типографике заставляет задуматься. На заре веб-дизайна считалось крутым использовать необычные шрифты по принципу “чем чуднее — тем моднее”. Со временем появилась тенденция к упрощению: сейчас предпочтение отдается простым крупным шрифтам. И обязательно читаемым.

Приведем несколько основных правил использования шрифтов на сайте:

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

Например, хорошо сочетаются шрифты Georgia и Verdana — они визуально похожи и гармонично дополняют друг друга. Шрифты Baskerville и Impact, напротив, имеют разную ширину символов, и второй просто “убивает” первый.

2. Используйте стандартные шрифты. Если ваш веб-дизайнер — не суперпрофессионал, лучше не рисковать и выбрать знакомые всем true-шрифты, которые давно зарекомендовали себя. Это, например, системные Arial или Calibri, можно также использовать шрифты Google (это бесплатно) или Adobe Typekit (по подписке) или поюзать онлайн-конструкторы. Вариантов масса!

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

3. Буквы должны читаться! Есть некоторые шрифты, в которых отдельные буквы можно перепутать. Например, I и L в английской раскладке, “н” и “м”, “т” и “ш” — в русской. Особенно сложно бывает читателю, когда еще и расстояния между буквами маленькие. Остерегайтесь таких шрифтов!

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

Искусство цвета

1. Играйте на контрасте. Цвет текста и фона для него должны различаться. Серый на сереньком — так себе тренд. Чем больше бросается в глаза контраст — тем гарантированнее он привлечет внимание пользователей. Чем меньше шрифт, тем более он должен быть контрастным, и наоборот.

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

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

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

Оформление текста

“Крылья, ноги, главное — хвост!” — если перефразировать фразу из культового мультика, то же самое можно сказать и о тексте. Цвет и шрифты, конечно, важны, но оформление текста все же играет главную роль в восприятии сайта посетителем. Рассмотрим современные тенденции оформления текста:

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

2. Форматируйте. Это незыблемое правило: если не хотите, чтобы ваш интересный и полезный текст превратился в одну большую простыню — ставьте заголовки и подзаголовки, не забывайте про маркированные списки. Обязательно выделяйте абзацы — сплошной текст читать просто невозможно. Считается, что оптимальная длина абзаца составляет 3-5 строк.

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

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

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

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

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

5. Следите за межстрочным интервалом. Чем он больше — тем больше воздуха в тексте, тем проще читателю пробираться через слова и символы. Обычно размер интервала должен быть на 30% больше высоты символов. Посмотрите, какая колоссальная разница между первым и вторым примером!

Тренды типографики последних лет

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

Крупная типографика

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

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

Большие шрифты

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

Сломанные сетки

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

Больше движения!

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

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

Леонид Рабинович «Что такое типографика?»

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

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

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

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

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

Текст ок

Текст не ок

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

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

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

(!) Шрифты являются частью типографики, но типографика выходит за рамки шрифта.

Выводы:

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

Почитать по этой теме:

http://artgorbunov.ru/bb/soviet/20140101 — совет Антона Шнайдера о значении типографики.
http://pajasu.livejournal.com/1241317.html — Принципы хорошей экранной типографики (кратко)
http://www.artlebedev.ru/kovodstvo/business-lynch/kagarov — Бизнес-линчи Эркена Кагарова (он всегда объясняет почему «типографика хуевая», например)

Следующий пост будет по теме:
Для кого нужна типографика?

Автор: Леонид Рабинович

Типографика в дизайне | Статья в журнале «Молодой ученый»



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

Ключевые слова: типографика, шрифт, адаптивный дизайн, засечка, веб-дизайн.

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

Современная типографика — это искусство, которое призвано сделать сложный материал простым, а неинтересный товар — популярным [3].

Неотъемлемая и главная часть типографики — шрифт.

Шрифтом обычно называют графическую систему изображения знаков, имеющую свойственное только ей начертание [2]. Единицей шрифта считается буква.

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

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

Засечка, или сериф, — один из важнейших элементов шрифта. Настолько важный, что, даже если в самом шрифте нет засечек, упоминание о них все равно есть в названии класса таких шрифтов: sanserif — «без засечек» [1].

Существют следующие виды шрифтов:

— — Антиква — шрифты с засечками.

Антиква подразделяется на следующие категории: старого стиля, переходная, нового стиля, латинского стиля, брусковая. Первая наборная антиква поялилась в Италии и Германии в начале XV века.

— Гротески (рубленные) — шрифты без засечек.

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

— Готические — данные шрифты были распространены в XIII-XVI веках. Различают следующие виды готических шрифтов: текстура, швабахер, фрактура, ротунда.

— Акцидентные — предназначенные для акцидентного набора. К ним иногда относят и рукописные шрифты.

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

Из этого следует, что у каждой из этих шрифтовых групп свои задачи. Гротески XX века хорошо справляются с нейтральными задачами. Шрифт передает потребителю не только прямое содержание сообщения, но и вызывает у человека определенные ассоциации. Этот эмоциональный отклик зачастую субъективен, ведь он основывается на жизненном опыте человека и степени его образованности, однако посредством опроса фокус-групп были выявлены схожие реакции на определенные виды гарнитур [2].

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

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

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

Чем больше элементов использовано, например, на сайте, в буклете или листовке, тем разнообразнее они по своему содержанию и оформлению, тем выше потребность в четкой структурированности пространства. В данном случае основной задачей типографики является становление частью графических композиций [5]. Правила типографики обширны, ибо они включают в себя: все параметры шрифта (начертания, кернинг, кегль, интерлиньяж и т. д.), расположение текста, тонкости расстояний между параграфами, красной строки в русской типографике, её уместное использование, а также расстояние между заголовками и основой массой текста и т. д. [4].

Рассмотрим основные правила работы с типографикой в вебе.

— Размер пункта — это размер шрифта. В печати наиболее удобный диапазон для основного текста — 10–12 пунктов. В Интернете — 15–25 пикселей.

— Межстрочный интервал — это расстояние между строками по вертикали. Он должен составлять 120–145 % от кегля. При верстке сайта, пользуясь каскадными таблицами стилей (CSS), можно использовать свойство line-height.

— Длина строки — это ширина текстового блока по горизонтали. Длина строки должна составлять в среднем 45–90 символов в строке

— Для грамотного структурирования контента важно использование различных начертаний. (Regular, Bold, Light).

— Висячих предлогов следует избегать.

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

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

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

Литература:

1. Гордон Юрий. Книга про буквы от Аа до Яя. — Москва: Издательство студии Артемия Лебедева, 2006. — 384 с.
2. Каменская А. А. М. Е. Карагодина Основные принципы работы со шрифтами в графическом дизайне // Дизайн и архитектура: синтез теории и практики: сб. науч.тр. — Краснодар: Кубанский гос. ун-т, 2018. Вып. 2. — С.131–134.
3. Любодарская К. В. Графический дизайн в системе маркетинговых коммуникаций на b-2-b рынке // Маркетинговые коммуникации. 2013. № 2. С.86–95.
4. Мамаева Д. М. Взаимосвязь типографики и фирменного стиля. [Электронный ресурс]. — URL: https://www.elibrary.ru/item.asp?id=43131906
5. Старикова Е. А. Типографика как новая современная форма коммуникации в дизайне // Лучшая научная статья 2016: сбрник статей II Международного научно-практического конкурса. — Пенза: МЦНС «Наука и просвещение». — 2016. — С.67–72.

Основные термины (генерируются автоматически): шрифт, засечка, CSS, XIII-XVI, акцидентный шрифт, век, длина строки, идея проекта, правило работы.

Типографика, история и задачи. Типографика, история и задачи С кем работают графические дизайнеры

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

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

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

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

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

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

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

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

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

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

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

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

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

Понятие типографики, история и задачи

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типографическое оформление текста зависит от нескольких составляющих:

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

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

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

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

Естественно, что главное, с чем работает типограф – это шрифт, поскольку от него в основном зависит восприятие текста читателем. Шрифт представляет собой набор символов определенного размера и рисунка. Различные шрифты объединяются в группы или семьи по своему стилистическому решению: шрифты рукописные, шрифты с засечками или без засечек и другие. Понятием «гарнитура» в типографике как раз и определяют шрифт или несколько шрифтов, обладающих стилистическим единством начертания. Например, гарнитура TimesNewRoman включает в себя обычный, курсивный, полужирный и множество других шрифтов этого, очень популярного сегодня семейства.

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

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

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

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

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

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

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

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

Одна из самых часто встречающихся бед дизайна — это проблема с .

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

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

Правило 1. Чем меньше шрифтов, тем лучше

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

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

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

Правило 2. Следите за разрядкой

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Где брать шрифты

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

Бесплатные

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

Часто дизайнеры рисуют свои шрифты и

Типографика в веб-дизайне / Далее

У меня уже есть шрифт в бренд-буке. Зачем мне что-то еще?

Шрифты, заданные в брендбуке, подходят для печатных материалов, но не для текста интернете. Большинство брендовых шрифтов можно использовать только в заголовках. Для корректного отображения в браузере и удобства чтения используются системные шрифты Arial, Georgia, Verdana.

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

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

С чего начать?

Начните с двух основных принципов типографики – удобочитаемости и характера. Графический и веб-дизайнер Руниу Ксия (Runyu Xia) в своей статье «Что начинающий дизайнер должен знать о типографике» рассказывает, как эффективнее донести информацию до аудитории. Удобочитаемость во многом формируется благодаря принципу контраста, который складывается из многих аспектов, включая размер, вес, цвет шрифта. Ключевую информацию мы выносим вперед. Например, если нам нужно выделить заголовок, мы можем усилить контраст либо выделив заголовок, либо «размыв» вид всего остального. Нечеткая иерархия разрушит читательский опыт и будет отвлекать внимание аудитории.

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

Все понятно, и где брать шрифты?

Если вы хотите добавить в свой дизайн что-то более необычное, чем Roboto и Arial, можно обратиться к сервисам со шрифтами, таким как Google Web Fonts или Typekit. Главное сфокусироваться на том, чтобы максимально понятно и точно донести информацию до аудитории, поэтому здесь удобочитаемость становится критической точкой для типографики.

Я выбрал шрифт, что дальше?

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

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

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

А что со смартфонами?

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

На что еще ориентироваться при выборе шрифта?

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

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

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

Как еще быстро улучшить типографику?

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

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

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

У нас стояла нетривиальная задача для проекта Альфа-Тревел – это сервис покупки путешествий за мили. У этого сайта две равнозначные функции: с одной стороны, это модный промосайт с крупной типографикой, которая должна кричать о продукте, а с другой – сервис, заточенный на конверсию. Помимо функциональности сервис Альфа Тревел должен быть по стилю ассоциироваться с родительской компанией — Альфа-Банком. Поэтому для заголовков мы использовали основной шрифт Альфа-Банка. Основной шрифт бренда ультрасовременный, у него тонкие начертания, как у шрифта Apple. Нам удалось объединить эти черты в адаптивной типографике и соблюсти принцип удобочитаемости.

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

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

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

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

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

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

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

Гарнитура и шрифт

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

Гарнитура — это семейство шрифтов. Некоторые знакомые примеры включают Times New Roman, Arial и Brush Script. Шрифт — это вариант шрифта, обычно полужирный, курсив или их комбинация.Примеры шрифтов включают Times New Roman Italic и Arial Bold.

Приведенный ниже рисунок помогает проиллюстрировать разницу между гарнитурами и шрифтами на примере Proxima Nova.

Proxima Nova — это гибкий шрифт, включающий в себя множество различных шрифтов.

Выбор и объединение шрифтов

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

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

Пример сочетания хорошего и плохого шрифтов. Шрифты справа слишком похожи друг на друга.

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

Создание контраста

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

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

Чтобы узнать больше об основах типографики, ознакомьтесь с нашим постом по теме: Что такое типографика?

Важность типографики в графическом дизайне

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

1. Доставка сообщения

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

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

2. Создание иерархии

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

Dribble Image source

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

3. Повышение узнаваемости бренда

Важная роль типографики в графическом дизайне заключается в установлении и росте узнаваемости бренда.Это особенно верно, когда речь идет о дизайне логотипов. Когда вы думаете о популярных брендах, таких как Coca-Cola, Harley-Davidson и Disney, вы легко можете представить себе их уникальный логотип.

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

П.С. Хотите узнать, как использовать типографику и другие навыки для создания потрясающих, целенаправленных веб-сайтов для ваших клиентов? Запишитесь на наш бесплатный мастер-класс «Секреты ценного веб-дизайнера».

4. Демонстрируйте индивидуальность

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

Источник изображения

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

5. Произведите впечатление

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

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

Источник изображения

‍

Источник изображения

‍

Источник изображения

6. Установите настроение и тон

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

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

Источник изображения

7.Привлечь внимание

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

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

Источник изображения

‍

Источник изображения

8. Создавайте гармонию и последовательность

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

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

Источник изображения

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

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

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

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

‍

Начало графического дизайна: Типографика

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

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

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

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

Общие типы шрифтов

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

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

Шрифты

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

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

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

Шрифты

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

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

Дисплейные шрифты

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

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

Выбор шрифта

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

Шрифты, которых следует избегать

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

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

Объединение шрифтов

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

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

Прочие важные термины

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

Иерархия

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

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

Ведущий

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

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

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

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

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

Кернинг

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

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

Собираем все вместе

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

Надеемся, вам понравилось изучать основы типографики!

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

/ en / начало-графический-дизайн / цвет / содержание /

Термины, ресурсы и тенденции в 2020 году

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

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

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

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

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

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

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

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

Составляете ли вы годовой отчет с диаграммами, данными и информацией о компании? Использование более причудливого шрифта, такого как Comic Sans, было бы совершенно неуместным; вам будет гораздо лучше использовать классический шрифт, такой как Helvetica, который больше подходит для бизнес-контента.

СВЯЗАННЫЙ : Вы слышали новости? Спустя 35 лет Helvetica наконец обновилась. Узнайте больше о Helvetica прямо сейчас!

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

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

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

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

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

Типографские термины, которые необходимо знать

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

Вот краткий обзор некоторых важных терминов типографики:

Исходный

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

Линия крышки

Верхняя невидимая линия, которая действует как верхняя граница для текста, букв и символов.

X-высота

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

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

Расстояние между буквами в блоке текста (иногда называемое «межбуквенным интервалом»).

Ведущий

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

Кернинг

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

4 правила типографики

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

(Источник: Рунью Ся на Medium)

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

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

2. Выберите отличительные шрифты

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

3. Использовать текстовую иерархию

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

4. Помните о интервале

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

2020 тенденции и примеры типографики

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

Ностальгические винтажные шрифты

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

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

(Источник: Ильхам Херри)

(Источник: Sign²in)

(Источник: Ramandhani nugraha)

---

Сверхгромкий жирный шрифт

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

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

(Источник: И н ф р.)

(Источник: Sagmeister & Walsh)

(Источник: estyr37)

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

---

Минимальные шрифты без засечек

(Источник: Стан Куркула)

(Источник: Un Barco)

(Источник: Libratone)

Bold станет популярным в мире типографики в 2020 году, но это не значит, что нет времени и места для более тонкого подхода.

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

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

---

Контурные шрифты

(Источник: simplest ™)

(Источник: сайт дизайнера Pixelo и Владимир Федотов)

(Источник: Виита Титан и Марк Беренгер)

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

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

Причудливые шрифты

(Источник: Free Stock)

(Источник: Wintrygrey)

(Источник: Амит Джаху)

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

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

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

Грязные шрифты

(Источник: Ника Некрасова и Лукьян Турецкий)

(Источник: Meella)

(Источник: Сэм Парретт)

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

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

Типографские ресурсы

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

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

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

---

Завершение

Типографика — ключевой элемент хорошего дизайна.

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

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

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

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

Помните свойство 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 лучших ученых степеней в области изобразительного искусства

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

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

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

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

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

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

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

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

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

Дизайнеры работают над объединением исторических принципов и современного мышления для создания гармоничных результатов, которые часто должны работать как в печати, так и в пикселях.Начиная с XI века в Восточной Азии (да, на самом деле Иоганнес Гутенберг не изобрел печатный станок), шрифт был результатом работы между создателем шрифта и наборщиком. К 1800-м годам созданные буквы были превращены в металлические блоки. Каждый шрифт или общий дизайн превращался в шрифты, которые затем продавались в типографии.

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

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

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

Понимание шрифта, шрифта и выбора

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

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

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

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

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

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

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

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

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

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

Несмотря на избыток вариантов, есть те, кто считает, что лучше всего придерживаться того, что всегда работало.Мастер дизайна Массимо Виньелли в своей публикации «Канон Виньелли» утверждал, что дизайнеру следует использовать только базовую коллекцию классических шрифтов, чтобы избежать визуального загрязнения, которое, по его мнению, происходит в мире дизайна. Виньелли использовал всего шесть шрифтов: Bodoni, Futura, Times и Helvetica; плюс Garamond и Century Expanded.

Но, в конце концов, независимо от того, содержит ли ваша библиотека шрифтов 200 или шесть шрифтов (как предлагает Виньелли!), Наиболее важным является то, как вы понимаете и разрабатываете шрифт для работы в каждом отдельном проекте графического и брифинга.

Правила типографики, которым необходимо следовать

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

1. Весы, обеспечивающие единообразную структуру
2. Иерархия, определяющая организацию и направление
3. Контраст для подчеркивания светлых участков
4. Повторение для единообразия и знакомства
5. Выравнивание для получения четкого и структурированного изображения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Список типографских терминов

См. Ниже полный список основных типографских терминов.

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

• Выравнивание : результат выравнивания букв по ссылке, такой как поле
• Апертура : белое пространство в конце открытого счетчика
• Apex : верхняя точка соединения двух штрихов
• Рычаг : когда шток на одном конце не прикреплен к штоку
• Ascender: стержень строчной буквы, выступающей над высотой x.
• Обратный наклон : наклоненный назад курсив
• Шариковый терминал : шаровое продолжение буквы
• Базовая линия: воображаемая строка, на которой располагается строка текста.
• Bold : жирный шрифт любого шрифта, часто используемый для выделения.
• Чаша: обычно круглые или эллиптические формы, которые являются основной формой букв, таких как C, G, O в верхнем регистре и b, c, e, o, p в нижнем регистре.
• Кронштейн: изогнутое соединение между основанием и засечками некоторых шрифтов. Не все шрифты с засечками заключены в квадратные скобки.
• Каллиграфия : искусство письма с помощью очень специфического инструмента (например,г., ширококонечное перо, кисть и т. д.)
• Cap Height : высота заглавных букв, измеренная от базовой линии до верхней части заглавной буквы. Он основан на плоских буквах сверху и снизу, например H или E. Заглавные буквы с изгибами, например B, C, D, G, O, Q и S, выступают немного выше и ниже заглавной буквы. высота, чтобы они выглядели оптически похожими по размеру на другие буквы.
• По центру : когда текст выровнен по центру текстового фрейма, с лоскутом слева и справа от текстового фрейма
• случаев, когда основной текст выравнивается внутри текстового фрейма, образуя лоскут с обеих сторон
• Символ : буква, цифра, знак препинания или символ
• Набор символов : полный набор символов для любого заданного веса шрифта
• Счетчик: пустое пространство, заключенное в форму буквы, заключенное полностью, как в «d» или «o», или частично, как в «c» или двухэтажное «a».
• Поперечина : штрих поперек стержня (как в горизонтальной линии букв «T», «H», «E» и т. Д.)
• Descender: основа строчной буквы, которая продолжается ниже базовой линии, например g, j, p, q и y.
• Ухо: обводка прикреплена к чаше строчной буквы g. Некоторые типографы используют тот же термин для строчной буквы r.
• Многоточие : символ, состоящий из трех точек.
• Расширенный : символ увеличенной ширины, такой как знак ударения
• Сетка : воображаемое или фактическое расположение вертикальных и горизонтальных линий для выравнивания
• Descender : когда часть буквы опускается ниже базовой линии
• Дисплей : категория шрифтов, которая в основном используется для заголовков и подзаголовков из-за их большого веса и / или детализации
• Цвет шрифта : используется в веб-дизайне для указания цвета
• Размер шрифта : высота шрифта.Обычно он измеряется в точках (8, 10, 12 и т. Д.) От исходного уровня к исходному.
• Толщина шрифта : толщина шрифта (светлый, обычный, средний, полужирный)
• Крючок : изогнутая арка (например, на букву «f»)
• Ручная надпись : создание собственных писем с нуля для конкретной цели / клиента.
• Курсив : символы с наклоном вперед, разработанные в начале 1500-х годов
• Шарнир : ход соединяется со штоком
• По ширине : случаи, когда текст выровнен по левому и правому краю в текстовом фрейме, без тряпки с обеих сторон
• Кернинг: пространство между отдельными парами символов.
• интерлиньяж : горизонтальный интервал между двумя строками текста, измеряемый от базовой линии до базовой линии. В некоторых случаях это может называться «высота строки».
• По левому краю : текст выровнен по левому полю
• Ножка : короткий ход вниз
• Лигатура: встречается, когда две или более буквы соединяются в один символ.
• Ссылка: штрих, соединяющий чашу и петлю строчной g.
• Строчные буквы: символов нижнего регистра — это не заглавные буквы алфавита. Они составляют основную часть письменного текста, причем прописные или заглавные буквы используются в основном только для начала предложений или имен собственных. Термин «нижний регистр» произошел от времен металлического шрифта, когда наиболее часто используемые буквы находились под рукой в ​​нижнем регистре, а менее часто используемые заглавные буквы сохранялись в более труднодоступных верхних регистрах.
• Моноширинный : пример шрифта, в котором каждый символ имеет одинаковую ширину
• Сирота : отдельное слово, которое появляется в начале страницы.
• Размер кегля: Расстояние от верха самого верхнего восходящего элемента до низа самого нижнего восходящего элемента — это размер кегля любого заданного шрифта. Первоначально это была высота лицевой стороны металлического блока, на котором была отлита каждая буква в отдельности.
• Тряпка : неровный вертикальный край блока типа. Может быть с левой стороны, с правой стороны или с обеих сторон.
• Читаемость : степень, с которой текст читается
• С выравниванием по правому краю : когда текст выровнен по правому полю с тряпкой на левой стороне текстового фрейма
• Sans Serif : без продолжения штрихов на символах
• Serif: штрих, проведенный под прямым углом или наискось поперек руки, основы или хвоста буквы.Он встречается на вертикальных и горизонтальных штрихах некоторых символов. Засечки также могут попадать в разные категории, например, плоские или тонкие.
• Плечо : изогнутый ход соединен со штоком
• Стебель: Вертикальный штрих в форме буквы. Может быть написано как строчными, так и прописными буквами.
• Напряжение : изменение ширины штриха по диагонали или по вертикали по букве
• Штрих : любой линейный элемент на букве
• Swash : добавление декоративного штриха
• Системный шрифт : основной шрифт, используемый операционной системой компьютера
• Терминал: любой штрих, который не заканчивается засечками, является окончанием.Он может быть как прямым, так и изогнутым.
• Отслеживание : расстояние между всеми буквами в строке текста. Это также называется межбуквенным интервалом.
• Классификация типов : тип символов на основе стиля
• Свойства типа : свойства, позволяющие разместить символы на сетке
• Дизайн гарнитуры : процесс создания полного набора символов определенного стиля. Это могут быть символы верхнего и нижнего регистра, математические символы, знаки пунктуации, цифры и т. Д.
• Размер шрифта: расстояние от верха самого высокого зажима до низа самого нижнего зажима. Обычно он измеряется в баллах.
• Набор текста : процесс размещения больших объемов текста (например, книги, журнала и т. Д.) И обеспечение его разборчивости и читаемости
• Прописные буквы: заглавных букв являются прописными буквами алфавита. Заглавные буквы обычно используются в начале предложений и как первая буква имен собственных.Термин «прописные буквы» произошел от времен металлического шрифта, когда использовались менее используемые заглавные буквы в более труднодоступных прописных, в то время как наиболее часто используемые буквы находились под рукой в ​​нижнем регистре.
• Вершина : нижняя точка, в которой два штриха соединяются вместе
• Widow : одно слово в отдельной строке в конце абзаца или столбца.
• X-Height : высота строчных букв в любом заданном шрифте.Измерение основано на высоте буквы «x». Строчные буквы с изгибами (например, a, c, e, o, s, u и другие) обычно немного выступают ниже и выше x-высоты, чтобы выглядеть оптически похожими по размеру на другие буквы

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

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

Что такое типографика и как с ней работать?

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

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

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

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

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

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

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

Эти обложки от Ричарда Льоэнеса подчеркивают интересную типографику.

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

1. Четкая типографика позволяет людям получить доступ к истории книги Петя Цанкова разработала этот макет страницы для мазков во времени, Сильвии Ветта.

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

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

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

2. Красивая типографика привлекает внимание читателей

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

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

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

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

• читаемый;
• привлекательный размер миниатюр;
• жанрово-соответствующих.

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

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

Обложка с привлекательной типографикой может не только вызвать интерес с первого взгляда, но и произвести сильное впечатление, которое заставит книгу запомнить читателя. Украсьте обложку запоминающимся шрифтом, который идеально передает ощущение истории, и ее автор может оказаться в руках бренда. По этой причине типографика особенно полезна для обозначения того, что несколько книг относятся к одной серии или написаны одним и тем же автором.Если вам нужно подтверждение силы бренда, вспомните серию Goosebumps от R.L. Stine. Что приходит в голову? Вероятно, отчетливый, капризный шрифт брызнул на обложки. Шрифт Goosebumps работает, потому что он определяет жанр и чувствительность сериала — жутко и грубо, но все же подходит для детей.

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

4. Благодаря профессиональной типографике книги кажутся стоящими денег

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

Дизайн обложки — Томас де Алмейда, дизайн интерьера — Джеймс Попл.

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

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

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

Существенные термины типографики

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

Шрифт и гарнитура

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

Baskerville — это шрифт, а Baskerville Regular — это шрифт.

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

Serif и Sans-serif

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

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

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

Джордж Саад использует жирные шрифты без засечек на обложках мемуаров и триллера соответственно.

Контраст

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

Элементы типографики 101

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

Иерархия

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

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

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

Кернинг

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

Дизайн Мэтта Дэвиса

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

В конце концов, не все так просто, да?

Ведущий

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

Базовая линия, высота крышки, высота по оси x, нижние элементы

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

• Базовая линия шрифта, что неудивительно, является нижней строкой, на которой располагаются все символы.
• Высота заглавной буквы — это максимальная высота, назначенная каждой строке, и высота, которой касается верх каждой заглавной буквы.
• X-height — это просто высота между базовой линией и верхней частью основных тел персонажей. Буквы, которые не превышают линию высоты x или опускаются ниже базовой линии, занимают только высоту x: они включают e, r, w, u, o, s, a, z, c, x, v, n и m. (хотя это зависит от типа).
• Десендеры — это символы, которые располагаются ниже базовой линии: p, q, y, g и j (опять же, возможны варианты типов).

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

Диафрагма

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

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

Как выглядит крик шрифтом.

Как вы начинаете принимать типографские решения?

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

Посмотрите на эти великолепные варианты типографики Эшли Сибелс.

Контрольный список типографики обложки книги

Убедитесь, что обложка книги, над которой вы работаете, привлекает внимание (не заставляя читателей качать головой ).

✅ Используете ли вы соответствующие жанру гарнитуры?

Взгляните на бестселлеры в нише книги на Amazon.Есть ли преобладающие тенденции в типографском выборе?

✅ Весь ли текст на обложке читается?

Убедитесь, что заголовок и имя автора (или псевдоним!) Легко читаются. Достаточно ли у вас размер шрифта для удобства читателя? Достаточно ли цветового контраста между текстом и фоном, чтобы все было четко видно?

✅ Хорошо ли выглядит ваша обложка в виде эскиза?

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

✅ Хорошо ли вы используете типографскую иерархию?

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

Такие дизайнеры, как Кэролайн Тигл Джонсон, действительно знают все тонкости типографики.

Контрольный список для оформления интерьера книги

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

✅ Используете ли вы подходящие шрифты?

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

✅ Легко ли читается текст?

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

✅ Избегали ли вы непрофессиональных шрифтов?

Некоторые шрифты отлично читаются, но все равно выглядят неряшливо или неаккуратно — , а не , что вы хотите для своей книги. Примеры шрифтов, которых следует избегать, включают широко критикуемый Comic Sans, а также резервные модули MS Word, такие как Times New Roman и Arial.

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

Типографика и дизайн страницы

Типографика и дизайн страницы Типография, Макет , и Графический дизайн

---

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

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

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

---

Шрифты

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

Шрифты обычно различаются двумя способами: (1) serif vs.без засечек и (2) переменная ширина по сравнению с фиксированной шириной .

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

Следующие буквы выделены шрифтом с засечками: A E F Г В Л М Н З.
Эти буквы без засечек шрифт: A E F G H L M N Z.

Times New Roman — это шрифт с засечками.
Arial — шрифт без засечек.
Nimrod — шрифт переменной ширины.
Letter Gothic фиксированной ширины шрифт.

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

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

---

Очки

Размер шрифта измеряется в пунктах : Одна точка = 1/72 дюйма. Следовательно, 72-точечный шрифт имеет высоту один дюйм — как измеряется от верха зажима (e.г., восходящий ход в «l») в нижнюю часть спускового устройства (например, ход погружения в «п»).
Так, например, слово «губа» размером 36 пунктов будет напечатано с точностью до 1/2 дюйма от верха «l» до низа из «р.»

Это шрифт Times New Roman, кегль 18.

Это 14-точечный Arial.

Это Гил Санс с 12 пунктами.

Это является 10-балльной Courier New.

Это 8-балльная Новости готики.

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

---

Атрибуты стиля

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

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

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

---

Макет

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

Безусловно, самое важное при компоновке страницы это интервал. Читатели любить и жаждать пустого пространства. Они избегают и могут даже в ужасе убегать от забитые, тесные «серые страницы» — то есть страницы, которые покрыты сверху вниз, из стороны в сторону, из угла в угол с толстым, многолюдным, недифференцированным текст.

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

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

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

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

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

• Маркированные списки . Информация, которая может быть представлена ​​в виде списка, как правило, легче понять и запомнить, чем та же информация, представленная в обычном абзаце. Как правило, маркированные списки следует использовать, когда точный порядок или последовательность товаров (например, в списке покупок) не имеет особого значения. ( Примечание . Сами обозначения маркеров должны соответствовать общему дизайну документа и страницы: например, использование пули «смайлик» или других причудливых иконок может быть идеальным для детского учебника; но они могут показаться немного неуместными в профессиональный документ.)

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

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

---

Графический Типовой проект

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

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

Некоторые связанные веб-сайты:

Некоторые предложения для дальнейшего чтения:

• Бьюкенен, Ричард и Виктор Марголин, ред. Открытие дизайна .Чикаго: University of Chicago Press, 1995.
• Холлис, Ричард. Графический дизайн: краткая история .

  No related posts.