Типографика
Классификация шрифтов
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