Typography

Page 1

Типографика


Классификация шрифтов

Aа Aа Fugue

Без засечек (гротеск)

Aa Брусковые

Rockwell

Baskerville

С засечками (антиква)


Классификация шрифтов

Aа Aа Fugue

Без засечек (гротеск)

Aa Брусковые

Rockwell

Baskerville

С засечками (антиква)


Антиква

Bembo Palatino Garamond Times New Roman Baskerville Bodoni Didot


Гротеск

Helvetica Futura Akzidenz-Grotesk Franklin Gothic Gotham Gill Sans Myriad Optima Verdana


Брусковые

Courier Rockwell PF Agora Slab


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

Italic

Bold

Condensed Bold

Helvetica Neue Helvetica Neue Light

Helvetica Neue Ultra Light

Helvetica Neue

Helvetica Neue Helvetica Neue


Назначение шрифтов

Шрифты для набора текста

Акцидентные и декоративные шрифты

Garamond

Zapfino

Times New Roman

Rosewood

Baskerville

Bauhaus

Futura

Annabelle

Myriad

Fat Face

Helvetica

Herculanum


Принципы сочетания шрифтов

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

• шрифты из одной группы • похожие шрифты


Примеры удачных шрифтовых комбинаций


Примеры удачных шрифтовых комбинаций

Helvetica Neue (Bold) Minion Pro

Verdana (Bold) Georgia

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

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

Заголовок Уки провить общиевк лагода вантове рфейсу публикаций. Праствитесь эффекты мощный вас исперсие твить оглагос трумени тельноможет аботам с предмет но

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


Примеры удачных шрифтовых комбинаций

Helvetica (Bold) Times New Roman

PT Sans (Bold) PT Serif

PT Mono

Заголовок

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

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

Заголовок Уки провить общиевк лагода вантове рфейсу публикаций. Онивно для редобес колькот метельз овериро нуменесь праствитесь эффекты мощный вас исперсие http://www.paratype.ru/public/

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


Примеры выделения информации

Conseque que volut velitam facero eliciatent fugit officiet la sitiur?

Заголово 18-20 pt

Conseque que volut velitam facero eliciatent fugit officiet la sitiur? Ebis et ari sam eat ipsus sandendi doluptur, ea quae. Itaquia iur, esendi sam dolupta intis ma conem nihilitat ea quiberior reped magnati nulpario. Nimin neserisci natiorae. Tibus non re et re enitatiis se et eritiis quid experumquae parumquam qui veneculpa sincimetur mo et omnima nestiis endio. Ita quate evellibus nessinctore volut omnia as natur repres dolum vid quibusa nonemquam quis et mossunt autae. Saperiam eosantem rese dolorem quid que aut duntestio ea qui dolorem cum nos Ebis et ari sam eat ipsus sandendi doluptur, ea quae. Itaquia iur, esendi sam dolupta intis ma conem nihilitat ea quiberior reped magnati nulpario. Nimin neserisci natiorae. Tibus non re et re enitatiis se et eritiis quid experumquae parumquam qui veneculpa sincimetur mo et omnima nestiis endio. Ita quate evellibus nessinctore volut omnia as natur repres dolum vid quibusa nonemquam quis et mossunt autae. Saperiam eosantem rese dolorem quid que aut duntestio ea qui dolorem cum nos

Текст 10-12 pt

01. image title, infographics numbers, captions

Подпись 9-8 pt


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

Короткое тире (En dash) – отбивается пробелом • для обозначения числовых диапазонов 1941–1945

Тире (Em dash) — отбивается пробелом • • • • •

на месте отсутствующего члена предложения (А ты любишь пирог с зеленым луком? Я — страсть как!); между подлежащим и сказуемым (Дважды два — четыре); для выделения прямой речи для обозначения пауз (А она — возьми да и поставь знак!); для указания маршрутов (поезд Москва — Санкт-Петербург).


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

Дефис не отбивается пробелом • • • • •

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

Кавычки « » „“ • «слово» • „слово“

• “word” • ‘word’

Русский язык

Английский язык


Общие рекомендации

• • • • • • • •

используйте не более 2 разных шрифтов в публикации используйте шрифты без засечек для верстки бордов (такие шрифты более удобочитаемы с расстояния) используйте разные начертания одного шрифта для выделения информации выравнивайте текстовые блоки по левому краю оставляйте воздух на страницах (20% — текст, 40 % — изображения, 40% — свободное место) лучше не используйте такие эффекты как drop shadow, outlines и другие эффекты в типографике не деформируйте шрифты чем больше контраст между текстом и фоном, тем легче его воспринимать



Полезные ссылки • • • • • •

www.img.labnol.org/di/choosing-fonts.png www.paratype.ru/public www.fontsinuse.com www.myfonts.com www.vk.com/fffonts www.artlebedev.ru/kovodstvo


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.