Как подобрать удачную цветовую гамму для сайта

Серега - Пятница, 29 Ноябрь 2013 11:28

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

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

Первое что вам необходимо сделать для того чтобы подобрать удачную цветовую гамму — это подумать о чем будет ваш сайт. Если вы что-то продаете, например минеральную воду, то можете зайти в любой поисковик и набрать  слово которое характеризует ваш сайт. Далее переходите в картинки и смотрите, какой цвет на них преобладает.

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

Преобладающий цвет вы выбираете  как основной цвет вашего сайта.

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

Если мы определим  основным цветом сайта фиолетовый, то два дополнительных цвета у нас будут красный и синий. Вроде бы все очень просто!  Но такую цветовую схему не всегда удается применить к интернет-магазинам или корпоративным сайтам.  Но вы создаете свой первый сайт, и эта схема выбора цветовой гаммы вполне подойдет для вашего сайта.

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

Ну и на последок еще один  способ о котором я хочу рассказать.  Суть его заключается в том, что вы сначала создаете черно-белый макет и после этого создаете шапку для сайта. После того как шапка сайта (что такое шапка сайта и его структуру смотрите на рисунке ниже) создана вы приступаете к раскраске макета.

Структура  сайта — пример:Структура шаблона сайта

Основным цветом у вас будет тот цвет,  который преобладает в шапке сайта, например зеленый. Его можно использовать для основной раскраски макета. Следует отметить, что на шапке сайта помимо зеленого цвета могут преобладать и другие цвета, например красный и белый. Эти цвета можно использовать как первый дополнительный цвет и второй соответственно. Эти три цвета, взятые из шапки сайта, следует добавить в его цветовую гамму.  После дорисовок и работы с цветами и оттенками цветов сайт получается сбалансированный и на профессиональном уровне.

Но есть и другие способы выбора цветовой гаммы сайта. Существует очень хорошая, на мой взгляд, программа, где начинающий веб-мастер без труда, основываясь на выборе цветовых схем приведенных в этой статье, сможет подобрать цветовую гамму для своего сайта  и при этом  сверстать в ней шаблон.   О том, что это за программа и как в ней работать читайте в следующей статье «Как сделать шаблон сайта в программе …….»

Если вам понравилась эта статья, обязательно поделитесь ею с друзьями.


Оставить комментарий






Подписаться

Рекомендую