Цвета для сайта

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

Цветовые предпочтения среди мужчин и женщин

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

Цветовые предпочтения среди мужчин и женщин

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

Маркетинговый подход к выбору цвета для сайта

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

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

Цветовые ассоциации

assotiations colour

Безопасные цвета для сайта

Выбор цветовой палитры сайта (brif-RBS-Webmarket)Наука о цветовосприятии основана на исследованиях, проведенных Исааком Ньютоном. В 1666 году И.Ньютон дал обоснование теории света и цветов, которая легла в основу развития современной оптики, дизайна (в частности и веб дизайна).

Для удобства выбора цветов сайта, разрабатывая бриф (см. страницу брифа на картинке слева), специалисты студии RBS-Webmarket учли рекомендации лидеров рынка и собственные наработки в этой области.

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

В брифе, над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).

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

Пример HTML-код Эквивалентное название Название цвета
  #000000 black Черный
  #000080 navy Темно-синий
  #00008B darkblue Темно-голубой
  #0000CD mediumblue Умеренно-голубой
  #0000FF blue Голубой
  #006400 darkgreen Темно-зеленый
  #008000 green Зеленый
  #008080 teal Чайный
  #008B8B darkcyan Темный циан
  #00BFFF deepskyblue Темный небесно-синий
  #00CED1 darkturquoise Темно-бирюзовый
  #00FA9A mediumspringgreen Умеренный синевато-серый
  #00FF00 lime Известковый
  #00FF7F springgreen Весенний зеленый
  #00FFFF aqua Синий
  #191970 midnightblue Ночной синий
  #1E90FF dodgerblue Тускло-васильковый
  #20B2AA lightseagreen Светлый морской волны
  #228B22 forestgreen Лесной зеленый
  #2E8B57 seagreen Морской волны
  #2F4F4F darkslategray Темный синевато-серый
  #32CD32 limegreen Зеленовато-известковый
  #3CB371 mediumseagreen Умеренный морской волны
  #40E0D0 turquoise Бирюзовый
  #4169E1 royalblue Королевский голубой
  #4682B4 steelblue Голубовато-стальной
  #483D8B darkslateblue Темный серовато-синий
  #48D1CC mediumturquoise Умеренно-бирюзовый
  #4B0082 indigo Индиго
  #556B2F darkolivegreen Темно-оливковый
  #5F9EA0 cadetblue Блеклый серо-голубой
  #6495ED cornflowerblue Васильковый
  #66CDAA mediumaaquamarine Умеренно-аквамариновый
  #696969 dimgray Тускло-серый
  #6A5ACD slateblue Серовато-синий
  #6B8E23 olivedrab Тускло-коричневый
  #708090 slategray Синевато-серый
  #778899 lightslategray Светлый синевато-серый
  #7B68EE mediumslateblue Умеренный серовато-синий
  #7CFC00 lawngreen Зеленой травы
  #7FFF00 chartreuse Фисташковый
  #7FFFD4 aquamarine Аквамарин
  #800000 maroon Оранжево-розовый
  #800080 purple Пурпурный
  #808000 olive Оливковый
  #808080 gray Серый
  #87CEEB skyblue Небесно-голубой
  #87CEFA lightskyblue Светлый небесно-синий
  #8A2BE2 blueviolet Светло-фиолетовый
  #8B0000 darkred Темно-красный
  #8B008B darkmagenta Темный фуксин
  #8B4513 saddlebrown Старой кожи
  #8FBC8F darkseagreen Темный морской волны
  #9370DB mediumpurple Умеренно-пурпурный
  #9400D3 darkviolet Темно-фиолетовый
  #98FB98 palegreen Бледно-зеленый
  #9932CC darkorchid Темно-орхидейный
  #9ACD32 yellowgreen Желто-зеленый
  #9CEE90 lightgreen Светло-зеленый
  #A0522D sienna Охра
  #A52A2A brown Коричневый
  #A9A9A9 darkgray Темно-серый
  #ADD8E6 lightblue Светло-голубой
  #ADFF2F greenyellow Желто-зеленый
  #AFEEEE paleturquise Бледно-бирюзовый
  #B0C4DE lightsteelblue Светло-стальной
  #B0E0E6 powderblue Туманно-голубой
  #B22222 firebrick Огнеупорного кирпича
  #B8860B darkgoldenrod Темный красно-золотой
  #BA55D3 mediumorchid Умеренно-орхидейный
  #BC8F8F rosybrown Розово-коричневый
  #BDB76B darkkhaki Темный хаки
  #C0C0C0 silver Серебристый
  #C71585 mediumvioletred Умеренный красно-фиолетовый
  #CD5C5C indianred Ярко-красный
  #CD853F peru Коричневый
  #D2691E chocolate Шоколадный
  #D2B48C tan Желтовато-коричневый
  #D3D3D3 lightgray Светло-серый
  #D8BFD8 thistle Чертополоха
  #DA70D6 orchid Орхидейный
  #DAA520 goldenrod Красного золота
  #DB7093 plaevioletred Бледный красно-фиолетовый
  #DC143C cornsilk Малиновый
  #DCDCDC fainsboro Светлый серо-фиолетовый
  #DDA0DD plum Сливовый
  #DEB887 burlywood Старого дерева
  #E0FFFF lightcyan Светлый циан
  #E6E6FA lavender Бледно-лиловый
  #E9967A darksalmon Темный оранжево-розовый
  #EE82EE violet Фиолетовый
  #EEE8AA palegoldenrod Бледно-золотой
  #F08080 lightcoral Светло-коралловый
  #F0E68C khaki Хаки
  #F0F8FF aliceBlue Блекло-голубой
  #F0FFF0 honeydew Свежего меда
  #F0FFFF azure Лазурь
  #F4A460 sandybrown Рыже-коричневый
  #F5DEB3 wheat Пшеничный
  #F5F5DC beige Бежевый
  #F5F5F5 whitesmoke Белый дымчатый
  #F5FFFA mintcream Мятно-кремовый
  #F8F8FF ghostwhite Туманно-белый
  #FA8072 salmon Оранжево-розовый
  #FAEBD7 antuqueWhite Античный белый
  #FAF0E6 linen Льняной
  #FDF5E6 oldlace Старого коньяка
  #FF00FF fuchsia Фуксия
  #FF1493 deeppink Темно-розовый
  #FF4500 orangered Красно-оранжевый
  #FF6347 tomato Томатный
  #FF69B4 hotpink Ярко-розовый
  #FF7F50 coral Коралловый
  #FF8C00 darkorange Темно-оранжевый
  #FFA07A lightsalmon Светлый оранжево-розовый
  #FFA500 orange Оранжевый
  #FFB6C1 lightpink Светло-розовый
  #FFC0CB pink Розовый
  #FFD700 gold Золотой
  #FFDAB9 peachpuff Персиковый
  #FFDEAD navajowhite Грязно-серый
  #FFE4B5 moccasin Болотный
  #FFE4C4 bisque Бисквитный
  #FFE4E1 mistyrose Туманно-розовый
  #FFEBCD blanchedalmond Светло-кремовый
  #FFEFD5 papayaawhip Дыни
  #FFF0F5 lavenderblush Бледный розово-лиловый
  #FFF5EE seashell Морской пены
  #FFF8DC cornsilk Темно-зеленый
  #FFFACD lemonchiffon Лимонный
  #FFFAF0 floralwhite Цветочно-белый
  #FFFAFA snow Снежный
  #FFFF00 yellow Желтый
  #FFFFE0 lightyellow Светло-желтый
  #FFFFF0 ivory Слоновой кости
  #FFFFFF white Белый

Copyright © При использовании материалов сайта, обязательно указание активной ссылки на rbs-webmarket.com в качестве источника

Портфолио

Создание сайта «Одмин и Ко»
Создание сайта брэндингового агентства «Seliger Media»
Создание Интернет-магазина модной одежды FashMan
Создание сайта банка "Новый век"
Создание сайта стоматологической клиники Джаз-дент
Создание сайта стоматологической клиники Дантистофф
Создание сайта туристической фирмы Life is life
Создание сайта Центра Международных Контактов «Парта»
Создание сайта стоматологической клиники "Московский доктор"
Сайт стоматологической клиники Щелкунчик
Создание спортивного Интернет-магазина Active
Создание интернет-магазина Mannol-zak
Веб-программирование для магазинов обуви
Создание сайта Connectinghistory
Создание сайта Bordersforpeople
Создание сайта услуг по ремонту мобильной техники Best iPhone
Создание сайта мебельного салона IMPEROR
Веб-программирование для информационно-образовательного портала

Наши преимущества

  • pic0
    Гибкий подход к каждому клиенту
  • pic1
    Политика конфиденциальности
  • pic2
    Выгодные цены
  • pic3
    Высокое качество выполненных работ
  • pic4
    Комплексный маркетинговый подход к созданию сайта