Стажировка-2015. Дизайнеры. Занятие 4

Шрифт и типографикав web-дизайне

Стажировка-2015

основные термины

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

Стажировка-2015

основные термины

Шрифт — набор символов определенногоразмера и рисунка.

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

Начертание (Type face) — комплект строчных и прописных знаков, цифр, знаков препинания, спецзнаков и символов.

Стажировка-2015

основные термины

Кернинг (англ. kerning) — избирательное изменение интервала между буквами в зависимости от их формы

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

Трекинг (Tracking) и кернинг (Kerning) — два понятия, которые не стоит путать.

Стажировка-2015

основные термины

Стажировка-2015

Шрифты с засечками (антиква, serif)

Ораниенбаум

Стажировка-2015

Шрифты с засечками (антиква, serif)

Марта Aleo

Стажировка-2015

Шрифты без засечек (гротески, sans-serif)

PT Sans

Roboto(от Google)

Стажировка-2015

Шрифты без засечек (гротески, sans-serif)

Lato

Open Sans

Стажировка-2015

рукописные Шрифты

Pacifico

Nautilus Pompilius(от Punk You Brands)

Стажировка-2015

рукописные Шрифты

BoomBoomPoetesen (без кириллицы)

Стажировка-2015

конденсные Шрифты

PT Sans Narrow

Ubuntu Condenced

Стажировка-2015

аллегорические Шрифты

Random ($10.00)

Стажировка-2015

символьные Шрифты

Стажировка-2015

рецепты хороШей типографики

Стажировка-2015

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

Для выявления важных моментов в тексте и обращения к нему внимания.

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

1. Размер

2. Шрифт

3. Начертание

4. Пространство

Стажировка-2015

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

Не оставлять «висячие» предлоги, союзы и тире

Специальные знаки в тексте

Стажировка-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/

Стажировка-2015

полезные ссылки

webfont.ru — каталог бесплатных шрифтов для web (кириллица и латиница)

www.google.com/fonts - аналогичный каталог от Google

100 лучших бесплатных шрифтов (латиница)

type.method.ac - поиграть со шрифтами