Как использовать контраст для улучшения вашего графического дизайна

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

Контраст поможет вам донести ваше сообщение:

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

Имейте в виду, что контраст может быть преувеличен. Если все сильно контрастирует со всем остальным, вы получите конкурирующие элементы, которые сбивают с толку, а не помогают читателю. Так что будьте осторожны с тем, как вы используете контраст.

Размер

Большие и маленькие порции спагетти
Хосе Луис Стивенс / Getty Images

Размещение двух элементов рядом друг с другом, которые похожи во всех отношениях, за исключением размера, является одним из способов придать контраст размеру. Например, это могут быть большие и маленькие изображения или большие и маленькие шрифты. Оставить много пустого пространства вокруг небольшого объекта — это еще один способ контрастирования размера.

Зрение читателей будет в первую очередь обращено на более крупные предметы, поэтому увеличьте объекты, которые вы хотите подчеркнуть.

Стоимость

Облака капель воды в суспензии на фоне красочных
Хосе А. Бернат Басете / Getty Images

Относительная яркость или темнота двух элементов может создать контраст в стоимости. Будь то оттенки серого или оттенки и оттенки одного цвета, чем дальше эти значения, тем больше контраст.

Вы можете использовать более одного контрастного элемента вместе. Например, большой белый текст на черном фоне, за которым следует серый текст на том же фоне, объединяет значение и размер.

цвет

Зеленый зонт, контрастирующий с морем черных зонтов
Филограф / Getty Images

Используйте гармонизирующие, дополнительные и противоположные цвета для создания контраста. Когда вы контрастируете с цветами, будьте осторожны со значением. Гармонизирующие цвета (смежные друг с другом на цветовом круге) могут выглядеть размытыми, если между ними недостаточно различий в значении.

Учитывайте влияние на зрителей при определении контрастных цветовых пар. Например, ярко-красный и ярко-синий контраст, но могут вызвать утомление глаз при совместном просмотре.

Тип

Слово'love' in red print blocks
seraficus / Getty Images

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

  • Добавлять жирный или курсив
  • Смешайте большой тип с маленьким типом
  • Сочетание засечек с засечками (без засечек)
  • Установите части текста в контрастные цвета или различные значения
  • Изменить тип выравнивания или интервала
  • Используйте дополнительные, но отличающиеся стили типов

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

Другие контрастные элементы

безголовая девушка на каблуках, вверх ногами, свисающая с края стола
PeopleImages / Getty Images

Другие элементы, которые вы можете использовать для создания контраста, включают в себя текстуру, форму, выравнивание, направление и движение. Помните, что ключ заключается в том, чтобы использовать существенную разницу. Незаметное изменение размера шрифта или слишком близкие по значению цвета могут восприниматься как ошибка, а не как попытка подчеркнуть или заинтересовать.

Используйте свое воображение, чтобы придумать дополнительные способы использования контраста. Например:

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