Контраст часть 2

Купить книгу

Из всех принципов дизайна интереснее всего применять принцип контраста, и эффект при этом достигается самый впечатляющий!

Несколько простых изменений способны сделать заурядную работу очень эффектной.

lasso-5-1

Помните рекламный модуль с ковбоем из главы 2? Это опять он, и все такой же немного вялый. А теперь взгляните, каким он стал, после того как мы добавили немного контраста.

Найдите как минимум четыре отличия, вызванных добавлением контраста.

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

lasso-5-2

Поменяв буквы в заголовке с прописных на строчные, я освободила место, смогла увеличить кегль и выделить заголовок жирным шрифтом. Чтобы соблюсти принцип повтора, я набрала тем же шрифтом слова «Be a Cowboy» в нижней части модуля. Укрупнила буквы вводного текста каждого предложения, чтобы он был немного заметнее.

И почему бы не увеличить ковбоя, чтобы он стал действительно большим (не будьте мямлей!). Роста он и вправду немаленького, но очень светлый, а потому не конкурирует с заголовком.

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

woof-5-1

Это объявление было напечатано в одной небольшой газете. Контраста в нем явно недостаточно (еще надо отметить выравнивание по центру, унылый шрифт, пренебрежение принципами повтора и приближенности). В оформлении нет ничего, что сообщало бы желание прочитать этот документ. Щенок прелестный, но и только.

Впрочем, нельзя сказать, что контраста и повтора нет совсем (кстати, где они?), но они какие-то чахлые. Дизайнер сделал попытку, но проявил излишнюю застенчивость.

Вам наверняка приходилось видеть (а может, и создавать) массу подобных работ. В этом нет ничего страшного. Теперь-то вы знаете все.

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

woof-5-2

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

  • Избавьтесь от шрифтов Times Roman и Arial/Helvetica. Исключите их из своей палитры шрифтов. Поверьте на слово. (И еще избавьтесь от шрифта Sand.)
  • Долой выравнивание по центру. Знаю, что это нелегко, но без этого не обойтись. Потом, когда ваш глаз станет более изощренным, вы сможете вернуться к этим экспериментам.
  • Найдите самый интересный (или самый важный) элемент на странице и подчеркните его. В данном случае наибольший интерес представляет морда собаки, а роль самого важного элемента по праву принадлежит названию магазина. Какой смысл рекламировать магазин, если его имя никому неизвестно? Важнейшие элементы надо располагать поблизости друг от друга, чтобы внимание читателей не рассеивалось.
  • Разбейте информацию на логические группы. Разделить элементы или, наоборот, организовать связи между ними вам поможет свободное пространство.
  • Найдите элемент, подходящий для претворения в жизнь принципа повтора (не упуская из вида ни один элемент, отвечающий за контраст).
  • И самое главное — добавьте контраст. На приведенном выше объявлении черный цвет контрастирует с серым шрифтом, белым цветом, выбранной гарнитурой и начертанием.

Над каждым принципом надо работать по-отдельности. Результат работы вас поразит — это я гарантирую.

 

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

luddites-2

На этой веб-странице принцип контраста уже воплощен, но его можно усилить, применив и к некоторым другим элементам. Как добавить контраст за счет изменения цвета? А за счет размера?

Надеюсь, вы начинаете понимать, насколько важен контраст, и как на самом деле нетрудно его усилить. Надо только ясно осознавать это. А когда контраст уже создан, его элементы можно задействовать для реализации принципа повтора.

luddi-5-1

В данном случае я лишь добавила немного черного (или просто темного) фона и увеличило «ботаника». Страница стала динамичнее и интереснее.