Типографика

1.

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

2.

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

3.

Основные принципы визуальной иерархии:
• Контраст.
• Размер и масштаб.
• Расположение и пространство.
• Цвет и оттенок.
• Форма и текстура.

4.

Узоры сканирования страниц
• Прежде чем приступить к чтению, люди сканируют страницу, чтобы понять,
интересна она им или нет. Узоры сканирования обычно принимают одну из
двух форм, буквы «F» или «Z».
Пример узора в форме «F»

5.

• Узор в форме буквы «Z» применяется во всех остальных случаях, в
рекламе или сайтах, где информация не обязательно
представлена большими блоками текста.

6.

Размер
• Этот принцип довольно простой: сначала люди читают крупный
текст.

7.

Шрифты и гарнитуры
• Шрифт – это набор символов, которые связаны между
собой единым оформлением.
• Гарнитура – семейство шрифтов, схожий по стилю и
различающихся по начертанию.
Начертание может быть тонким, курсивным, жирным,
широким, узким.
Например, Times New Roman – это гарнитура. Times New
Roman Regular/ Italic/ Bold – шрифты.

8.

Засечки

9.

Контрастность
• Контрастность – разница между горизонтальными и
вертикальными штрихами.

10.

Насыщенность
Насыщенность определяется толщиной букв.
• Сверхсветлые
• Светлые
• Нормальные
• Полужирные
• Жирные
• Сверхжирные

11.

Соотношение высоты и ширины
• Этим параметром обусловлено, то насколько шрифт узкий или
широкий.

12.

Апертура
• Открытость или закрытость буквы.

13.

Виды
шрифтов
Какие шрифты бывают и в чем разница?

14.

Антиква

15.

Антиквенные
шрифты бывают
старого, переходного
и нового стиля

16.

Антикве часто отдают предпочтение люксовые бренды

17.

18.

19.

Брусковые

20.

Брусковые шрифты хорошо подчеркивают брутальный характер

21.

Гротески или рубленные

22.

Гротески делятся на
статические,
динамические и
геометрические.
У статических гротесков
маленькая апертура,
низкая контрастность
штрихов

23.

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

24.

Геометрические гротески
похожи на фигуры
• Могут быть с острыми
элементами, как у треугольника
или плавными, как у круга.

25.

Рукописные шрифты
• Имитируют почерк руки

26.

Акцидентные или
декоративные
• Вдохновением для
декоративных шрифтов может
служить все что угодно