Правила выбора правильной цветовой гаммы в дизайне сайтов. Из записок офтальмолога.
Раскрывая секреты работы над созданием сайтов нельзя обойти стороной визуальные эффекты, к которым, в частности, относится приятная глазу цветовая гамма.
Кратко (не вдаваясь в интимные подробности) опишем способы, которые мы практикуем при рисовании дизайнов.
Способ № Раз. Цветовой круг Гёте
Academic skill
Что может быть сильнее по воздействию на психику, чем «Фауст» Гёте? Только цветовой круг Гёте!
По теории цвета цветовой круг содержит в себе все цвета, видимые человеческим глазом, показывает как цвета связаны между собой и позволяет подобрать гармоничные цветовые сочетания. Такой способ подходит для профессионалов, обучающихся в академиях и хорошо изучивших все тонкости теории.
Вращением внутреннего треугольника можно выбрать любые варианты цветов, достаточно выбрать первый цвет (например, оранжевый), подходящие цвета найдутся на противоположной стороне цветового круга (синий), а дополнительные – на вершинах равностороннего треугольника (фиолетовый и зеленый).
Способ № Два. Вдохновение от природы
Professional skill
Ничто не может вдохновить человека так, как природа. На протяжении веков художники и поэты описывали в своих произведениях ее красо́ты. Не стоит пренебрегать этим источником вдохновения и веб-дизайнерам.
Для подбора гармоничного сочетания цветов подойдет любая фотография, подходящая по цвету к будущему дизайну или которая должна украсить этот сайт. Можно применить какой-нибудь фильтр в Фотошопе (типа Mosaic с большим размером Cell Size) и количество цветов сведется к минимуму.
http://www.boxesandarrows.com/view/natural_selections_colors_found_in_nature_and_interface_design
http://webimg.ru/color/vybor-palitry-po-fotografii
Способ № Три. Это не плагиат, это заимствование
Amateur skill
Иногда, бродя по просторам Интернетов, нам попадаются, удивительные по комбинации цветов, сайты. Для них мы держим специальную копилочку, куда заботливо складываем особо выдающиеся экземпляры. Например http://www.okko.ua/
Способ № Четыре. Компьютерный подбор
Newbie skill
Для тех, кому лень думать, учиться или имеются проблемы со зрением создано огромное количество веб-сервисов, позволяющих в автоматическом режиме создавать любую цветовую гамму.
http://www.colorschemedesigner.com/
http://colory.ru/colorgenerator/
http://www.colorsontheweb.com/colorwizard.asp#wizard
http://kuler.adobe.com
Метки: графика, дизайн, создание сайтов, цвет, юзабилити
Добавлю сервис по подбору цветовой гаммы для сайта на [cite]http://colored.svojsajt.ru[/cite] Довольно интересная математическая модель