Выбор цветовой палитры – важный момент в процессе разработки сайта. Она не просто привлекает внимание, но и транслирует послание бренда, помогает создать нужное настроение и ассоциации, влияет на конверсию.
Информационная вкладка Вы знали, что 93% покупателей считают, что именно цвет определяет их выбор, а 52% не вернутся на сайт, не удовлетворяющий требованиям эстетики. При этом, лучшими цветами для кнопки целевого действия («Подписаться», «Скачать» или «Отправить заявку») традиционно считаются красный, оранжевый и зеленый. Они увеличивают на 13.5% коэффициент конверсии мобильных пользователей, а в целом на 9%. На 6.5% чаще добавляется товар «В корзину». Компании BMI, HubSpot, Ript, и VegasSlotsOnline добились улучшения конверсии с 2,5% до 175%, поменяв лишь цвет CTA-кнопок.
Ссылка на источник
В нашей сегодняшней статье мы не будем разбирать особенности восприятия аудиторией разных цветов, об этом написано немало материалов. В этом обзоре мы собрали для вас 51 пример эффектных и современных цветовых решений из самых разных отраслей бизнеса. Вдохновляйтесь!
Грамотно сочетайте цвета в интерьере
Для того чтобы составить гармоничное сочетание, воспользуйтесь цветовым кругом. Возможные варианты сочетаний цветов с учетом их расположения в цветовом круге: • из одного сектора (например, несколько оттенков синего); • противоположные секторы (желтый и фиолетовый), • три цвета, разделенных равным количеством секторов (желтый, синий, красный); • два противоположных сектора, один из которых заменяется двумя соседними к нему (желтый, сине-фиолетовый и красно-фиолетовый); • соседние секторы (фиолетовый, красно-фиолетовый и красный). Пытаться идти по пути наименьшего сопротивления, сочетая цвета в равных пропорциях – плохое решение. Одного из выбранных цветов должно быть больше, чем оставшихся. Рекомендуется регулировать и насыщенность цветов, входящих в сочетание, путем их затемнения или осветления. Ведь чрезмерная контрастность интерьера воспринимается тяжело.
Сочетание цветов в интерьере спальни
То место, где мы больше всего проводим времени дома и по иронии больше всех его не видим, так как спим. Но все-таки цвета должны создавать уютную и комфортную атмосферу. Самый простой и безопасный вариант – светлая бежевая или коричневая гамма. Но все-таки присмотритесь к серому.
Серый как и черный подходит практически всем цветам: синим, голубым, зеленым, желтым, коричневым, розовым Такие яркие акценты будут прекрасно смотреться в сером обрамлении.
Совет. Серый цвет стен или текстиля будет умиротворять не меньше классического белого или бежевого сочетаний.
Но какой бы цвет вы не выбрали, нет какого-то самого гармоничного и правильного сочетания в интерьере. Как и нет закона, где были бы расписаны запрещенные или разрешенные цвета. Вы конечно, можете использовать метод Люшера или «сезонный» подход (есть и такой) для выбора цветов, но только ваша внутренняя тяга или неприятие какого-то оттенка помогут составить свою, самую гармоничную палитру.
При выборе цвета жилой комнаты учитывайте темперамент человека, для которого она предназначена
Как утверждают психологи, холериков не оставляет равнодушным красный цвет, но уравновесить их взрывной характер поможет зеленый. Сангвиники предпочитают желтый, а негативные свойства их личности сглаживает фиолетовый. Флегматики максимально комфортно ощущают себя в окружении зеленого, но взбодриться и прийти в тонус им поможет красный. Меланхолики выбирают голубой. Для того чтобы эти легкоранимые люди чувствовали себя более уверенно, рекомендуется окружить их красным, оранжевым или желтым цветами.
Используйте оптические свойства цветов
Помещение, которое вы планируете преобразить, не может похвастаться идеальными пропорциями? Это не проблема, если вы вовремя вспомнили об оптических свойствах цветов. Теплые тона зрительно приближают окрашенную ими поверхность, а холодные – отдаляют. Например, для меньшей стены узкой комнаты-пенала выберите желто-коричневый цвет, и визуально помещение приобретет более правильную форму. Для усиления такого полезного оптического эффекта длинные стены окрасьте в гармонирующий холодный оттенок. Для маленькой комнаты не рекомендуется выбирать насыщенные цвета. Кроме того, человек, попавший в ограниченное темное пространство, чувствует себя подавленно. Визуально увеличат ее площадь пастельные тона. Если вы являетесь счастливым обладателем помещения, размеры которого значительно превышают среднестатистические – смело используйте темные оттенки.
Сочетание цветов в интерьере кухни
Искусство принимать гостей состоит в том, чтобы дать им почувствовать себя как дома. Серый это идеальный цвет и для маленькой и для большой для кухни. Он может быть как теплым, так и холодным, благодаря множеству оттенков стать и фоном и насыщенным акцентом.
Совет. Если вы красите стены в серый, то выбирайте для пола и мебели теплые оттенки. Бежевого лучше избегать, точнее бежево-желтого оттенка. Если в кухне мало света и небольшой метр, цвет будет казаться грязным и создаст впечатление духоты. Присмотритесь к оттенкам, близким к желтому.
Благородный коричневый оттенок как правило используется в кухонной мебели. Несомненное достоинство – кухня долго не выйдет из моды, но имейте в виду: массивные темные шкафы уменьшат пространство, так что делайте стены в светлых тонах. А если вы выбрали коричневый для стен, то обратное правило – мебель, текстиль и бытовую технику лучше сделать в светлых оттенках.
Учитывайте влияние цвета на психоэмоциональное состояние человека
Красный – оказывает на нервную систему возбуждающее действие, усиливает мышечную активность. У человека, длительное время находящегося в красной комнате, может повыситься давление, ускориться кровообращение и сердцебиение. Красный цвет повышает аппетит. Для жилых помещений рекомендуется использовать красный цвет в виде отдельных акцентов.
Оранжевый – улучшает настроение, способствует скорейшему выходу из депрессивных состояний. В оранжевом помещении человек ощущает себя бодро и оптимистично. Но если нервная система владельца помещения легко возбудима, то ограничьте количество этого цвета. Оранжевый способен повысить иммунитет, поэтому рекомендуется использовать его для помещений, обитатели которых часто болеют.
Желтый – по действию схож с оранжевым, но дополнительно способствует улучшению интеллектуальной активности. Возбуждающие свойства желтого ограничивает его применение в помещениях, где находятся люди с психическими или нервными заболеваниями. Спокойствия в желтой комнате можно не ждать, так как цвет может чрезмерно бодрить. Пастельные оттенки этого солнечного цвета – оптимальный вариант для жилых пространств.
Голубой – является лидером по способности визуально увеличивать пространство, превосходя по этой характеристике даже белый. Создает в интерьере атмосферу легкости, воздушности. В голубом помещении нормализуется сон, а рабочий процесс проходит продуктивнее. Этот цвет располагает к откровенности, поэтому станет идеальным решением, к примеру, для кабинета психолога. Синий и насыщенные оттенки голубого используются в интерьере редко по причине угнетающего эффекта, производимого ими на нервную систему.
Зеленый – с физиологической точки зрения является наиболее легко воспринимаемым. Создает ощущение безопасности и спокойствия. Этот цвет является идеальным для оформления комнат, где проходят переговоры, так как примерно на 20% увеличивает вероятность принятия правильного решения. При желании усилить возбуждающее действие зеленого рекомендуется обратить внимание на его теплые оттенки.
Розовый – способствует полному расслаблению, не позволяя сконцентрироваться на делах, требующих физического или психического напряжения. Розовый интерьер способствует замедлению процессов старения, смягчает восприятие высокого шумового фона.
Фиолетовый называют цветом компромиссов. Он благоприятствует творческой работе, самоанализу, личностному развитию. Но избыток фиолетового может стать причиной апатии.
Серый цвет является одним из самых модных в современном дизайне, так как является универсальным, наиболее подходящим фоном для оригинальных фактур и форм. Серый гармонично вписывается в практически любой интерьер, приятно смягчая его.
Коричневый цвет по оказываемому на человека действию во многом схож с зеленым. Он успокаивает, нормализует работу нервной системы, создает ощущение уюта и безопасности. Сочетание зеленого и коричневого является классическим в интерьере и нравится подавляющему большинству людей.
Черный цвет в интерьере используется в виде акцентов. Тотально черное помещение – редкая экзотика, во многом и потому, что человек в нем вскоре начинает ощущать тревогу, апатию. Черный поглощает солнечный свет, поэтому комната, оформленная в этом цвете, будет восприниматься как недостаточно освещенная.
Сфера разработки и продажи программного обеспечения, софта, IT
Главные страницы
Slack (ссылка https://slack.com/intl/en-ru/?eu_nc=1)
Главная страница Slack – простейший дизайн с четким описанием того, на что направлено их решение, какие задачи решает и ясным призывом к действию «Начать работу». Для демонстрации качества и преимуществ компания указывает перечень своих заказчиков.
Цветовое решение
Акцентный фиолетовый поможет привлечь внимание к вашему посланию, если сайт оформлен в минималистичном дизайне.
Litmus (ссылка https://litmus.com/)
Главная страница Litmus – еще один пример лаконичного дизайна с простыми иллюстрациями, демонстрирующими преимущества их программного обеспечения.
Цветовое решение
Предлагая инструменты для решения проблем email-маркетинга, Litmus использует дружественный и теплый оттенок апельсина на слайдере в своей главной странице. В целом дизайн выполнен в энергичной и оптимистичной палитре.
Basecamp (ссылка https://basecamp.com/)
Basecamp используют на своем сайте легкую и ненавязчивую инфографику: минимум текста, максимум полезной информации. Прокрутив главную страницу до конца, посетитель видит впечатляющий график, демонстрирующий рост клиентской базы Basecamp.
Цветовое решение
Яркий акцентный желтый эффективно привлекает и направляет внимание пользователей к важным навигационным элементам сайта.
Prezi (ссылка https://prezi.com/)
Веб-ресурс проекта Prezi – легкий и чистый, с небольшим набором визуальных образов. Все графические элементы подобраны четко и со вкусом: демонстрируют примеры работы и сам процесс.
Цветовое сочетание
Здесь синий и зеленый сочетаются в лаконичной и нестандартной цветовой схеме. Вместе они удивительным образом располагают к себе.
Mint (ссылка https://www.mint.com/)
Главная страница Mint выполнена с акцентом не на продукт, а на создание ощущения безопасности и счастья от сотрудничества. Кроме того, компания отлично понимает, куда движется современный маркетинг – и делает упор на мобильные устройства и планшеты.
Цветовое решение
В палитре сочетаются теплые и холодные оттенки, при этом она выглядит насыщенно, но не перегружено. Эффекты градиента создают ощущение модного и современного дизайна. Посадочные, лендинги
Boords (ссылка https://boords.com/)
Лендинг от Boords представляет собой краткое описание на первом экране, отзывы клиентов и скриншоты из программного обеспечения.
Цветовое решение
Яркая и элегантная цветовая схема сочетает в себе сразу несколько бросающихся в глаза оттенков: современно и со вкусом.
Airtable (ссылка https://airtable.com/)
Еще один пример лендинга, выполненного с учетом всех трендов графического дизайна.
Цветовое решение
Палитра более яркая и игривая, полная жизни и динамичная, — идеальное визуальное решение для современных и смелых проектов.
Intercom (ссылка https://www.intercom.com/)
Страница Intercom использует веселую анимацию для того, чтобы привлечь внимание к основному целевому действию: сбор email-адресов. За красочными иллюстрациями следуют объяснения, зачем это нужно и какие преимущества вы получите. За каждой особенностью — цитата в качестве доказательства.
В конце страницы призыв к действию продублирован – это очень удобно для пользователей.
Цветовое решение
От сочетания черного с акцентами голубого сложно оторвать взгляд – ультрасовременно и ярко.
Later (ссылка https://later.com/)
Эта красочная посадочная страница повторяет свой призыв к действию на протяжении всего знакомства с контентом: в самом начале, в середине и после прокрутки ресурса до конца. Такая механика повторения нравится далеко не всем, но здесь компания раз от раза приводит разные аргументы для убеждения.
Блоги
Engadget (ссылка https://www.engadget.com/)
Довольно простой на первый взгляд, блог Engadget – очень продуманный и удобный для изучения. В верхнем горизонтальном меню размещен рубрикатор тем, который зафиксирован при прокрутке. Также из плюсов – вкладки с призывом подписаться на рассылку обновлений по теме.
Наличие свободного пространства между рубриками помогает не перегрузить страницу и не запутаться в обилии заголовков.
TechCrunch (ссылка https://techcrunch.com/)
Узнаваемый стиль блога TechCrunch – зеленые акценты в лаконичной ленте. При этом акценты используются очень аккуратно, не отвлекают от основного смысла.
Цветовое решение
Зеленый оттенок успокаивает и располагает к себе. В монохромном дизайне эффективно используется в качестве узнаваемого и яркого акцента.
Adobe Spark (ссылка https://blog.adobespark.com/)
Блог Adobe Spark является частью глобального образа, который создают проекты Adobe. Основным элементом дизайна здесь становятся высококачественные изображения. Верстка выполнена в модульном формате из двух колонок, а самые популярные и актуальные статьи вынесены в слайдеры в виде карусели.
Цветовое решение
Яркие и красочные изображения эффектно смотрятся на максимально нейтральном светлом фоне.
The Verge (ссылка https://www.theverge.com/)
Яркие неоновые цвета – вот стиль блога The Verge. Палитра смотрится эффектно как на черном фоне (первый экран и подвал сайта), так и на белом фоне (основная часть блога).
Цветовое решение
Яркие розовые оттенки поднимают настроение пользователю, отлично смотрятся в компании с белым, серым и черным фоном, оставляют ощущение креативной компании.
Выводы: ТОП 5 выигрышных цветовых сочетаний
Приведенные выше примеры доказывают, что блог, как часть сайта с огромным количеством текстовой информации, не должен быть сильно перегружен разными цветами и оттенками. При подборе цветов выбирайте один основной цвет и второй – для акцентов:
Палитра №1: #FBE8A6 – #F4976C – #303C6C – #B4DFE5 – #D2FDFF
Энергичная и оптимистичная палитра создана для ярких проектов. Автор Cher Ami
Палитра №2: #F8E9A1 – #F76C6C – #A8D0E6 – #374785 – #24305E
Яркая и элегантная цветовая схема сочетает в себе сразу несколько бросающихся в глаза оттенков: современно и со вкусом. Автор Waaark
Палитра №3: #0B0C10 – #1F2833 – #C5C6C7 – #66FCF1 – #45A29E
От такого сайта сложно оторвать взгляд, темные оттенки серого в сочетании с бирюзовыми акцентами украсят любой современный проект. Автор: Bert
Палитра №4: #1A1A1D – #4E4E50 – #6F2232 – #950740 – #C3073F
Розовые, красные и серые оттенки отлично смотрятся на темном фоне и ассоциируется с утонченностью и минимализмом. Автор Bryan James
Палитра №5: #25274D – #464866 – #AAABB8 – #2E9CCA – #29648A
Насыщенные оттенки синего делают этот дизайн сдержанным, но в то же время интересным. Отличный выбор для корпоративных и образовательных проектов. Автор: Supremo
Поможем разработать эффектный и современный блог на сайте. Отправить заявку.
