WEB цвета для страницы сайта | Как создать свой сайт

Подбор WEB цвета для страницы сайта. Цветовой круг

Сен-18-2009 Автор: VeryOldMan

Эта статья написана в продолжение курса создания дизайна страницы сайта в программе Photoshop. Ну в самом деле, как можно было обойти стороной вопрос  подбора web цветов, то есть совместимых цветов для  создаваемого сайта?  Во мы и не обошли…

У профессионального дизайнера подбор web цвета для страницы сайта — процесс творческий. Основные инструменты профессионального web дизайнера – опыт и интуиция. Это хорошо, когда есть и опыт и интуиция. Хуже, когда нет никакого опыта, а web-страничку надо сделать. И желательно так, чтобы было близко к шедеврам дизайнерского мастерства, или хотя бы, издали их напоминало. Так давайте попробуем немного разобраться в этом вопросе – подборе  web цветадля страницы сайта. Тем более, что подбирать для сайта нужно не просто цвет, а web цвет.

Для начала – теория. Самое элементарное — теория цветов и цветовой круг.  Тем, кто хочет изучить эту проблему «глубжее и ширее » — советую зайти на сайт Color Matters (www.colormatters.com). Итак:

  • Первичными (primary) цветами являются красный, желтый и синий – это общеизвестно.

1

  • Вторичные (secondary) цвета получают смешиванием одного цвета с другим. Если смешать желтый и красный цвет — получим оранжевый, смешаем красный и синий – получим пурпурный (лиловый), смешаем синий и желтый — получаем зеленый.

2

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

3

Для понятия взаимодействияэтих цветов – их располагают по кругу. WEB дизайнеры называют его цветовым кругом и используют,  подбирая web цвета для сайтов:

WEB цвета для страницы сайта

Ну и как пользоваться цветовым кругом? В теории – очень просто. Поставьте точкуна круге, на месте выбранного вами цвета. Цвет, соответствующий выбранному основному, будет находится на равном расстоянии от основного. То есть, если вы в ладах с геометрией, то соединив эти точки, получите равносторонний треугольник. Поворачиваякоторый вокруг оси – подбирают совместимые цвета. А так, как их всегда по три,то такой метод подбора цветов называют триадной схемой:

WEB цвета для страницы сайта

Но это не все. Можно и нужно подбирать цвета расположенные в круге друг против друга, так называемые комплиментарные. Почему они так называются? Распложенные рядом они дополняют друг друга, они друг другу комплиментарны:

WEB цвета для страницы сайта

Вот, где-то так, идет процесс подбора web цвета для страницы сайта при создании ее  дизайна. Рассмотрим более сложные сочетания.

Перейдем на страницу Более сложные сочетания цветов WEB






6 комментариев
  1. Саша Пишет,

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

  2. Сергей Кондулуков Пишет,

    Уважаемый Автор. Я глубоко благодарен и признателен Вам за такой замечательный сайт.

  3. Velodriver Пишет,

    Добавлю еще онлайн сервис по подбору цветовой гаммы сайта в целом: colored.svojsajt.ru Использует довольно интересный алгоритм подбора цветов

  4. Александра Пишет,

    Вот нашла такой colorschemedesigner.com/

  5. benoni Пишет,

    colorscheme.ru/ — русский аналог colorschemedesigner.com/

  6. Александр Пишет,

    Спасибо Александре за ссылку!

Добавить комментарий