Сочетание цветов на сайте

.

Сочетаемые и несочетаемые цвета в одежде, интерьере и дизайне сайтов

  1. SEO Блог
  2. Веб-дизайн
  3. Разное

2012-10-23

Правильно подобранная цветовая гамма (сочетание используемых вместе цветов) очень важная деталь в интерьере квартиры, женском наряде и в дизайне сайта. Каждый цвет прямо как человек имеет свои индивидуальные качества: один спокоен и нежен, другой — агрессивен. И со своими собратьями (другими цветами) у каждого отдельного цвета свои отношения: с некоторыми дружные (хорошее сочетание), с другими враждебные (плохое сочетание), а с третьими даже близкие (гармония цветов). Об эмоциях и чувствах вызываемых различными цветами, их оттенками, а так же о том как сочетать цвета в одежде, при подборе краски и обоев для ремонта в квартире и в дизайне веб-сайтов я сейчас вам расскажу.

Эмоции и чуства людей вызываемые различными цветами

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

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

  • Красный – активный, призывающий к действию цвет.

    Как Использовать Сочетания Цветов в Дизайне Сайта

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

  • Розовый — в свою очередь спокойный нежный и женственный цвет ассоциируется с невинностью, молодостью, мягкостью и нежностью.
  • Синий — холодный и спокойный цвет власти, надежности, серьезности, он символизирует успешность и профессионализм.
  • Фиолетовый — неопределенный, двусмысленный цвет у людей ассоциируется со справедливостью, роскошью, мечтами и фантазиями.
  • Зеленый — спокойный цвет жизни, природы, здоровья и гармонии как-же символизирует деньги (все баксы зеленые).
  • Оранжевый — яркий и привлекательный молодежный цвет ассоциируется с комфортом, праздником и весельем.
  • Желтый — тоже символизирующий развечение, игривость и веселье цвет, кроме того вызывает у людей любопытство.
  • Белый — цвет чистоты, простоты и невинности.
  • Коричневый — надежный и простой естественный природный цвет земли ассоциируется с семейственностью.
  • Серый — цвет нейтральности, безразличия, вызывает чувство защищенности.
  • Черный — очень серьезный цвет таинственности и тьмы.

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

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

Сочетаемые и несочетаемые цвета и как их сочетать

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

Какие цвета можно сочетать:

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

Цвета которые сочетать нельзя:

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

Читайте также: цветадизайнассоциации

Комментарии к статье

← Предыдущая статьяСледующая статья →

Как подобрать цвета для сайта?

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

Далеко не все веб-мастера обладают дизайнерским образованием, идеальным вкусом и зорким глазом. Порой, посещая некоторые сайты, удивляешься: как можно было подобрать такую цветовую гамму? Это же кошмар! Полная несовместимость всех цветов! Как можно было сделать такой подбор цвета для сайта?

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

Как подобрать цвета для сайта?

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

Можно подобрать сочетание цветов в пределах одного, двух, трёх взаимно совместимых цветов.

Как правильно выбрать цветовую схему для сайта?

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

Сайт прост в освоении, забиваем наш основной цвет, показываем, сколько совместимых оттенков мы хотим видеть и после этого подбираем из предлагаемого. Конечно, и тут без вкуса к прекрасному не обойтись, но в техническом плане это очень помогает. Для этого сайта я выбрал цвета, которые есть у пингвина, символа Linux.

Какие лучшие цвета для сайта?

Проведено много исследований о влиянии тех или иных цветов на психику человека, их можно найти во всемирной паутине. Тут все зависит от тематики сайта, от себя лишь дам совет: НЕ ДЕЛАЙТЕ ЯРКИХ, ВЫЗЫВАЮЩИХ цветов, они всегда раздражают. Все цвета сайта должны не только сочетаться, но и приносить эстетическое наслаждение.

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

Цветовая палитра сайта так же не должна быть слишком разнообразна: два или три цвета. Цветовая палитра для сайта так же должна быть одинакова по всему сайту: если синий, то синий ТОЧНО такой же, а не ЧУТЬ другого оттенка. Все это мелочи, казалось бы, но из них складывается общая картина ПРОФЕССИОНАЛЬНОСТИ дизайнера.

Самые приятные цвета для сайта 🙂

И поймите ещё: ваш вкус может быть плохим, не надейтесь только на себя! Если вы прочитали где то, что это самые продающие цвета для сайта, то не спешите их применять — покажите свой сайт всем своим друзьям, а лучше подругам, так как женщины лучше мужчин видят цвета, и будьте готовы к критике. Только так вы сможете выбрать цвет сайта если не идеальный, то близко к этому.

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

Я хоть и не дизайнер, но какой-то вкус кажется имею. Так что можете написать в комментариях адрес своего сайта и я смогу дать вам свою СУБЪЕКТИВНУЮ оценку.

Опубликовано © Просто Linux | Всё про Линукс, Android и Windows.


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

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

Сервис подбора цветов для сайта №1

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

Сервис подбора цветов для сайта №2

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

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

Сервис подбора цветов для сайта №3

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

Онлайн сервисы подбора цвета для сайтов и UX-дизайна

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

Общие советы по подбору цвета для сайта

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

На заметку: не все будут воспринимать цвета сайта как вы. Есть дальтоники, большой процент среди мужчин. В сервисе Colorscheme есть симуляция зрения. Можно посмотреть, как ваши цвета будут видеть протанопы, дейтеранопы и другие люди с отклонением зрения. Есть безопасные цвета, которые использует, например, фейсбук. Поскольку Марк Цукерберг дальтоник, при разработке интерфейса он использовал синий цвет, вконтакте, кстати, тоже синий. Можете поискать в интернете «безопасные цвета», но вроде, это только синий. Если будете делать крупный сервис, которым будут пользоваться преимущественно мужчины, то используйте синий.

Чуть не забыл. В вебе нужно использовать цветовую модель RGB, которая используется для мониторов.

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *