Главная » Бизнес в Интернете

Цветовой круг в вебдизайне

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

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

Цвета, расположенные на противоположных концах цветового круга, плохо сочетаются, потому что они слишком разнородные. Исключение составляют только синий и желтый цвет. А красный с голубым, или зеленый с фиолетовым вызывают диссонанс, отторжение, «бьют по глазам». Это — самые контрастные сочетания. Их можно использовать только тогда. когда одного цвета очень много, а другого очень мало, для создания резкого контраста.

цветовой круг в дизайне

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

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

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

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

Особенно важны для вебдизайнеров два принципа, которые взаимно дополняют друг друга: принципы единства и контраста.

палитра rgb в вебдизайнеПринцип единства: цвета должны быть как можно ближе друг к другу, или даже представлять собой один цвет, только с разными вариациями по насыщенности и яркости. Следуя этому принципу, вебдизайнеры ограничивают свои композиции не более, чем двумя — тремя цветами. Например, можно выполнить вебстраницу в одном цвете, тогда основной фон будет одного оттенка, потемнее, фон страницы с текстом — посветлее,, а дополнительные элементы будут самыми яркими.

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

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


Текст и фон в вебдизайне

Основное требование к тексту и фону на сайте — достаточный контраст между ними, чтобы чтение было комфортным. Психологи утверждают, что самое комфортное чтение достигается, когда текст черный, а фон белый.

Мы на своих сайтах можем, конечно, выбирать и другие сочетания, недостижимые для бумаги. Нестандартные решения делятся на два вида: темный текст на светлом фоне, и светлый текст на темном фоне.

цвет и фон в вебдизайне

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

цветовой круг для вебдизайнера

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

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


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

5 комментариев »

  • mrs. interesno пишет:

    Чтобы подобрать цветовое решение, все-таки больше приходится полагаться на свой вкус. :)

    Хотя, никогда не помешает воспользоваться профессиональными советами.

    Но нужно все испытывать на практике.

  • Надежда Юдина пишет:

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

  • Олег пишет:

    Все же мне удобнее читать темный цвет на светлом фоне, но не наоборот.

  • Николай пишет:

    Спасибо за профессионально выданную полезную информацию

  • Александр пишет:

    Да, все в веб-дизайне прям, как в цветом круге — единство и контрастность. Мне в вебдизайне минимализм нравиться.

Оставьте свой комментарий и ответный визит Вам обеспечен