Каталог Статей
45271 авторов, размещено 43356 статей, сейчас на сайте пользователей: 14 Статистика
Аватар DigitalBreath

Яркий фон сайта: хорошо или плохо

Категория:  Интернет  | Автор:  DigitalBreath | Опубликовано: 19.07.2018

Неоспоримо влияние цвета на эмоции человека. Задать правильный вектор при распределении цветовой гаммы сайта — задача не из легких. Агентство Digital Breath расскажет, какие именно эмоции создает цветной фон сайта и как достичь желаемого воздействия на пользователя.

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

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

Принцип контраста

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

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

Для сайта, посвященного конференции по веб-дизайну, в 2012 году разработчики использовали красный и черный цвета на белом фоне http://2012.newadventuresconf.com/. Яркие цветовые акценты на странице, конечно, привлекают внимание, но нас именно этот красный раздражает и хочется поскорее закрыть сайт. А вам как кажется?? Интересно услышать ваше мнение в комментариях :)

Дизайн сайта магазина должен вызывать доверие, не раздражать.

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

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

Принцип соседства

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

Фирменные цвета - почему бы не использовать как основу для сайта?

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

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

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

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

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

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

Лайфхак для тех, кто подбирает цвета для сайта самостоятельно

На просторах интернета есть несколько полезных ресурсов, где можно поработать с цветовой схемой. Программы помогут подобрать оптимальные контрастирующие или “соседствующие” оттенки. Наиболее популярный ресурс: https://colorscheme.ru/. Здесь сочетание цветов показано на цветовом круге. Похожий сервис: http://www.paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF.

Немного иначе работает данный ресурс: https://colordrop.io/. Здесь уже за Вас подобраны 4 сочетающихся цвета. Остается только кликнуть по наиболее понравившемуся.

Сервис https://colourco.de/ предлагает огромное количество оттенков и полутонов. Вы точно найдете свой цвет.

(Все активные ссылки на сервисы будут в блоке Примечание после статьи)

И напоследок...

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

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


http://breath.digital  - Автор статьи, digital агентсво по графическому дизайну и видео продакшену. http://2012.newadventuresconf.com/ - бело-красный сайт форума. Сервисы по подборке цветов: https://colorscheme.ru/ - Color Scheme, http://www.paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF - Paletton, https://colordrop.io/ - ColorDrop, https://colourco.de/ - ColourCo
Комментарии
К этой статье пока нет комментариев. Станьте первым! У нас гости не могут комментировать статьи. Пожалуйста авторизуйтесь или зарегистрируйтесь, чтобы прокомментировать.
Интересные статьи по теме
Аватар AnemoN
Накрутка лайков и подписчиков ВКонтакте Есть несколько хитрых и не очень методов, которые используются для т.н. "накрутки лайков".О заслуживающих внимания пойдет речь в этой статье....
Категория: Интернет | Автор: AnemoN | Добавлено: 17.02.2013
Аватар Lizetta
Сколько времени уходит на создание сайта? Сколько времени тратит специалист на разработку сайта? В какой срок можно создать сайт и чем обуславливается это?...
Категория: Интернет | Автор: Lizetta | Добавлено: 03.06.2011
Аватар gul_itb
Как правильно представить информацию на сайте Зачем люди сидят в Интернете? В основном есть две причины – это развлечение и поиск информации. Ваш корпоративный сайт, конечно же тоже служит этим двум целям Интернет-общения. Даже бизнес-сайт о чем-...
Категория: Интернет | Автор: gul_itb | Добавлено: 26.10.2009
Аватар Marta22
Как улучшить страницу на сайте вконтакте Советы, как сделать страницу в vkontakte лучше...
Категория: Интернет | Автор: Marta22 | Добавлено: 21.08.2009
Аватар seoeskiz
Какую информацию обязательно нужно разместить на сайте визитке Необходимый минимум информации. Какую информацию обязательно нужно разместить на сайте визитке каждый выбирает сам, но можно сформировать некоторый устоявшийся ее перечень: ...
Категория: Интернет | Автор: seoeskiz | Добавлено: 29.07.2010
Лучшие авторы
Аватар Мастер_Райтер
Имею высшее филологическое образование, специально...

Читать

Аватар OlgaB
Здравствуйте, меня зовут Ольга. Два высших гуманит...

Читать

Аватар Arizona
Строитель со стажем

Читать

Аватар proster
Зинченко Евгений Андреевич http://prosting.c...

Читать

Аватар demnn
Люблю рыбалку.

Читать

Свежие комментарии
Отличная статья. Однако пчелофермы довольно редкое явление в жизни Рос...

Читать

Взрослым тоже полезно читать или смотреть сказки, вот есть сериал "Одн...

Читать

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

Читать

Всегда интересно почитать информацию от профессионалов!

Читать

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

Читать

Напишите нам