Контраст — это принцип дизайна, который возникает, когда два визуальных элемента резко различаются. Чем больше разница, тем больше контраст. Контрастность передает ваше сообщение, подчеркивая, что важно, и направляя взгляд читателя, способствует удобочитаемости, выделяя заголовки разделов, и привлекает внимание читателя, добавляя интерес к странице. Вы можете создать контраст по размеру, значению, цвету, типу и другим элементам.
Контраст может быть преувеличен. Если все сильно контрастирует со всем остальным, вы получите конкурирующие элементы, которые сбивают с толку, а не помогают читателю. Так что будьте осторожны с тем, как вы используете контраст.
Размер
Размещение двух элементов рядом друг с другом, которые похожи во всех отношениях, за исключением размера, является одним из способов придания контрастности размера. Например, это могут быть большие и маленькие изображения или большие и маленькие шрифты. Оставить много пустого пространства вокруг небольшого объекта — это еще один способ контрастирования размера.
Зрение читателей будет в первую очередь обращено на большие предметы, поэтому увеличьте объекты, которые вы хотите подчеркнуть.
Стоимость
Относительная яркость или темнота двух элементов может создать контраст в стоимости. Будь то оттенки серого или оттенки и оттенки одного цвета, чем дальше эти значения, тем больше контраст.
Вы можете использовать более одного контрастного элемента вместе. Например, большой белый текст на черном фоне, за которым следует серый текст на том же фоне, объединяет значение и размер.
цвет
Используйте гармонизирующие, дополнительные и противоположные цвета для создания контраста. Когда вы контрастируете с цветами , будьте осторожны со значением. Гармонизация цветов (цвета, смежные друг с другом на цветовом круге) могут выглядеть размытыми, если между ними недостаточно различий в значении.
Учитывайте влияние на зрителей при определении контрастных цветовых пар. Например, ярко-красный и ярко-синий контраст, но могут вызвать утомление глаз при совместном просмотре.
Тип
Используйте размер, значение и цвет для создания контрастных типографских обработок. Выделите определенные слова больше, используя одно из следующих действий:
- Добавьте жирный или курсив.
- Смешайте большой тип с маленьким типом.
- Комбинируйте засечек с засечками (без засечек).
- Установите части текста в контрастных цветах или различных значениях.
- Изменить тип выравнивания или интервала.
- Используйте дополнительные, но разные типы стилей.
Стратегическое использование типографики в вашем дизайне само по себе является искусством. Изучите принципы объединения шрифтов , такие как ограничение количества типов до двух или трех.
Другие контрастные элементы
Другие элементы, которые создают контраст, включают в себя текстуру, форму, выравнивание, направление и движение. Ключ должен использовать существенную разницу. Шрифт изменения размера , которые едва заметны или цвета, которые слишком близки по значению можно встретить как ошибку , а не попытка обеспечить акцент или интерес.
Используйте свое воображение, чтобы придумать дополнительные способы использования контраста. Например:
- Чтобы сместить высокие, узкие столбцы текста, добавьте широкие или неправильной формы фотографии.
- В серии статических изображений добавьте одно, показывающее движение.
- Сделайте один элемент черно-белой фотографии поп, добавив к ней цвет.