ArtLana Design

Типографика – это не только выбор шрифта. Это способность выбрать начертание, которое будет четким и привлекательным. В связи с этим мы рассмотрим 4 основных принципа, которые помогут максимизировать читабельность и улучшить дизайн вашего сайта.

Вот эти 4 принципа:

1. Контраст
2. Иерархия
3. Размер
4. Пространство

В сегодняшней статье мы поговорим о контрасте.

Говоря о контрасте в типографике, можно выделить несколько видов:

• Контраст между прописными и строчными буквами.

• Контраст между различными шрифтами, например шрифт заголовка и шрифт основного текста.

• Контраст между цветом шрифта и фоном, на котором он располагается.

В двух словах от контраста зависит, насколько легко будет читаться текст.  Если вы не хотите, чтобы посетители вашего сайта заработали косоглазие, выбирайте подходящие цвета  шрифта и фона.

Вот очень простой пример хорошего контраста. Черный текст на белом фоне. Очень легко читать.

Теперь поменяем их местами. Белый шрифт на черном фоне.

Снова легко читать. Но было бы совсем уныло гулять по сети, если бы ВСЕ сайты были черно-белыми. Текст темного цвета с почти белым фоном, так же как и наоборот, обеспечивают превосходный контраст, добавляя при этом цветовой гармонии вашему сайту. Вот несколько примеров хорошего цветового сочетания фона и шрифта

Это всего лишь маленький список. Главное, чтобы цветовые сочетания не мешали восприятию текста и сайта в целом. Вы должны быть всегда уверены, что существует достаточный контраст между текстом и фоном.

Это примеры плохого контраста. Как вы видите часть сочетаний просто режет глаз, чего естественно нужно избегать, если вам дороги ваши. Верхние три примера хоть и не режут глаз, но все же совершенно нечитаемы.

Теперь о реальных примерах хорошего использования контраста. Мы выбрали 5 разных сайтов с хорошим контрастом, но при этом не в черно-белых тонах.

ArtDesign

Sans Ink

Mr Vector

Blue Bonnet Cafe

Lee Munroe