Стажировка-2015. Дизайн. Шрифт и типографика в web-дизайне

1. Стажировка-2015. Дизайнеры. Занятие 4
Шрифт и типографика
в web-дизайне

2. Стажировка-2015
основные термины
Типографика—этохудожественноеоформлениетекстапосредством
набора и верстки.

3. Стажировка-2015
основные термины
Шрифт — набор символов определенного
размера и рисунка.
Гарнитура — семейство стилей шрифтов
(комплект шрифтов разных начертаний
и размеров, объединенных общим
стилем исполнения).
Начертание (Type face) — комплект
строчных и прописных знаков, цифр,
знаков препинания, спецзнаков
и символов.

4. Стажировка-2015
основные термины
Кернинг (англ. kerning) — избирательное
изменение интервала между буквами в
зависимости от их формы
Трекинг обозначает расстояние между
символами в слове или предложении,
независимо от их формы и размера.
Трекинг (Tracking) и кернинг (Kerning) —
два понятия, которые не стоит путать.

5. Стажировка-2015
основные термины

6. Стажировка-2015
Шрифты с засечками (антиква, serif)
Ораниенбаум

7. Стажировка-2015
Шрифты с засечками (антиква, serif)
Марта Aleo

8. Стажировка-2015
Шрифты без засечек (гротески, sans-serif)
PT Sans
Roboto
(от Google)

9. Стажировка-2015
Шрифты без засечек (гротески, sans-serif)
Lato
Open Sans

10. Стажировка-2015
рукописные шрифты
Pacifico
Nautilus Pompilius
(от Punk You Brands)

11. Стажировка-2015
рукописные шрифты
BoomBoom
Poetesen (без кириллицы)

12. Стажировка-2015
конденсные шрифты
PT Sans Narrow
Ubuntu Condenced

13. Стажировка-2015
аллегорические шрифты
Random ($10.00)

14. Стажировка-2015
символьные шрифты

15. Стажировка-2015
Рецепты хорошей типографики

16. Стажировка-2015
контрасты в типографике
Для выявления важных моментов в
тексте и обращения к нему внимания.
Создавая контрасты, вы можете
направить внимание читателя
на важные сообщения и в то же
время повысить привлекательность
внешнего вида страницы.
1. Размер
2. Шрифт
3. Начертание
4. Пространство

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

18. Стажировка-2015
Полезные ссылки
http://www.artlebedev.ru/kovodstvo/sections/62/
http://www.artlebedev.ru/kovodstvo/sections/104/
http://www.artlebedev.ru/kovodstvo/sections/97/
http://www.artlebedev.ru/tools/typograf/

19. Стажировка-2015
Полезные ссылки
webfont.ru — каталог бесплатных шрифтов для web (кириллица и
латиница)
www.google.com/fonts - аналогичный каталог от Google
100 лучших бесплатных шрифтов (латиница)
type.method.ac - поиграть
со шрифтами