Подбор цветов для сайта в тематическом ключе

Так как у нас с вами вкусы разные, вы можете выбрать то, что вам нравится. А лучше сфотографировать своими руками то, что вы считаете нужным. Сохраняем или открываем сразу фото в фотошопе.

Далее процедура уже знакомая многим веб дизайнерам: получение цветовой палитры из фотографии. Filter > Artistic > Cutout

Параметры можно настраивать по усмотрению детализации картинки. Я выбрал Level = 8, Edge Simplicity = 7, Edge Fidelity = 1

Вот какая картина у меня вышла:

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

Image > Adjustments > Variations

Перед вами по умолчанию огромный выбор вариантов цветовой гаммы. Импровизируйте наздоровье, НО !!! Не забывайте о том, что цвета должны быть максимально приближены к гармонии природы. На моей картинке получилось много "говноцвета", который стоит убрать совсем, поэтому я выбрал альтернативу цветовой палитры More Yellow, что придало картинке более яркий и легкий вид.

Теперь нужно выбрать три основных цвета, на которых будет строится дизайн страницы. Для основы, фона, страницы используем самый светлый цвет, для отдельных блоков более темный, и оттенки для вспомогательных элементов и сайдблоков.

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

Добавив оранжевый логотип или название сайта мы получили яркое пятно. Именно оранжевые станут ссылки в тексте. Сайдбар имеет темный цвет - поэтому был испольщован контрастный светлый тон для ссылок. Текст страницы - самый темный - серо-коричневый, почти черный. Тест заголовка, как видите тоже контрастирует на фоне.

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

До встречи! И напоследок - несколько похожих работ: