Page 124 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015
P. 124
В последнем шаге мы найдем цвет заднего
Шаг 4 фона. Я могу сделать цвет заднего фона белым
или светло серым. Эти цвета отлично будут
сочетаться с остальными цветами. Так или
иначе, я хочу немного подогреть свою цветовую
схему и поэтому я решил выбрать желтовато-
коричневый цвет. Он отлично смотрится с моим
вторичным цветом и выглядит очень
гармонично в моей цветовой схеме.
Так что, как и в предыдущем шаге, я открыл
Color Picker и выбрал оранжевый тон. Затем я
перешел в левый верхний угол, в котором
светосила очень велика, а насыщенность слаба.
Эту область я обычно использую для выбора
цвета заднего фона.
Я выбрал оттенок, который мне понравился. Сохраняю цвет заднего фона и просматриваю
свою цветовую схему целиком (смотрите следующую страницу).
Если бы моя цветовая схема была взята из фотографии, то это был бы осенний лес в
солнечный день. Мне нравится чувство, которое вызывает это фото.
Я могу сделать некоторые улучшения и протестировать их с типографией. Я хочу быть
уверен, что мой основной и активный цвета превосходно выглядят при нахождении на этом
заднем фоне. Они очень часто будут использоваться в качестве ссылок или заголовков, так
что я хочу, чтобы вы могли прочитать их без каких либо проблем.
Вы можете продолжить создавать цветовую схему и добавить еще больше цветов, если
хотите. Но помните, что чем больше цветов вы используете, тем тяжелее вам будет работать
с дизайном.
Так или иначе, не имеет значение, сколько цветов вы используете, убедитесь, что каждому
цвету отведена своя собственная роль в дизайне. Будьте единообразны, если дело касается
заголовков, ссылок, подзаголовков, цвета заднего фона, кнопок призыва к действию или
даже если цвет используется просто для оформления. Если вы выбрали один цвет для
ссылок, вам нужно быть единообразным в использовании только этого цвета для ссылок во
всем дизайне проекта.
Людям достаточно секунды, чтобы выучить шаблоны цветовой схемы вашего веб-сайта. Они
ассоциируют цвета с конкретными функциями. Если вы сможете поддержать единообразие
в вашем дизайне, пользователям будет гораздо приятнее работать с таким сайтом и ваша
цветовая схема будет не только выглядеть превосходно, она так же будет работать на вас.
В следующей главе вы научитесь тому как разрабатывать макеты и создавать прототипы. Мы
воспользуемся нашими набросками из первой практической части и перейдем на новый
уровень. Нам останется сделать всего один шаг до создания дизайна финальных страниц.
Основы Web-Дизайна. Руководство. Перевод от Samigg для клуба Skladchik.com 123
www.trk.kg