Подбор цветовой схемы для сайта

Приветствую всех посетителей сайта! Сегодня речь пойдет о цвете, вернее о цветой гамме для сайта. При проектировании web-сайта визуальная составляющая не менее важна, чем контент или быстрый движок. Безусловно, главная роль отводится наполнению веб-сайта контентом, но правильно подобранная цветовая схема играет свою роль в восприятии сайта посетителями.

Восприятие любого веб-проекта зависит от нескольких факторов, к таковым можно отнести:

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

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

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

1. Цвета должны соответствовать тематике сайта и фирменному стилю (если таковой имеется). 
2. Выбранные цвета должны отвечать правилам логики и гармонировать между собой.
3. Количество основных цветов на сайте должно быть не более трех.
4. Цвета должны быть подобраны с учетом возрастной категории посетителей.
5. Цвет шрифта должен быть четким и удобно читаемым.
6. Цвета дополнительных элементов должны вписываться в общий дизайн.

Кроме того, нелишне перед созданием сайта почитать в Интернете требования к современному веб-дизайну, чтобы двигаться в правильном направлении и радовать посетителей профессионально созданным сайтом. А помочь с подбором гармоничной цветовой палитры вам могут специальные онлайн-сервисы.

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


                                               Добро пожаловать в проект "Сайт с нуля" !
Прежде всего данный проект предназначен для тех, кто пытается создать сайт самостоятельно, то есть для новичков. Соответственно, вся информация изложена доступно, все этапы построения сайта сопровождаются скриншотами, что позволит начинающим вебмастерам быстро и просто освоиться в этом нелегком вопросе.
Здесь вы можете скачать русские версии WebPageMaker, WordPress, Joomla, Adobe Muse, а также инструкции по установке WordPress и Joomla на хостинг и мануалы по установке тем (шаблонов) для этих CMS.

                               Всем желаю удачи и смелых воплощений идей на вашем сайте !
Пошаговое руководство для новичков по созданию,
раскрутке и монетизации собственного сайта.
WebPageMaker, Wordpress, Joomla - инструкции для
новичков по установке CMS и шаблонов к ним.
Проект для новичков
Главная       Скачать       Уроки        Новости        Статьи        Контакты        Карта сайта
2010 - 2016 © Сайт с нуля: пошаговое руководство для новичков по созданию, раскрутке и монетизации собственного сайта. WebPageMaker, WordPress, Joomla -  русские версии.
Автор и администратор  данного проекта - SvetLana_TSV.  Копирование материалов сайта разрешено только при наличии активной ссылки на данный проект.
Хочешь быть на шаг впереди и первее
остальных получать новые материалы
сайта? Тогда не забудь оставить свои
координаты: имя и электронный адрес!
ПОДРОБНЕЕ



Всем желаю успеха и до новых встреч! С ув. Светлана (SvetLana_TSV).

1. http://color.romanuke.com
Сервис с готовыми палитрами, созданными автором вручную. Можно производить поиск по теплым/холодным цветам, пастельным или контрастным тонам. Можно задать сразу два цвета для подбора нужной палитры либо просто кликнув на квадратик с нужным цветом.

Выбрав подходящую палитру, щелкаете по картинке или номеру палитры и на отдельной странице под каждым цветом палитры будет отображен его код, который можно скопировать, просто нажав на него.
2. http://www.colorcombos.com
Еще один сервис, где можно посмотреть готовые палитры цветов, используя поиск по тегам либо выбрав нужный цвет из раздела Популярные. Чем примечателен этот сервис еще? Тем, что имеет граббер цветовых схем с любого сайта.

Достаточно ввести URL  сайта, с которого вы хотите позаимствовать цветовую схему и вам будут предоставлены коды всех цветов, используемых на исходном сайте. Найти граббер можно в правом сайдбаре либо в разделе Инструменты, называется он Grab colors.
Здесь подбор палитры можно производить как по цвету, так и по картинке. Есть возможность загрузить свое изображение без регистрации на сервисе и получить коды всех цветов из изображения. Есть поиск по ключевым словам, например, выбрав из списка тегов "Гавайи", я получила набор палитр, извлеченных из фотографий этого острова.
3. http://www.colorhunter.com
4. http://www.colourlovers.com/copaso
В этом сервисе также можно также загрузить свое изображение, но уже после авторизации, и разложить его на цветовые пиксели, чтобы взять образцы цветов, после чего сохранить на свой компьютер в удобном формате. Кроме этого, здесь можно составить свою цветовую палитру, пользуясь встроенными инструментами.
5. http://www.colorblender.com
Color Blender  позволяет онлайн создавать свои гармоничные цветовые схемы, как автоматически, так и вручную. Пользуясь тремя ползунками RGB или HSV вы автоматически получаете схему из шести сочетающихся цветов и затем дополнительно настраиваете их в соответствии со своим вкусом.

Инфа для продвинутых - полученные схемы могут быть экспортированы в виде цветовых таблиц Photoshop (.ACT) и Illustrator (.EPS) и использованы в дальнейшей работе в этих графических редакторах. Также на сайте можно найти массу готовых палитр, все на ваше усмотрение...
6. https://color.adobe.com/ru
Это веб-приложение от известной компании Adobe позволяет онлайн создавать и настраивать собственные цветовые палитры, а также палитры, созданные другими пользователями.

Настройки каждого цвета производятся вручную с помощью перемещения ползунков под каждым цветом, тем самым подбирая нужный оттенок.
7. http://www.colorsontheweb.com/colorwizard.asp
Еще один сервис с возможностью создания собственой гармоничной палитры. Данный сервис помогает подобрать правильные цвета и оттенки, регулируя ползунки на шкале инструментов.

Коды всех цветов палитры сразу же отображаются на рабочем поле, упрощая процесс сохранения созданной цветовой схемы.

8. http://colorexplorer.com/colormatch.aspx
Данный сервис позволяет создавать, редактировать, сохранять и экспортировать собственные палитры. Имеет огромную встроенную библиотеку цветов, которые можно использовать в качестве основного цвета при составлении палитры.

Также можно загружать любые понравившиеся изображения, чтобы извлечь цветовую схему из них. А еще можно извлечь цветовые палитры с любого сайта, указав его URL. Довольно функциональный сервис таки :))
9. https://www.pantone.com/color-finder
Данный сервис позволяет просмотреть уйму оттенков выбранного вами цвета. Исходный цвет можно выбрать стандартно, ткнув мышкой в нужный цвет в левом окне, либо вписав название цвета в правом окне.

Например, я вписав в правом окне цвет pink получила такое разнообразие оттенков розового, что сама удивилась, наверное все существующие оттенки были представлены на одной странице. Так что такая возможность подбора оттенков мне в работе точно уж пригодится.
10. paletton.com
Ну и на десерт, мой любимый сервис, которым я пользуюсь чаще всего. Он позволяет очень быстро подобрать цветовую модель для будущего сайта и не только. Здесь можно подбирать цветовые схемы для баннеров, обложек, брошюр, флаеров и т.д.

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

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

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

Всем желаю успеха и до новых встреч! С ув. Светлана (SvetLana_TSV).



Не забудь заглянуть в свою почту и подтвердить подписку!