28 Руководство по цветовой схеме сайта


1 доля = 1 кофе писателю

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

что
он сказал, ты знал 82% пользователей
их база покупка решения относительно цвет?

Как ни удивительно, но вышеупомянутый факт на самом деле!

факторы, влияющие на решение о покупке

И почему бы не они, учитывая тот факт, что мы делаем люди ведут себя визуально?

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

Макдональдс логотип

Конечно, вы понимаете! Большие бренды, как. McDonald’s, KFC, Dell, YouStable использовать уникальные цветовые комбинации, чтобы установить свою идентичность бренда.

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

Согласно исследованию, «цвет растет узнаваемость бренда близко 78 процентов».

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

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

Но почему цветовая схема влияет на нас так же, как она? Ну, вот игра Психология цветов.

Какова психология цветов?

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

Хотя восприятие цвета варьируется от человека к человеку, существуют определенные цветовые эффекты, которые имеют универсальное значение и одинаково воспринимаются всеми.

Помните, как мы тесно общаемся темно-синий облака, когда идет дождь грустный и темный?

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

Какова психология цветов?

Цветовое восприятие несколько субъективно, что делает поле немного сложным.

Тем более, что проблема осложняется тем, что она длится только 90 секунд Для одного клиент сформировать один вид о сайт цветовая комбинация, которая напрямую на него влияет коэффициент конверсии и участие,

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

Что такое теория цвета?

Теория цветов Это очень широкая тема сама по себе, но есть ровно три категории, которые имеют смысл, когда мы говорим о цветовой схеме веб-сайта. К ним относятся:

  • Цветовая палитра
  • Цветовая гармония
  • Цветовой контекст

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

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

Возможно, вы слышали о «цветном колесе», если вы когда-либо посещали какие-либо художественные занятия.

Цветовая палитра довольно простое колесо из Разные цвета и далее делится на три категории. К ним относятся:

1. Основные цвета — красный,
Желтый, синий

Они
три цвета пигмента, которые не могут быть смешаны или сформированы путем объединения любого
другие цвета.

2. Вторичные цвета — зеленый,
Оранжевый, фиолетовый

Они сформированы
путем объединения основных цветов.

3. Третичные цвета-
Желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и
желто-зеленый

Это цвета, образованные путем смешивания основного и дополнительного цветов.

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

Хотя цветовое колесо является основным, оно очень помогает в выборе цветовой схемы для веб-сайта.

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

Важность теории цвета

цвет
теория используется для укрепляет конструкцию
и максимизируя свой потенциал,

когда
речь идет о цветовой схеме сайта, теория цвета помогает укрепление покупки решения / конверсия или рост
Участие.

В основном, сайт это один маркетинговый инструмент это представляет компании, продуктыи услуги,

Узнайте как:   VPS сервер в Дубае и предложение бесплатного общего плана cPanel

это
также отражение от
компания личность, идеологии и
философий
,

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

Теория цветов

цвет
Теория играет важную роль в превращении посетителя вашего сайта в сайт
клиент.

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

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

Важность цвета в веб-дизайне

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

Так же, как
Я говорил вам ранее, цветовые комбинации сайта выбраны конец и с намерения который может варьироваться от сайта к сайту.

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

Так большинство решающее значение важно цвета в веб-дизайне включать такие точки, как:

# 1 Выделить функции или создать фокус

если
Вы хотите сохранить свой сайт все же просто
на самом деле
вы можете реализовать один минимальная цветовая палитра,

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

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

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

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

Популярный мода в реализовать цвета на вашем сайте что-то называется «60-30-30-10 правил»

60-30-10 правило

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

Вот как это работает?

  • 60 процентов основного цвета
  • 30 процентов вторичного цвета
  • 10 процентов цвета Accent

Это означает, что доминирующий цвет будет занимать около 60% пространства на вашем сайте, в то время как вторичный цвет будет занимать 30%, а цвет Accent будет занимать 10% от общего пространства.

Если вы хотите увидеть один пример от «60-30-30-10 правил»не смотри дальше YouStable,

пример правила'60 -30-10

Обратите внимание, как черный — основной цвет, белый — вторичный, а желтый — акцент,

# 2 Лидерство вовлечения и расширение участия

