1. Получи максимум инфопродуктов, оформи подписку всего за 295 рублей!
    Скрыть объявление

Чтиво Как повысить конверсию сайта с помощью цвета

Тема в разделе "Поисковая оптимизация и продвижение", создана пользователем Gustav, 12 июл 2016.

Метки:
  1. Gustav

    Gustav Команда форума Администратор

    Сообщения:
    9.544
    Симпатии:
    5.776
    Как повысить конверсию сайта с помощью цвета

    cvet-v-vebe.jpg

    Из чего состоит хороший веб-дизайн? Это читабельные шрифты, правильно выдержанный стиль сайта, понятная навигация, качественный контент и, конечно же, цвет!
    Цвет в веб-дизайне решает если не все, то многое. И важно понимать, как его смешивать, как применять и прочее, с чем мы вам и поможем немного разобраться в этой статье.
    Основные цвета, которые применяют на сайтах это: зеленый, красный, черный, синий, белый, желтый. Мы не говорим сейчас об оттенках, а только о цветах.

    Синий

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

    Как повысить конверсию сайта с помощью цвета_infosklad.png

    Белый и черный

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

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

    Как повысить конверсию сайта с помощью цвета-инфосклад.орг.png

    Красный

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

    Как повысить конверсию сайта с помощью цвета_infosklad.png

    Желтый

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

    yellow.jpg

    Зеленый

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

    Как повысить конверсию сайта с помощью цвета.png

    Как же правильно комбинировать цвета?


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

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

    itten-color-circle-e1467959307891.jpg
    Теперь, когда у нас есть цветовой круг, мы рассмотрим основные виды сочетания цветов. Эти знания полезные не только дизайнерам, но и фотографам при планировании фотосессий. Всего же существует 4 основные схемы сочетания цветов.


    1. Аналогичное

    Сочетаем три соседних цвета по кругу. Такое сочетание цветов мы часто встречаем в природе.

    analog-triad-e1467959432798.jpg

    2. Контрастная триада

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

    contast-triad-e1467959412442.jpg
    3. Комплементарная

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

    complementary-e1467959440976.jpg

    4. Равноудаленная

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

    [​IMG]
     
    Последнее редактирование: 12 июл 2016

Загрузка...
Похожие темы Форум Дата
Скачать Тайм-менеджмент, или как повысить свою эффективность! - Япаров (2016) Психология 8 ноя 2016
Скачать Как повысить свою эффективность и продуктивность? - Кулдошина (2016) Развитие и познание себя 3 авг 2016
Скачать Как повысить налоговую безопасность бизнеса (2016) Бизнес, маркетинг и менеджмент 16 май 2016
Скачать Как Повысить Продуктивность - Виктор Орлов Развитие и познание себя 6 апр 2016
Скачать Как повысить самооценку ребёнка и помочь ему поверить в свои силы - Кес (Буслова) (2014) Дети и родители 7 ноя 2015
Скачать Эми Брэнн - Заставь свой мозг работать. Как максимально повысить свою эффективность (2015) Книги, литература 1 июл 2015
Скачать Как повысить эффективность участия в выставках Бизнес, маркетинг и менеджмент 8 июн 2015