Закрыть ... [X]

Стиль дизайн сайта


Цветовое оформление сайта, т.е. цветовая палитра или цветовой стиль дизайна сайта, может быть различным. В большинстве случаев для дизайна сайта используются всего три-четыре основных цвета или их оттенки (). Приводим различные цветовые стили () веб-дизайна (2-6), которые могут быть использованы при оформлении сайта, и примеры применения стилей (7-16) веб-дизайна на основе наиболее популярной компоновки веб-страницы.

стиль дизайн сайта

В разделе приведён набор цветовых стилей на основе одного основного цвета и его оттенков: красные, оранжевые, жёлтые, зелёные, голубые, синие, фиолетовые, серые стили.

 

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

  

 

стили веб-дизайна

Стиль веб-дизайна

 

 

 

Стиль веб-дизайна

 

 

 

Стиль веб-дизайна

 

 

 

Стиль веб-дизайна

 

 

 

 

Примечание

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

На цветовой стиль дизайна любого сайта, в первую очередь, оказывает содержание страниц сайта: графика (рисунки, фотографии), текст, таблицы, маркеры, горизонтальные линии, баннеры, счётчики подсчёта посетителей и т.д.

 

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

 

 

 

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

 

 

 

 Вопрос

Зачем нужны цветовые стили веб-дизайна?

Ответ

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

 

•   Вопрос

В чём разница между разделом цветовых ассоциаций

Раздел цветовых ассоциациаций Цветовые ассоциации Элегантные (изящные) цвета Спокойные (мирные) цвета Земные (житейские) цвета Энергичные цвета Богатые (плодородные) цвета Направляющие (указательные) цвета Профессиональные цвета Освежающие (оживляющие) цвета Ностальгические цвета Жизненные и роковые цвета Тёплые (сердечные) цвета Холодные (прохладные) цвета Возбуждающие (волнующие) цвета Женские (женственные) цвета Натуральные (естественные) цвета Ударные (резкие) цвета Сюрпризные (неожиданные) цвета Спокойные (расслабляющие) цвета Молодые (неагрессивные) цвета

и данным разделом (цветовые стили веб-дизайна)?

Ответ

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

 

Жёлтый

Оранжевый

Красный

Зелёный

Синий

Фиолетовый

100%

88%

66%

66%

44%

33%

 

 

На гистограмме показаны усреднённые величины влияния каждого цвета, по сравнению с максимальным (жёлтым).

 

цветовая гармония

 

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

 

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

 

1. Отведение меньшего размера площади страницы сайта под определённый цвет.

 

Пример 1

 

Соотношение площади веб-страницы, отводимой под каждый цвет (синий к оранжевому)

Полученный результат

2:1

 

 

Цвета уравновешивают друг друга

1:1

 

 

Оранжевый цвет кажется в два раза ярче, чем синий.

1:2

 

 

Оранжевый цвет кажется в четыре раза ярче, чем синий.

 

 

Пример 2

 

Соотношение площади веб-страницы, отводимой под каждый цвет (фиолетовый к красному)

Полученный результат

2:1

 

 

Цвета уравновешивают друг друга

1:1

 

 

Красный цвет кажется в два раза ярче, чем фиолетовый.

1:2

 

 

Красный цвет кажется в четыре раза ярче, чем фиолетовый.

 

 

Пример 3

 

Соотношение площади веб-страницы, отводимой под каждый цвет (зелёный к жёлтому)

Полученный результат

2:1

 

 

Цвета уравновешивают друг друга

1:1

 

 

Жёлтый цвет кажется приблизительно в полтора раза ярче, чем зелёный.

1:2

 

 

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

 

 

2. Регулировать влияние цвета можно с помощью увеличения или уменьшения яркости цвета.

 

Правила:

  • Темные цвета тяжелее светлых.

  • Насыщенные цвета кажутся тяжелее приглушенных.

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

3. Изменение места расположения на странице сайта области, заполненной определённым цветом.

 

Пример

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

 

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

 

 1

 

 

 2

 1

 

 

 2

 

 

 

Резюме

 

Подбор цветов для дизайна сайта условно сводится дизайн к трём основным этапам:

  1. Выбор цветовых ассоциаций, которые должен оказывать дизайн сайта на посетителей.

  2. Подбор оптимального сочетания основных цветов или их оттенков.

  3. Корректировка влияния каждого цвета и его оттенка на общую цветовую гармонию сайта.

 

Примечание

  • У разных народов цветовые ассоциации различны: на Западе чёрный цвет ассоциируется со смертью и мрачными мыслями, в Японии белый цвет - цвет смерти.

  • В то же время белый и красный - цвета национального флага Японии. Белый считается цветом чистоты, а красный - цветом солнца. Красный считается ещё и женским цветом - возможно, потому, что напоминает кровь. Хризантема желтого цвета - эмблема Японии.

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

  • Один и тот же цвет может вызвать противоречивые ассоциации. При создании дизайна сайта важно учитывать тематику сайта.

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

  • Больше примеров серых оттенков, с указанием их названия и обозначения в системе RGB и шестнадцатеричной системе, смотрите на страницах "небезопасная палитра".


Источник: http://www.antula.ru/web-design_styles.htm


Поделись с друзьями



Рекомендуем посмотреть ещё:



Дизайн студия OrangeLabel: разработка сайтов и мобильных Раздевалка в бане дизайн


Стиль дизайн сайта

Дизайн сайта и фирменный стиль - услуги Дизайн-Сити



Стиль дизайн сайта

Веб-дизайн. Классический стиль - WebStudio2U



Стиль дизайн сайта

Веб-дизайн. Стиль промо-сайтов - WebStudio2U



Стиль дизайн сайта

Создание и дизайн сайтов в Минске



Стиль дизайн сайта

6 метров Венеции Школа ремонта



Стиль дизайн сайта

АРХИТЕКТУРНЫЕ КОНКУРСЫ 2017. КОНКУРСЫ ДЛЯ



Стиль дизайн сайта

Белая кухня с темной столешницей и фартуком (50 фото)



Стиль дизайн сайта

Девочка 1 Год - Одежда для девочек



Стиль дизайн сайта

Дизайн студия OrangeLabel: разработка сайтов



Стиль дизайн сайта

Дизайн, изготовление, пошив штор в Харькове



Стиль дизайн сайта

Дом Евгения Плющенко и Яны Рудковской: фото интерьеров и



Стиль дизайн сайта

Дома и коттеджи на Рублевке. Недвижимость на Рублево



Стиль дизайн сайта

Маникюр на короткие ногти (100 фото)



Стиль дизайн сайта

Машины участников «Дом 2» 2017: последние новости






ШОКИРУЮЩИЕ НОВОСТИ