В каком цвете оформить сайт

Каким должен быть ваш сайт? Цвет имеет значение!

Наверняка все вы слышали об исследованиях психологов, связанных с влиянием цветов. Удивительно, но каждый тон и даже оттенок имеет свое значение и вызывает у людей определенные ассоциации. «Для чего мне знать психологию, если я всего лишь хочу иметь свой собственный сайт? Я даже могу не обращаться к дизайнерам и программистам. Просто войду на специализированный портал, где расположен конструктор сайтов на русском языке и создам страничку в Интернете, о которой всегда мечтал!»— примерно такие мысли бродят сейчас в вашей голове.

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

Рисунок 1. Пример удачного использования красного как основного цвета в оформлении сайта

Красный (и его оттенки) на протяжении долгих лет был основным в сфере продвижения товаров. Вспомните хотя бы рекламу Coca-Cola, LuckyStrike или McDonalds. В оформлении сайтов красный цвет также используется довольно часто.Различные оттенки красного означают: секс, богатство, традиционность, элегантность, чувственность, силу, активность, энергию, радость, оптимизм.

Однако лучше использовать не единую палитру, а разбивать оттенки красного иными колерами. Лучше всего красный сочетается с:

  • белым (здоровье, чистота);
  • синим (интимная близость, желание покорять);
  • желтым (завоевание, новизна);
  • зеленым (власть, самоутверждение);
  • черным (агрессия, жестокость, шик).