По словам одного исследование, объявления в цвета читаются в На 42% больше много раз чем те же объявления в черный,

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

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

Ведущее участие и расширение участия

# 3 Информация и внимание

Еще один исследование, цвет может увеличиться аудитории,
обучение
и понимание из 40 процентов, 55-78 процентов, и 73
процентов
соответственно.

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

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

Узнайте как:   Новая Зеландия VPS Наиболее предпочтительное решение

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

Теперь, ответив на все «почему» и охватив семантику цветовой схемы сайта, давайте обсудим, как вам следует использовать / выбирать цветовые сочетания сайта, которые увеличат фактор привлекательности сайта. вашей сети.

Как выбрать цветовые сочетания для вашего сайта?

в
В конце концов, не имеет значения, какой цвет вы выберете.

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

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

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

Узнай свою аудиторию

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

Я знаю вашу аудиторию

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

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

Рассмотрим пол и возрастную группу

Это не обязательно новость, что мужчины
а женщинам нравятся разные цвета.

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

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

Например, люди на самом деле как синий цвет и они не любят цвета, такие как коричневый и фиолетовый,

цветовые предпочтения в соответствии с полом

в то время как женщинам это нравится цвета синий и
фиолетовый
и ему это не понравилось цвета коричневый и оранжевый,

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

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

Если твой демографический это доминировал
после определенной возрастной группы, то вы должны рассматривать
также этот фактор.

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

Я собрал один список цветовых комбинаций сайтов, готовых к применению Для вас Feel бесплатно попробовать их на своем сайте.

Сочетание цветов сайта для блога и путешествий

сайт путешествия цвет

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

цвет сайта для путешествий

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

Сочетание цветов сайта для кулинарных сайтов и рецептов

Сочетание цветов сайта для приготовления

Это сочетание красного и красочного цветов с ярким и контрастным синим цветом создаст интересный фактор и привлечет внимание к вашим сайтам о кулинарии или еде.

цветовая гамма сайта для пищевых продуктов

Это сочетание цветов UCLA Blue, Cameo Pink и Grey подходит для сайтов, которые ищут радости и радости.

❖ Цвет сайта Сочетание красоты и моды на сайте

сайт красоты и моды

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

цвет модного сайта

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

цвет модного сайта

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

Узнайте как:   Скидка 70% [EU] Реселлер Хостинг $ 1,5 / вечера SSP cPanel / DirectAdmin + Миграция VisualWebTechnologies®

Цветовая комбинация веб-сайтов для живых сайтов

Цветовая комбинация веб-сайтов для живых сайтов

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

сайт о жизни

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

цвет сайта образа жизни

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

Сочетание цветов веб-сайта для личного развития блога

Сочетание цветов веб-сайта для личного развития блога

Это еще одна замечательная цвето-аналоговая комбинация для личных блогов или форумов.

Сочетание цветов веб-сайта для личного развития блога

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

Цветовая комбинация веб-сайтов для сайтов о здоровье и фитнесе

Цветовая комбинация веб-сайтов для сайтов о здоровье и фитнесе

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

цвет сайта здоровья

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

Объединение цветов сайта для родительских сайтов

Объединение цветов сайта для родительских сайтов

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

цвет сайта родителей

Эта цветовая комбинация сайта состоит из прохладных и теплых оттенков и очень эффективна для привлечения внимания.

Сочетание цветов сайта для сайтов домашнего декора

сайт с украшениями для дома

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

сайт с украшениями для дома

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

внутренняя отделка

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

Цветовая комбинация веб-сайтов для музыкальных сайтов

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

веб-цвет для музыки

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

цвет музыкального сайта

Объединение цветов веб-сайтов для технически-ориентированных сайтов

цвет технологического участка

Это элегантная цветовая гамма сайта, состоящая из черного, синего и серого.

цвет сайта для техники websteel

Это лучшая цветовая схема для стильных, стильных и современных сайтов.

Объединение цветов веб-сайтов для веб-сайтов, связанных с искусством

Сочетание цветов сайта для искусства

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

Объединение цветов сайта для минималистских сайтов

Объединение цветов сайта для минималистских сайтов

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

Сочетание цветов сайта для бизнес-сайтов

цветной бизнес-сайт

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

цвет бизнес-сайта

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

admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *