Несколько способов создания контраста в дизайне с помощью разных начертаний шрифта:
- Контраст по размеру. vc.ru Можно использовать разные размеры шрифта в разных частях проекта. www.interface.ru Например, заголовок H1 может быть в три раза крупнее основного текста, H2 — поменьше, и так далее. vc.ru Важно, чтобы разница была существенной, иначе уровни сольются. vc.ru
- Контраст по насыщенности (weight). vc.ru Жирные заголовки на фоне обычного текста создают точки фокуса, за которые цепляется взгляд. vc.ru Чем «тяжелее» элемент, тем он кажется важнее. vc.ru
- Контраст по стилю. vc.ru Можно комбинировать разные гарнитуры. vc.ru Например, шрифты с засечками (serif) для заголовков создают ощущение солидности, а без засечек (sans-serif) для текста — современности и лёгкости. vc.ru
- Контраст по цвету. www.interface.ru vc.ru Цвет усиливает иерархию. vc.ru Тёмные заголовки на фоне светло-серого текста создают нужную разницу, не раздражая глаз. vc.ru
- Контраст по х-высоте. wayup.in Х-высота — расстояние от базовой линии до верхней части строчной буквы «х» в данном конкретном семействе шрифтов. wayup.in При смешивании подобных друг другу шрифтов по х-высоте создаётся ощущение гармонии, баланса, красоты. wayup.in
Чтобы создать контраст, важно учитывать читаемость текста: для длинных текстов лучше выбирать более чёткие и читабельные гарнитуры, для заголовков можно использовать более экспрессивные сочетания. rb.ru Также рекомендуется ограничивать количество шрифтов в одном проекте: обычно достаточно 2–3 шрифтов. www.interface.ru dva-klika.ru