Меню Закрыть

Яркие палитры: Attention Required! | Cloudflare

Содержание

Яркие цвета в веб-дизайне — плюсы и минусы яркой цветовой палитры в дизайне сайта

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

Немного о цвете в веб-дизайне

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

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

Такая модель называется RGB, аббревиатура, которая состоит из первых букв представленных цветов: R — red (красный), G — green (зеленый), B — blue (голубой).

В зависимости от количества того или иного цвета, можно «вывести» новый цветовой оттенок, задавая определенные значения в модели RGB. Например:

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

Также все цвета можно «разбавить» белым или черным цветом и получить различные оттенки. Например, оттенки синего:

Таким образом, дизайнеры имеют огромный выбор цветов для макета. От того, какие цвета выберет разработчик, зависит:

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

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

При выборе цвета дизайнеры учитывают вышеперечисленные факторы.

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

Как дизайнеры составляют палитры

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

Например, есть сайты, на которых можно посмотреть различные цветовые сочетания на реальных примерах. Например, сайт dribble:

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

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

Больше о поиске идей мы писали здесь.

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

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

Запоминаемость ресурса

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

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

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

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

Эмоции

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

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

Стиль

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

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

Становление бренда

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

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

Такие цвета использует Google для своих логотипов:

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

Яркая цветовая палитра — отличная составляющая фирменного стиля. Бренды, использующие выразительные цвета вместе с интересными иллюстрациями или символами всегда больше запоминаются клиентами. Мы привыкли ассоциировать красную букву «Я» с компанией «Яндекс», различаем по цветам всех операторов, узнаем на улицах курьеров Delivery Club только по зеленой куртке и сумке. Несмотря на то, что цвет не является торговым знаком (зарегистрировать цвет очень сложно, хотя такие прецеденты случались в странах Европы) его можно с успехом использовать как ассоциативную составляющую бренда.

Креативность

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

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

Яркий пример — сайт «Тинькофф журнал». Издание стало популярным не только благодаря интересному контенту, но и необычному дизайну и интересной типографике:

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

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

Повышение продаж

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

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

Больше об оформлении промо-сайтов мы писали в этой статье.

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

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

Недостатки яркой цветовой палитры

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

Сложности с юзабилити

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

недостаточно прорабатываются элементы навигации.

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

Сложности с восприятием контента

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

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

Несоответствие тематике

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

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

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

Палитра Яркая Зима — Красота, вдохновленная природой — LiveJournal

Я  давно  хотела  обновить  информацию  по палитрам  цветотипов, и  вот наконец-то  собралась  это  сделать=) Начну  я  с  ярких  палитр, и  сегодня  палитра Яркая  Зима. Обновлять  информацию я  буду  медленно  и  постепенно=) Кроме  того, я  добавлю  информацию  для  мужчин. До  знакомства  с  палитрой  можно  познакомиться  с  теорией  цветотипов. http://color-harmony.livejournal.com/202756.html .

Картинки, которые  могут  вам  пригодиться для  освоения  палитры

https://www.pinterest.com/shahrazade/ch-bright-and-cool/
https://www.pinterest.com/shahrazade/bright-winter-men/


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

Самая  важная  характеристика  цвета — яркость,  дополнительная — прохлада.  Светлота-  темнота  не  имеет  значения.

Представители  колорита: Лив  Тайлер,  Кортни  Кокс, Рита  Ора, Энн  Хэтауэй, Чжан  Цзыи, Софи  Эллис  Бекстор, Гвен  Стефани, Андре  Агасси, Элайджа  Вуд, Орландо  Блум, Коламбус  Шорт.

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

Оттенки  цветов  палитры:

Белый — цвет чистоты  и  новых начинаний. Яркой зиме  подходит чистый  белый. Серый — спокойный  и  элегантный  цвет. В  палитре есть светлые  нейтральные  серые и  темно-серые. Черный цвет — изысканный  и  загадочный. Яркой  зиме  подходит как  чистый  черный, так  и  серо-черный.


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

Розовый  цвет ассоциируется  с мечтательностью. Яркой  зиме  подходят яркие  нейтральные  и  холодные  розовые. Красный — это цвет энергии  и  страсти. В  палитре  яркой  зимы есть яркие  нейтральные  красные.

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

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

Зеленый  цвет умиротворяющий и  располагающий. Яркой  зиме  подходят яркие  изумрудные и яркие  сине-зеленые.

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

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

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

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

Использование  палитры

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

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

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

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

Темные  цвета  палитры  можно использовать  как  более  интересную и  эффектную  базу или  в  аксессуарах — обуви,  сумках, ремнях.

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

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

Удачи  в  освоении  палитры!

Яркая палитра. Рассказываем о нюансах работы с акварельными красками

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

«Не бойтесь никогда начать рисовать. Нередко взрослые люди берут кисть и, попрактиковавшись, достигают прекрасных результатов. И если с первого раза ничего не получилось, расстраиваться не стоит. Рисуйте снова и снова», — советует Татьяна Алешина, преподаватель студий «Скетч» и «Акварель», открытых в культурном центре «Зодчие».

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

«Я советую начинающим использовать профессиональные материалы, не экономить на бумаге, красках, это очень важные элементы. От них во многом зависит результат, — говорит Татьяна. — К кистям у каждого художника свой подход. Я пишу синтетическими, они очень хорошо заменяют дорогие кисти из колонка. Акварель растекается по бумаге, что иногда пугает учеников, особенно начинающих, и мы должны ею управлять. И синтетика прекрасно для этого подходит. К слову, она также отлично имитирует натуральные материалы. Можно подобрать по жесткости, структуре».

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

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

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

Летние цветовые палитры для эффектного дизайна

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

Этим летом люди будут выбирать медленную жизнь (slow living) вместо хасл-культуры (которая проявляется в невероятном трудоголизме) и вернутся к простым радостям, наблюдая за сменой сезонов. Чтобы отпраздновать приход лета, мы собрали трендовые цветовые палитры.

 

Трендовые цвета лета 2020

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

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

  • Flame
  • Saffron
  • Crystal white
  • Refreshing green