Лучше всего использовать глубокие оттенки красного (вишневый, бордовый) в оформлении магазинов «для взрослых»; средне-красные — энергетических напитков, гигиенических средств для мужчин; бургундский красный — дорогих товаров (эксклюзивная мебель, ювелирные украшения). Кстати, самый холодный оттенок красного — пурпурный — вообще для привлечения почти никогда не используется: он вызывает ассоциации с чем-то угрюмым, неживым. Единственный вариант его применения — придание рекламному плакату царственности.

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

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

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

  • с желтым (динамичность, скорость, производительность);
  • с розовым (свежесть, нежность, романтичность);
  • с белым (польза, свежесть);
  • с зеленым (покой, природа).
  • Другие цвета

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

    Оранжевый вызывает ассоциации с огнем, светом, солнцем, теплом. При этом важно знать, что оттенки оранжевого многие считают фривольными и несерьезными.

    Рисунок 2. Оранжевый — идеален для сайтов детской тематики

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

    Рисунок 3. Неудачный выбор оттенка — кислотно-желтый не вызывает приятных «солнечных ассоциаций», а в сочетании с насыщенно красными элементами и фиолетовым текстом и вовсе отпугивает

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

    Рисунок 4. Сочетание белого и коричневого вызывает самые теплые ассоциации: уют и домашнее тепло

    Розовый вызывает ассоциации исключительно с романтикой, интимностью, жизнелюбием. Розовый — женский цвет.

    Рисунок 5. Сайт в розовом цвете, посвященный фигурному катанию, — нестандартное, но действенное решение

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

    В статье использованы изображения сайтов, созданных конструктором А5.ru.

    mirsovetov.ru

    БИЗНЕС ИДЕИ,
    ИНТЕРНЕТ БИЗНЕС

    Разделы сайта

    Создаем свой сайт

    Как не ошибиться при выборе цвета сайта

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

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

    1) Теплые, холодные цвета

    Прежде всего, определите для себя понятия теплых и холодных цветов. Теплый цвет (красный, розовый, желтый, зеленый) привлекает внимание к объекту, делает его более активным, холодный (черный, синий, голубой) наоборот уменьшает и отдаляет объект. Вот почему объекты с теплыми цветами всегда кажутся ближе, чем с холодными при равном удалении. Из этого вытекает следующая закономерность. Если вы создаете проект, к примеру «организация праздников», «развлекательный портал», «доставка цветов», в общем случае не рекомендуется делать его в холодных мрачных тонах(естественно бывают различные исключения). Для реалиции подобных проектов старайтесь оживить цветовой репертуар. В большинстве своем люди тянутся всегда к чему-то светлому, радостному, а не к темному и мрачному.

    2) Больше оригинальности!

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

    3) Подбирайте цвет по размеру

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

    4) Соблюдайте принцип единства и контраста

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

    5) Фон и текст

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

    6) Выделяйте ссылки

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

    7) Основные характеристики цветов

    Расмотрим основные характеристики некоторых цветов и влияние на восприятие:

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

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

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

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

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

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

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

    www.businessinternet.ru

    В каком цвете оформить сайт

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

    Символическое значение цветов складывалось на протяжении многих веков. Цвет может привлекать и отталкивать, возбуждать или тревожить, вселять чувство спокойствия и комфорта. Правильно подобранные цвета способны сделать ваш сайт невероятно популярным или погубить. Цвет – косвенный подход к маркетингу и продвижению информации. Он помогает создать устойчивый ассоциативный ряд и раскрыть тематику сайта.
    Особенности выбора цвета для web-проектов:
    1) Цветовая гамма должна соответствовать тематике ресурса.
    2) Рекомендуется использовать не более трех цветов. С помощью основного тона реализуется большая часть графического оформления. Второй используется как дополнение для повышения уровня привлекательности сайта. Третий тон необходим для выделения важных элементов. Большее количество тонов ухудшает поиск информации и быстро утомляет посетителя.
    3) Светлые тона более привлекательны, чем темные.
    4) При подборе цвета необходимо учитывать и шрифт. Он должен гармонировать с другими визуальными компонентами сайта и отличаться от цвета фона.

    Какой цвет фона выбрать, чтобы посетитель остался на сайте?

    Отношение человека к цвету было и остается эмоциональным. Цвет не только вызывает соответствующую реакцию в зависимости от эмоционального состояния, но и определенным образом формирует эмоции, поэтому цветовая гамма должна поддерживать тот настрой пользователя, который соответствует общему восприятию сайта.
    Белый , голубой , бежевый цвета вызывают ощущение гармонии и спокойствия, поэтому могут быть использованы для любых проектов.
    Серый цвет – нейтральность, безразличие. Используется на информационных порталах и социальных сайтах.
    Красный цвет ассоциируется с силой, активностью, динамикой, вызывает повышенную эмоциональную реакцию. Это цвет победы, лидер в рекламном бизнесе. Использование этого цвета эффективно в рекламных и развлекательных проектах, можно применить и к сайту, посвященному экстремальным видам спорта. В остальных случаях лучше использовать этот цвет для акцентирования внимания посетителя на каком-либо объекте вашего сайта (заголовок, пункты меню). Красный цвет – цвет опасности. Переизбыток вызывает раздражение и агрессию, усиливает чувство риска и подрывает доверие.
    Оранжевый цвет символизирует тепло, веселье, улучшает настроение, стимулирует к общению. Этот цвет очень любят дети. Используется для детских, молодежных и социальных проектов. Дизайн сайта в оранжевых тонах будет выглядеть очень ярко и стильно. Оранжевый цвет считается цветом здоровья и творчества, поэтому его используют на сайтах, посвященных здоровью, спорту и творчеству. Он обладает способностью притягивать внимание и его можно часто видеть в рекламе, особенно пищевых продуктов. Следует помнить, в больших количествах оранжевый цвет утомляет.
    Желтый цвет радости и счастья, стимулирует умственную деятельность. Он создает тепло и уют. В чистом виде желтый цвет придает излишнюю пестроту дизайну сайта, поэтому используется редко. Мягкие тона этого цвета подойдут для сайтов детских учреждений, парков, магазинов, сайтов компьютерной направленности и дизайнерских студий. Различные оттенки желтого цвета можно встретить на сайтах туристических компаний не случайно. Желтый цвет ассоциируется с солнцем, песком и постоянным движением. Сайт юридический фирмы лучше не делать в желтых тонах, потому что дополнительное значение желтого – трусость, предательство.

    Синий цвет символизирует покой, умиротворенность, нежность. Этот цвет передает посетителю чувство доверия, защищенности и не раздражает органы зрения, поэтому так популярен в дизайне. Синий цвет любых оттенков прекрасно подойдет для информационных, образовательных, финансовых и юридических сайтов. Темные оттенки можно использовать в спортивных и политических проектах. Светлые оттенки (голубой цвет символизирует небо, воздух, воду, чистоту) — на сайтах о здоровье и отдыхе. Не злоупотребляйте синим цветом, его избыток может негативно сказаться на привлекательности сайта, создав ощущение угнетенности и тоски у посетителя.
    Зеленый цвет – цвет жизни. Он символизирует гармонию, природу, свежесть, здоровье и питание. Зеленый цвет связан с деньгами.
    Темно-зеленый ассоциируется с деньгами и властью. Используется на корпоративных сайтах и сайтах, связанных с финансовой сферой.
    Светло-зеленый подходит для сайтов, чья деятельность связана с природой. Серовато-зеленый (цвет морской волны) используется в проектах, связанных с искусством. Желто-зеленый связывают с тошнотой и болезнью, поэтому часто используют для медицинских сайтов. Светлый зелено-синий можно назвать цветом гигиенической стерильности. Он также подойдет к сайтам с медицинской тематикой. Оливковый символизирует примирение. Очень приятный оттенок зеленого цвета. Не вызывает раздражения при длительном просмотре, поэтому используется в дизайне сайтов развлекательных центров.
    Будьте осторожны, несмотря на то, что зеленый цвет снимает стресс и успокаивает эмоции, он может вызвать чувство обиды и зависти.
    Фиолетовый цвет – это торжественность, мечтательность, таинственность и меланхолия. Этот цвет любят мистики, творческие люди, дети и беременные женщины. Его использование возможно на сайтах, связанных с магией и астрологией. Темно-фиолетовый цвет дает ощущение богатства и роскоши и подходит для творческого проекта. Фиолетовый и розовый – типичные цвета для женских сайтов.
    Коричневый цвет отождествляется с землей, деревом, камнем. Символизирует ответственность, надежность и устойчивость. Он придает «мягкость» и надежность вашему сайту. Хорошо коричневый фон смотрится на сайтах, рекламирующих шоколад, кофе, изделия из дерева и кожи. Коричневый цвет ассоциируется также со старостью, поэтому его можно использовать на ресурсах, посвященных истории, археологии и антиквариату.

    life-lab.ru

    Значение цвета в дизайне интернет-магазина

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

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

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

    Определитесь с цветом фона

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

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

    Психология цвета в дизайне

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

  • коричневый. Символизирует надежность, силу и вызывает доверие. Его использование в умеренном количестве способно на подсознательном уровне подтолкнуть посетителя интернет-магазина к покупке;
  • оранжевый. Амбиции и энергичность, новые начинания и стремление выделяться – все это ассоциируется с оранжевым цветом. В паре с прохладными оттенками синего он может демонстрировать интересные сочетания;
  • желтый. Веселый и игривый, он быстро привлекает внимание, но нужно быть аккуратным, так как его чрезмерное использование может вызывать раздражение;
  • зеленый. Это один из наиболее органичных для природы цветов, который воспринимается людьми максимально непринужденно и естественно. В дизайне интернет-магазина зеленый цвет вызывает положительные эмоции, чувство гармонии и расслабления;
  • розовый. Ассоциируется с женственностью и оказывает успокаивающее действие, что позволяет использовать его в качестве компенсирующего для таких агрессивных цветов, как черный, оранжевый и красный. Он излучает доброту, нежность и формирует романтичное настроение;
  • красный. Как правило, красный цвет ассоциируется с яркими эмоциями, уверенностью и любовью к жизни. Но будьте осторожны, так как обилие красного в дизайне может оказывать подавляющее действие;
  • белый. Чистота и легкость восприятия, которую обеспечивает использование белого цвета в дизайне, дало ему высокую популярность при дизайне самых разных типов сайтов. Белое пространство вокруг элементов содержания улучшает его восприятие, позволяет правильно расставлять акценты и не отвлекать внимание клиента ни на что другое;
  • фиолетовый. Фиолетовый цвет и его пурпурные оттенки с давних времен ассоциируются с королевской роскошью, властью и богатством. Он хорошо подходит для интернет-магазинов парфюмерии и косметики, ювелирных украшений и бизнеса, ориентированного на элитный сегмент;
  • синий. Он вызывает чувство доверия, символизирует продуктивность, спокойствие и четкое понимание целей. Согласно статистике, это один из наиболее используемых в Интернете цветов, и в зависимости от оттенка его можно использовать в дизайне интернет-магазинов самых разных тематик;
  • серый. Этот цвет, как правило, подчеркнуто серьезный и ассоциируется с консервативным мышлением. Оттенки серого обычно служат отличным фоном для других, более ярких цветов;
  • черный. Данный цвет символизирует силу, власть и господство, а при использовании в электронной коммерции вызывает чувство уверенности и спокойствия у потенциальных покупателей. Тем не менее, его использование должно быть умеренным, чтобы создавать мягкую, а не мрачную атмосферу.
  • Например, вот как выглядят цветовые предпочтения в зависимости от пола опрошенных респондентов. Эту информацию вы тоже можете использовать при выборе цветовой схемы интернет-магазина:

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

    Цветовая палитра

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

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

    Adobe Color CC – сервис, в котором такая возможность реализована в режиме онлайн и в свободном доступе:

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

    Придерживайтесь баланса

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

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

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

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

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

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

    lemarbet.com

    10 ошибок дизайна сайта при работе с цветом

    Нежелание внедрять психологические приемы

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

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

    Зеленый цвет символизирует доверие, а что может быть важнее доверия, когда речь заходит о еде?


    1. Слепое подражательство

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

    Даже если вам очень нравится какой-то сайт, задумайтесь, прежде чем заказывать «точно такое же, но про мои товары».

    2. Тусклый call-to-action

    3. Избыточная цветовая палитра сайта

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

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

    Советуем также использовать специализированные сайты. Здесь можно сформировать свою гамму или использовать одну из уже готовых.

    На первом примере для оформления текста используется 3 цвета, на втором всего два. Именно второй вариант смотрится лучше и текст на нем проще читается.


    4. Разный цвет у однотипных элементов

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

    На примере две кнопки с одним и тем же назначением на одном сайте. Неудачное решение.


    5. Одинаковые цвета у разнотипных элементов

    6. Недостаток контраста

    7. Нестандартный цвет ссылок

    8. Блеклый минимализм не для импульсивных продаж

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

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

    9. Неуместный черный

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

    Наши привычки, как и методы маркетологов, перекочевывают из супермаркетов на просторы интернета, к примеру, сайт ювелирной компании, выполненный в черном цвете, выглядит элегантно и дорого:

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

    10. Цветовые ограничения дизайнеру

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

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

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

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

    Для примера мы размыли первый экран Aviasales.ru — внимание привлекают блоки элементов 1, 2 и 3. После прочтения заголовка, т.е. формирования у пользователя правильных ожиданий, он (вспоминаем про правила контраста) будет смотреть на нужные элементы выбора параметров и call-to-action.

    А посмотрите, как четко выделяется на размытом фоне основное действие на сайте ostrovok.ru.

    Если ваши интерфейсы проходят подобные тесты на ура, то дальнейшие улучшения сайта необходимо проводить, основываясь на понимании пользовательской психологии, т.е. анализируя фидбек от реальных пользователей. С помощью вопросов вроде: “Куда вы посмотрели в первую очередь: на какие 3 элемента сайта, и в каком порядке? Куда вам хочется нажать в первую очередь и почему?” в AskUsers вы сможете понять не только как распределяется внимание пользователей, но и почему пользователи смотрят на те или иные элементы. Данная информация поможет выявить целый ряд проблем в текущем интерфейсе и найти оптимальные варианты их решения.

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

    realfaq.ru

    Смотрите так же:

    • Закон о запрете продаж колы Власть и право Кола по паспорту Подросткам в Москве и Московской области не продают Coca-Cola и «Байкал» В магазинах Москвы и Подмосковья стали требовать паспорт при покупке газировки, […]
    • На сколько будет повышена пенсия с 1 апреля 2018 Стоимость индивидуального пенсионного коэффициента Понятие индивидуального пенсионного коэффициента (ИПК) появилось в связи с проведением очередного этапа реформирования системы […]
    • Особо тяжкие преступления статьи ук рф к какой категории тяжести преступления относится грабеж и разбой. тяжкие или особо тяжкие и какой по ним срок давности Грабеж - ст. 161 УК РФ: ч. 1 - средней тяжести - срок давности 6 лет […]
    • Ст 203 закона о банкротстве Глава X. Банкротство гражданина (ст.ст. 202 - 223) Глава X. Банкротство гражданина См. схему "Банкротство гражданина" Предусмотренные настоящим Федеральным законом положения о банкротстве […]
    • Нотариус батайск бурляева Нотариусы Батайск Ниже представлен список нотариусов в выбранной категории. Чтобы посмотреть подробную информацию по конкретному нотариусу, кликните по ФИО нотариуса. Нотариус Антонова […]
    • Образец заявления о взыскании задолженности по договору подряда Исковое заявление подрядчика в суд общей юрисдикции о взыскании задолженности по договору подряда в связи с неисполнением обязательств по оплате выполненных работ Исковое заявление о […]