x
 
Ярослав Патрикеев
18 декабря 2011

Вопрос касается следующего аспекта: цвета. Есть ли какие-то простые, самые базовые принципы по подбору цветовых схем для сайта? Какими принципами вы руководствуетесь, когда ищете цвета и их сочетания, когда они неизвестны заранее из стилей и брендбуков,и свобода выбора полностью остаётся за вами?



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

Тогда, очевидно, мы получаем первую связку цветов — оранжево-жёлтую гамму. Сходство по тону:

Дальше для гармонии имеет смысл добавить дополнительные к оранжево-жёлтому цвета. Здесь ориентируемся по цветовому кругу. Например, можно добавить дополнительный голубой:

Или добавить пару цветов, дающих в своей сумме дополнительный голубой:

Или тройку цветов, дающих в сумме голубой,— и так далее. Обычно достаточно добавить прямого дополнительного цвета (голубого в нашем случае), чтобы картинка ожила. Вот, собственно, и всё. Ничего сложного. Удачи! :-)

P. S.
Это был воскресный совет о техническом дизайне и графике. Хотите узнать всё о композиции, светотени, пикселях, ретуши и карамелизации микроволновок? Присылайте вопросы.

Поделиться
Отправить

Комментарии

Евгений Волков
18 декабря 2011

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

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

Кирилл Курашёв
18 декабря 2011

Есть замечательный сервис Кулер от Адоби — kuler.adobe.com

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

Кирилл Олейниченко
18 декабря 2011

Для удобства пользуйтесь сервисами типа http://www.colorschemedesigner.com/


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

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

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

1 Покажите, как достичь «идеала» на примере любой несбалансированной по цвету фотографии 3 Какого цвета должна быть человеческая кожа на фотографии? 2 2




Недавно всплыло

Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5 Без стоп-слов текст мне кажется сухим, чёрствым, грубым и резким 33 Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3 Как написать хорошее резюме? 7