LiveHelp
:: О компании :: Портфолио :: Основные услуги :: Дополнительные услуги :: Информация

Теория цвета для web дизайна и не только

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

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

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

Цветовая теория и умение сочетать цвета

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

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

Цветовой круг

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

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

Основные цвета

К основным цветам относятся красный, желтый и голубой. В html они значатся как #ff0000 - красный, #ffff00 - желтый, #0000ff - голубой. В CSS - #f00, #ff0, #00f соответственно. Это набор тех цветов на основе которых получаются другие цвета и которые нельзя получить, смешивая производные цвета.

Составные цвета

Дальше рассмотрим группу составных цветов. К основным цветам этой группы относятся также три цвета. Оранжевый, который получается в результате объединения желтого и красного. Зеленый - смесь желтого и синего и фиолетовый, который получается в результате смеси синего с красным. Обозначаются они: #ff9900 или f90 - оранжевый, #00ff00 или #0f0 - зеленый и #ff00ff или #f0f - фиолетовый. Первое значение для HTML, второе для CSS.

Третичные цвета

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

Дополнительные цвета

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

Аналогичные цвета

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

Символизм цветов в различных культурах

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

Красный

  • Запад: возбуждение, любовь, страсть
  • Восток: радость (в сочетании с белым)
  • США: рождество (с зеленым), день святого Валентина (с белым)
  • Япония: жизнь
  • Китай: цвет невесты, удачи, торжества
  • Индия: чистота
  • Христианство: жертва, страсть, любовь
  • Фэн-шуй: Янь, огонь, удача, уважение, защита, живучесть, деньги, признание
  • Южная Африка: траурные цвета
  • Иврит: жертва, грех

Голубой

  • В мире: цвет безопасности
  • Европа: успокоение
  • Китай: бессмертие
  • Ближний Восток: защита
  • Иран: траур, цвет неба и духовность
  • Индуизм: цвет Кришны
  • Иудаизм: святость
  • Христианство: цвет Христа
  • Католицизм: цвета одежды Марии
  • Запад: печаль, депрессия
  • Фэн-шуй: Инь, вода, спокойствие, любовь, исцеление, релаксация, доверие, приключения

Желтый

  • Европа: счастье, надежда, радость, трусость в опасностях, слабость
  • Азия: цвет имперского
  • Япония: мужество
  • Египет: траур
  • Индия: торговцы
  • Буддизм: мудрость
  • Фэн-шуй: Янь, Земля, благоприятный, солнечные лучи, тепло, движение

Оранжевый

  • Европа: осень, урожай, творчество
  • США: Хэллоуин (с черным), дешевые товары
  • Ирландия: протестанты (религиозные)
  • Индуизм: шафран (персиковый оранжевый) священный цвет
  • Фэн-шуй: Янь, Земля, цели, усиливает концентрацию

Коричневый

  • Австралийские аборигены: цвета земли, торжественное охра
  • Колумбия: препятствие продажам
  • Фэн-шуй: Янь, Земля, промышленность

Зеленый

  • Европа / США: весна, новое рождение, День Святого Патрика, Рождество (с красным)
  • США: деньги
  • Япония: жизнь
  • Индия: Ислам
  • Ирландия: символ всей страны
  • Ислам: надежда, добродетель
  • Фэн-шуй: Инь, дерево, исцеление, здоровье, успокаивающее

Фиолетовый

  • Католицизм: смерть, траур, распятие
  • Таиланд: траур (вдовы)
  • Фэн-шуй: Инь, цвет физического и психического исцеления

Белый

  • Европа: брак, ангелы, врачи, больница, мир
  • Восток: похороны
  • Китай: траур, смерть,
  • Япония: траур, белая гвоздика символизирует смерть
  • Индия: несчастья
  • Фэн-шуй: Янь, металл, смерть, призраки, траур, равновесие, уверенность

Черный

  • Европа: траур, похороны, смерть, бунт, спокойствие
  • Австралийские аборигены: цвет людей
  • Таиланд: несчастье, зло
  • Иудаизм: несчастье, зло
  • Фэн-шуй: Инь, вода, деньги, успех в карьере, доход, стабильность, эмоциональная защита, сила

Значения цветов

А теперь пришло время рассмотреть конкретные примеры использования различных цветов.

Красный

Красный цвет связан с азартом. Он способствует нервному напряжению и повышению нервной возбудимости. А иногда может вызвать тревожное состояние и создать ощущение опасности.

Красный сайт

Голубой

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

Сайт голубого цвета

Желтый

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

Желтый сайт

Оранжевый

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

Оранжевый сайт

Фиолетовый

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

Фиолетовый сайт

Зеленый

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

Зеленый веб сайт

Коричневый

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

Коричневый сайт

Серый

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

Сайт в серых тонах

Розовый

Всегда символизировал легкость, слабость, нежность и романтичность - все что свойственно непорочной юности.

Сайт в розовых тонах

Черный

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

Черные сайты

Белый

Чаще воспринимается как что-то светлое, легкое и прозрачное.

Сайт в белом цвете

Послесловие

Думаю, что наши советы помогут вам создавать хорошие web-сайты. Такие правила используются многими профессионалами в области сайтостроения. Контрастные цвета, использованные при наборе текста, сделают его легкочитаемым. Слишком насыщенная палитра может сделать ваш сайт тяжелым для восприятия. Количество цветов должно быть оптимальным. Везде хороша золотая середина. Малое количество цветов сделает ваш сайт блеклым, избыточное - превратит в ярмарку. Чаще смотрите вокруг и природа подскажет вам самые правильные решения и самые естественные цветовые гаммы. Помните - нет мудрей советчика, чем живая природа!

Назойливая реклама:

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

Share this

Комментарии:

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

Ну, знаете ли, это вам не научная конференция. В блогах вы вряд ли когда то увидите список литературы оформленный в соответствии со стандартами ГОСТ :)

:)

Мы на других сайтах

F P V