Как выбрать цветовую гамму для дизайна сайта? – Webpromo
23.02.2021
Ольга Коцофанэ, главный редактор блога Webpromo
Цвет — важный аспект брендинга. Например, вы могли заметить, что почти каждый ресторан быстрого питания использует красный и жёлтый тона в своих логотипах, так как эти цвета поощряют аппетит и настраивают на позитив. Тем не менее Subway предпочитает использовать зелёный цвет вместо красного, чтобы усилить акцент на свежести продуктов.
Как выглядит логотип Subway
Осознав, насколько важны цвета для вашего бренда, вы можете захотеть провести ребрендинг своего сайта. В любом случае к выбору цветовой гаммы для онлайн-ресурса необходимо отнестись максимально ответственно.
Читайте также: Нужен ли редизайн? 6 признаков сайта, который устарел и нуждается в обновлении
Почему цветовая гамма сайта так важна?
Как уже было сказано выше, цвета могут вызвать определённые чувства с первого взгляда.
Вы можете подумать, что на вас цвета никак не влияют. Но вы удивитесь, увидев, насколько выбор цветовой гаммы может повлиять на прибыль компании. В исследованиях около 85% людей заявили, что цвет имеет большое влияние на то, что они покупают.
Когда некоторые компании экспериментировали с цветами кнопок, они замечали резкие всплески или снижение конверсии. Например, компания Beamax, производящая проекционные экраны, заметила колоссальный рост числа кликов по красным ссылкам на 53,1% по сравнению с теми же ссылками, написанными традиционным синим текстом.
И это не просто клики — исследование психологического воздействия цветов показало, что цвета повышают узнаваемость бренда в среднем на 80%. Например, стоит подумать о Coca-Cola — и вы, скорее всего, сразу представите их яркие красные банки.
Однако не следует думать, что красный цвет «правит балом», поскольку здесь нет чётких правил. Если ваш сайт в основном выполнен в красных тонах, такой же призыв к действию не будет так сильно выделяться.
Поэтому имеет смысл поэкспериментировать с цветами, пока вы не найдёте комбинацию, которая подходит лучше всего.
Поэтому имеет смысл поэкспериментировать с цветами, пока вы не найдёте комбинацию, которая подходит лучше всего.
Как выбрать цветовую схему для вашего сайта
Теперь вы знаете, насколько важны цвета для брендинга и опыта использования вашего веб-сайта. Остаётся понять, как найти цветовую гамму, которая подходит именно вашему бренду.
Сначала нужно чётко понять, что именно вы продаёте, какие услуги предоставляете. Например, если вы пытаетесь сделать акцент на качестве и эксклюзивности, вам идеально подойдёт фиолетовый, так как люди ассоциируют его с королевской властью, высоким качеством и интригой.
Однако, если вы хотите охватить более широкую аудиторию, имеет смысл выбрать синий — обнадёживающий, спокойный цвет, который хорошо подходит для более деликатных тематик, таких как здравоохранение или финансы.
Основной цвет
Лучший способ выбрать основной цвет — это подумать об атмосфере вашего продукта или услуги и просмотреть цвета, которые соответствуют этому направлению.
- Красный (Coca-Cola, Nintendo). Ассоциируется с волнением или счастьем.
Дизайн сайта Coca Cola
- Оранжевый (Nickelodeon, Fanta). Говорит, что впереди активное и весёлое времяпрепровождение.
Дизайн сайта, где основной цвет — оранжевый
- Жёлтый (Nikon, McDonalds). Символизирует оптимизм и счастье.
Дизайн сайта с жёлтым цветом в основе гаммы
- Зелёный (Subway, Greenpeace). Ассоциируется со свежестью и природой. Часто используется в рекламе органических продуктов питания и природоохранных организаций.
Дизайн сайта с зеленым цветом в основе гаммы
- Синий (Walmart, American Express). Подразумевает надёжность и уверенность.
Пример дизайна сайта с синим основным цветом
- Фиолетовый (Hallmark, Cadbury). Подчёркивает надёжность бренда, богатую историю, эксклюзивность, качество.
Использование фиолетового как основного цвета в дизайне сайта
- Коричневый (Nespresso, UPS). Ассоциируется с качеством и доступностью; подчёркивает, что данным продуктом может пользоваться кто угодно.
Использование коричневого в дизайне сайта
- Чёрный (Chanel, Adidas). Вызывает ассоциации с роскошью, элегантностью.
- Белый (Apple, Nike). Подразумевает технологичные, удобные для пользователя продукты.
Белый цвет в основе цветовой палитры сайта
Если у вас уже есть цветной логотип, имеет смысл выбрать основной цвет, соответствующий вашей фирменной символике. Например, на сайте Nintendo доминирует красный цвет.
Совет! При выборе цвета(ов) для сайта не забудьте сохранить шестнадцатеричный код для каждого.
Дополнительные оттенки
После того как вы определились с основным цветом, самое время выбрать другие цвета, которые вы будете использовать. Хорошей отправной точкой здесь является рассмотрение цветовых сочетаний. У каждого оттенка есть свой «партнёр», который идеально сочетается с ним.
Как правило, это контрастные тона. Например, красный круг на зелёном фоне будет смотреться намного лучше, чем синий.
Но синий круг будет выглядеть ярче и заметнее на оранжевой подложке. Поэтому если в дизайне веб-сайта преобладает зеленый, рекомендуется использовать красный цвет для оформления CTA-кнопок или выделения важных элементов, к которым вы хотите привлечь внимание пользователей.
Совет! Постарайтесь выбрать только один или два цвета кроме основного. Если оттенков будет больше, вам придётся бороться с беспорядком. Ничто не будет выделяться, если вы будете заваливать посетителей множеством разных стимулов.
Хорошим примером использования дополнительных цветов является сайт продажи слуховых аппаратов Eargo. Его основной цвет — оранжевый, поэтому разработчики использовали более тусклый синий цвет, чтобы выделить наиболее важный раздел своего веб-сайта. Этот синий контрастирует с ярко-оранжевым, который также выделяет важные элементы, такие как кнопка «добавить в корзину» и логотип.
Полезно! Для работы с цветами рекомендуем использовать специальные сервисы.
Например:
Цвет фона
Это важный выбор, поскольку фон вашего сайта теоретически будет перетягивать на себя больше всего внимания. Тем не менее определиться довольно просто, поскольку на самом деле выбор сводится к двум вариантам.
Вы можете выбрать более приглушённую версию основного цвета, чтобы укрепить привязку к бренду. Для этого потребуется наложение белого или светло-серого текста на фон, чтобы текст нормально отображался и был читабельным.
В качестве альтернативы вы можете просто сделать фон сайта белым (или приближённым к нему), что является более распространённым выбором. Это безобидно и не помешает тексту, изображениям или ссылкам привлекательно выглядеть на любой странице. Вот пример такого решения:
Яркие зеленые элементы дизайна на белом фоне сайта
Читайте также: Главные тренды UX/UI дизайна 2021 года
Текст
Последняя остановка в вашем красочном путешествии — это выбрать цвет шрифта.
Можно пойти по простому пути и выбрать классический чёрный вариант. Но полистайте сайты в интернете — и вы обнаружите, что чисто чёрные гарнитуры не так распространены, как кажется.
Чёрный шрифт на белом фоне может вызвать утомление глаз, так как здесь речь идёт о стопроцентном контрасте — и люди с большей вероятностью покинут страницу, если ваш сайт будет трудно читать.
Хотя яркие цвета следует зарезервировать для ссылок и важной информации, вы можете использовать оттенки серого для основного текста, чтобы придать своему сайту более мягкий и привлекательный вид. Здесь нет места для экспериментов.
Полезные советы
К настоящему времени вы уже скорее всего знаете, какую цветовую гамму будет использовать ваш сайт. Вот несколько дополнительных советов, которые помогут вам окончательно определиться с этим аспектом дизайна.
Чтобы укрепить свой бренд, вы можете использовать разные цвета с одинаковой насыщенностью. Насыщенность — это ещё один способ обозначить яркость цвета.
Посмотрите, как производитель напитков Innocent использует цвета на своём сайте. Это отличный пример: в дизайне используется шесть разных цветов, но ни один из них не кажется неуместным или неприятным. Это потому что их насыщенность приглушена до одного и того же уровня.
Чтобы оттенки гармонично смотрелись в дизайне, им нужно придать одинаковую насыщенность
Если у бренда есть сильная связь с определённым цветом, вы можете не захотеть отходить слишком далеко от него. Однако никто не мешает взять ваш основной цвет и немного поиграть с насыщенностью. Пример реализации этого подхода можно увидеть на сайте TechCrunch. Все пять цветов, использующихся на его страницах, являются оттенками зелёного. Но за счёт разных уровней яркости они меняют внешний вид страницы, не вступая в противоречие с фирменным стилем.
Также читайте другие статьи в блоге Webpromo:
- Ключевые фразы long tail – значимая часть SEO-оптимизации сайта;
- Как изменилась роль директора по маркетингу после пандемии? Исследование LinkedIN и опыт Webpromo;
- Какие соцсети и мессенджеры самые популярные среди украинцев?.
И подписывайтесь на наш Telegram-канал про маркетинг.
Цветовая гамма для сайта — TemplateMonster
Использование подходящей цветовой гаммы — это самый быстрый способ создать хорошее первое впечатление на пользователя. Задача состоит в том, чтоб правильно скомбинировать цвета, делая дизайн сайтов элегантным и запоминающимся.
Существует множество способов выбрать подходящее сочетание цветов для сайта. Но максимально удобными и понятными для пользователей являются всего три их них.
Способ 1 — Начните с чистого листа.
Первый метод заключается в создании цветовой палитры с нуля. Для этого рекомендуется использовать специальные инструменты, способные помочь определить оптимальные цветовые сочетания для сайта. А именно:
-Adobe Kuler
-COLOURlovers
-ColoRotate
-Color Scheme Designer
Сколько цветов использовать?
Хотя нет твердого и четкого правила, но чем шире цветовая гамма для сайта, тем сложнее будет создать единую концепцию для всего сайта.
Есть одно хорошее правило 60-30-10, которое применимо для такого случая. Оно гласит, что три цвета должны использоваться в разной степени (60%, 30%, 10%), чтоб создать идеальную гамму.
Основной цвет должен покрывать около 60% пространства, 30% должны контрастировать с 60%, чтоб создать визуально поразительный эффект и 10% — это «цвет акцента», который должен дополнять ваш основной или вторичный цвет.
Используйте оттенки
В дизайнах, где вам необходимо поменять цвета в количестве более трех-пяти, можно использовать оттенки. Этого, например, требуют веб-страницы, богатые контентом, где необходимо визуально разделять боковые панели, подписи и таблицы от другого контента.
Оттенки могут использоваться как дополнительные цвета, которые не будут конфликтовать с существующей цветовой схемой.
Способ 2 — Начните с изображения.
Фотографии могут стать отличным источником вдохновения, когда дело доходит до выбора цветовой схемы.
При включении изображений в дизайн, будь то фоновые изображения, оригинальная фотография или графический дизайн, согласуйте цвета между ними и макетом.
Это создаст единый дизайн. Возможно, что именно фотография вдохновит вас на создание определенного дизайна с подходящей цветовой схемой.
Метод 3 — Начните с бизнес-целей.
Цвет также может использоваться для того, чтоб подтолкнуть к действию.
Если целью сайта является продажа чего-то, выберите цвета, которые будут призывать пользователей делать покупки. Исследователи рынка и бренд-менеджеры провели ряд исследований и определили цвета, которые идеально подходят для определенных типов бизнеса.
Так, дизайн сайтов ресторанов, обычно оформлен в красных и оранжевых тонах, банков и финансовых учреждений в синих, а ресурсы, предлагающие люксовые продукты, в черных цветах.
***В результате, тщательно подобранные цветовые комбинации, наряду с оттенками, способны вызывать различные реакции, настроения и чувства у пользователей. Выберите для себя самый оптимальный способ и подберите такие цвета для сайта, которые сделают ваш сайт узнаваемым.
Цветовая палитра вашего веб-сайта может создать или разрушить ваше взаимодействие с пользователем
На вашем веб-сайте есть много частей, которые работают вместе, чтобы создать живую, дышащую, ориентированную на пользователя машину. Как вы уже догадались, одна из тех частей, которая может улучшить или разрушить ваше взаимодействие, — это цветовая палитра вашего сайта!
Почему для ваших пользователей важна эффективная цветовая палитра веб-сайта?
Цвет является важным элементом укрепления вашего бренда, создания доверия, обеспечения иерархии и выделения важных сообщений. Правильная цветовая палитра может помочь вашим пользователям плавно перемещаться, взаимодействовать с контентом и даже восхищаться вашим сайтом! Если у вас неправильная цветовая палитра или ее отсутствие вообще, это может сбить с толку, раздражить или даже оттолкнуть клиентов. Помните золотое правило: у вас есть только 3 секунды, чтобы произвести впечатление, прежде чем пользователи уйдут.
Это то, к чему мы очень серьезно относимся в процессе разработки нашего веб-сайта, и мы думаем, что вы должны понять, почему!
Вот несколько рекомендаций по созданию и правильному использованию цветовой палитры веб-сайта:1. Совместите с вашим брендом
Если цветовая палитра вашего веб-сайта не соответствует вашему бренду, это может создать путаницу с брендом. Это может произойти, когда вы используете несовместимые оттенки, слишком много цветов, цвет, который не имеет никакого смысла или недостаточно одного цвета по отношению к другим.
Как привести цветовую палитру веб-сайта в соответствие с вашим брендом:
Большинство брендов используют 1 или 2 основных цвета в своем логотипе, в то время как большинству веб-сайтов потребуется от 4 до 5. Это не означает, что они должны отличаться цвета. При добавлении цветов в палитру для удовлетворения потребностей веб-сайта обязательно помните, что использование нейтральных оттенков, оттенков существующего цвета или контрастного цвета может иметь большое значение!
Всегда помните о своей целевой аудитории и не используйте цвета, которые могут поставить под угрозу целостность вашего бренда.
Например, большинство строительных компаний не являются розовыми, и их пользователи не будут хорошо реагировать на розовый цвет (если, конечно, это не тот человек, которого вы ищете, кто знает!).
См. пример цветовой палитры веб-сайта, состоящей только из логотипа:
2. Используйте психологию цвета
Если вы не обращаете внимания на психологию цвета и то, как она влияет на вашу целевую аудиторию, вы можете показывать не те вещи не тем людям. Это может привести к тому, что пользователи неправильно поймут вас и то, что ваш бизнес должен для них значить. Это может привести к тому, что пользователи почувствуют что-то не то, что вы хотели.
Например, представьте, что вы ищете нового дантиста, вам нужен опытный, надежный и доступный. Вы ищете в гугле и нажимаете на 5-ю ссылку вниз, страница загружается, и основной цвет — коричневый! Вы по-прежнему чувствуете себя комфортно, чистя зубы здесь? Возможно нет. Почему это? Потому что коричневый земной, естественный и обычно используется на открытом воздухе.
Этому дантисту было бы лучше использовать цвета, которые создают ощущение спокойствия, безопасности, безмятежности и доверия. Вот некоторые из этих цветов: синий, серый, зеленый и белый.
Как использовать цветовую психологию в своих интересах:
Если вы знаете свою целевую аудиторию, вы должны знать некоторые эмоции, которые вызывают у них чувство безопасности, взаимодействие и, в конечном счете, покупку. Проведя небольшое исследование, вы сможете выяснить, какие цвета вызывают определенные эмоции человека. Сосредоточьтесь на поиске основного цвета, который «подходит» вашей целевой аудитории.
Ниже приведено краткое руководство по цветам (с примерами брендов):
3. Обеспечьте правильное количество контраста
Когда вы не обеспечиваете достаточного контраста в своей цветовой палитре, вы рискуете потерять клиентов, потому что она не читается. Вы когда-нибудь были на веб-сайте на своем телефоне и у вас были проблемы с чтением оранжевого текста на синем или светло-серого текста на белом фоне? Это именно та проблема, которую создает отсутствие правильного контраста!
Если у вас недостаточно контраста между цветами, вы можете выглядеть скучно и не иметь ничего, что выделялось бы.
Неправильно используя цвета на контрастном фоне, вы рискуете читабельностью. Цвета, которые слишком сильно контрастируют (да, слишком много тоже возможно), могут создать то, что мы называем «цветовыми вибрациями», когда цвета начинают вибрировать друг относительно друга и причинять боль глазам.
Как обеспечить нужное количество контраста:
Теперь не все здесь являются экспертами по цвету, отличный инструмент для использования, который дает вам преимущество, — это Adobe Color.
Вот примеры хорошего и плохого использования контраста с использованием одних и тех же цветов:
4. Иерархия рычагов
Одной из самых больших ошибок при использовании цветовой палитры является ее неразумное использование. У вас может быть идеальная цветовая палитра для веб-сайта, но если вы не используете ее в своих интересах, иногда смысл не срабатывает. Вы можете столкнуться с беспорядком цветов и отсутствием последовательности в использовании. Иногда у вас все цвета правильные, но пропорции неправильные. Если основной цвет бренда — синий, а дополнительный — оранжевый, пользователи ожидают увидеть больше синего, немного оранжевого и оттенков серого.
Как использовать иерархию:
Помните, что ваша цветовая палитра — это инструмент, когда дело доходит до вашего веб-сайта. Используйте основные цвета для более крупного текста, призывов к действию, ссылок и кнопок, чтобы создать визуальную разницу между фоном и основным текстом.
Используйте вторичные цвета, чтобы выделить вторичные призывы к действию, ссылки и все остальное, что не требует немедленного внимания. Ваши приглушенные цвета, третичные цвета или оттенки серого пригодятся, когда вам нужен фоновый цвет или небольшой элемент дизайна, который не должен конкурировать за внимание.
Один из способов продвинуться вперед — создать руководство по стилю. В приведенном ниже руководстве по стилю показано, как следует использовать цвета. Примечание: не все используется в одном и том же качестве.
5. Оставьте место для «белого» пространства
Представьте себе, что вы попали на веб-сайт, который имеет яркий цвет поверх яркого цвета, цвет текста, цвет фона, цвет кнопки, элементы дизайна окрашены, элементы везде – ты еще не потерялся? Даже если бы все эти цвета были в цветовой палитре, соответствующей вашему бренду, и вы использовали психологию цвета, это все равно отвлекло бы ваших пользователей и заставило бы их бежать.
Без пустого пространства или места, где ничего не происходит, пользователю негде дышать. Это вызывает стресс у пользователя, что в конечном итоге, как вы уже догадались, заставляет его уйти.
Как создать «белое» пространство:
Вы можете подумать, что мы говорим о белом цвете. Ну, это не так. Мы говорим о визуальном пространстве вокруг элементов. Это чаще всего называют «белым» пространством, потому что именно с него начинается большинство веб-сайтов и является фоном большинства веб-сайтов.
Чтобы создать «белое» пространство (визуальное пространство) вокруг элементов, убедитесь, что ваши цвета не располагаются друг над другом. Прежде чем переходить к следующему разделу, убедитесь, что вокруг текста есть место для чтения и усвоения. Убедитесь, что вы используете свои цвета для создания разделов и фона. После того, как вы убедились, что у всего на вашем веб-сайте есть передышка, вы успешно создали «белое» пространство, все еще используя свою потрясающую цветовую палитру.
В заключение
Возможно, вы немного не в себе, но, надеюсь, теперь вы понимаете важность наличия всесторонней цветовой палитры веб-сайта. В конце концов, все сводится к вашему взаимодействию с пользователем, и, не имея потрясающей цветовой палитры, вы рискуете его потерять.
Мы в Muletown Digital очень серьезно относимся к каждому этапу процесса брендинга, веб-дизайна и разработки, и это один из них, который мы не хотим пропустить, и вы тоже должны это сделать.
Теперь у вас есть несколько советов и приемов, которые вы можете использовать, чтобы просмотреть свой сайт или, по крайней мере, увидеть, как другие веб-сайты реализуют (или не применяют) описанные выше стратегии! Если вы хотите сосредоточиться на этом, но у вас недостаточно времени, мы можем помочь вам просмотреть ваш сайт с помощью нашего БЕСПЛАТНОГО АУДИТА!
25+ красных веб-сайтов, которые демонстрируют смелые цвета в веб-дизайне
Vandelay Design может получать компенсацию от компаний, продуктов и услуг, представленных на нашем сайте.
Для получения более подробной информации, пожалуйста, обратитесь к нашей странице раскрытия информации.
Как графический дизайнер вы знаете, что выбор цвета для веб-сайта определяет то, как компания представляет себя потенциальным клиентам. Важно учитывать психологию цвета и убедиться, что цветовая палитра, которую вы используете в своем дизайне, соответствует миссии и видению компании, которую она представляет.
Вероятно, поэтому синий и зеленый цвета так распространены в веб-дизайне. Это хороший выбор, хотя и безопасный и консервативный. С другой стороны, красный? Это огненно. Это цвет страсти, силы, волнения и даже опасности. Это очень интенсивный цветовой выбор.
По этой причине красный часто используется в качестве акцентного цвета, чтобы привлечь внимание к призыву к действию — например, к кнопке «Купить сейчас» или к большой распродаже. Но мы здесь не для того, чтобы говорить о красных пятнах. Мы смотрим на сайты, которые прошли весь путь!
Вас также могут заинтересовать другие витрины:
- Желтые веб-сайты
- Коричневые веб-сайты
- Черные веб-сайты
Витрина красных веб-сайтов
Если вы ищете вдохновение для красного цвета, у нас есть для вас покрытый.
Вот более 25 лучших примеров красных веб-сайтов в Интернете. Вы увидите широкий спектр минималистского и современного дизайна, забавного дизайна и женственного дизайна, но у всех этих сайтов есть одна общая черта: они действительно выбрали красный цвет.
Zyro
Zyro — это простой в использовании конструктор веб-сайтов, ориентированный на владельцев малого бизнеса. Они намеревались помочь людям монетизировать свою страсть с помощью веб-сайтов электронной коммерции, поэтому вполне естественно, что их веб-сайт буквально оформлен в цвете страсти!
Для фона выбрали светло-кирпичный цвет. Не путать с розовым, светло-кирпичный — это цвет кирпича, который со временем выгорел на солнце. Красный — смелый выбор, но хороший выбор для владельцев бизнеса, которые склонны делать смелый выбор.
Spline
Как написано на их домашней странице огромными черными буквами на сплошном алом фоне, Spline является ведущей фирмой в области машиностроения, электротехники и сантехники.
У них внушительное портфолио работ, и они не боятся его показывать. Красная цветовая палитра на их веб-сайте показывает их доминирование в этой области. Они явно являются авторитетом на этом рынке. Как видите, красный отлично сочетается с черным и белым.
Красный робот
Ладно, было бы странно, если бы компания под названием «Красный робот» не показывала на своем сайте хотя бы немного красного цвета. Но они прошли весь этот путь! Little Red Robot — дизайнерское агентство полного цикла с внушительным списком бывших клиентов. На их веб-сайте не только ярко-красный цвет, но и много анимации и движения, что усиливает ощущение энергии, которую уже обеспечил цвет. Вы чувствуете, что работа с этой компанией будет увлекательной, творческой и веселой.
пять/четыре
Вот еще один сайт, который выбрал более яркий оттенок красного в качестве основного цвета своего сайта. Five/four — дизайнерское агентство, специализирующееся на инновациях, предпринимательстве и благотворительности.
Концепция «пять/четыре» связана с подписью самого продаваемого джазового сингла. Понятия новаторского мышления, страсти, азарта и даже немного опасности хорошо представлены с использованием красного цвета.
Инфракрасный
Это тот случай, когда никакой другой цвет не имеет такого смысла, как красный цвет. Infrared — это сеть членских спа-салонов в Техасе, которые используют инфракрасные технологии в своих саунах. Различные оттенки красного от розового до яркого оранжево-красного, глубокого пурпурного и даже изображений с красными тонами настолько эффективны, что вы практически можете почувствовать тепло, исходящее от веб-сайта.
Brand Aid
UX-дизайнерская компания Brand Aid предлагает очень крутой фирменный дизайн, включающий привлекающий внимание ярко-красный веб-сайт. Красный вызывает самые сильные эмоции среди всех цветов, поэтому, если вы ищете компанию для найма, этот дизайн вам обязательно запомнится. Эта ярко-красная домашняя страница работает так же, как знак остановки, который кричит «остановись и прочитай это!»
Fable & Mane
Компания по производству продуктов для волос Fable & Mane не использовала красный в качестве основного цвета, но это отличный пример одного из способов сделать красный цвет более заметным и сбалансированно включить его на свой веб-сайт.
без использования цвета для всего дизайна. Когда вы сочетаете красный с дополнительным цветом, таким как синий, показанный здесь, это снижает интенсивность цвета. Это по-прежнему смелый дизайн с множеством красных элементов дизайна, таких как полоса в верхней части страницы и солнечные лучи, которые вызывают важную информацию.
Web Field Manual
Вот еще один фантастический пример того, как сочетание красного с дополнительным цветом может изменить эффект, который он оказывает на зрителя, и действительно смягчить интенсивность красного. Этот дизайн имеет очень винтажную атмосферу кемпинга, и это именно то, к чему стремилось Web Field Manual, но вместо того, чтобы быть старым полевым справочником для отдыхающих, это полевое руководство по веб-дизайну.
Чикагский университет
Чикагский университет использует глубокий кроваво-красный цвет в качестве фирменного цвета, поэтому неудивительно, что этот цвет часто встречается на их веб-сайте. Этот темно-красный цвет олицетворяет силу, власть, власть и интенсивность.
Это цвет победителей. Как лидеры в области преобразующего образования, это идеальный выбор цвета для школы.
Shake
Нажмите на этот сайт, и вы увидите очень яркий красно-оранжевый цвет. Shake — это студия креативного дизайна, которая фокусируется на долгосрочных, устойчивых идеях. Смелые цвета ярко-красного и ярко-белого в сочетании с минималистичным дизайном их сайта оставляют впечатляющее первое впечатление. Сайт энергичный, захватывающий, интенсивный и страстный. Те же качества, которые вы могли бы искать в дизайнерском агентстве.
Tre’dish
Ах, красный цвет и еда. Вот тема, которую мы еще не затрагивали! По мнению теоретиков цвета, красный цвет на самом деле увеличивает наш аппетит, когда мы смотрим на него. Вот почему его так часто используют в ресторанах (привет, McDonald’s!). Сотрудники Tre’dish, должно быть, знали об этом, когда выбрали яблочно-красный в качестве цвета фона. Почти уверен, что я только что почувствовал, как у меня заурчало в животе…
Аутлаб
Хорошо, Аутлаб.
Вы розовый веб-сайт или рубиново-красный? Веб-сайт компании веб-дизайна, с уклоном в розовый цвет, , находится в этом списке, чтобы показать вам, что красный цвет можно сделать более мягким, более женственным и менее интенсивным. Но все же привлекающий внимание и мощный. Мало того, что это более мягкий оттенок красного, он также сочетается с дополнительным цветом, который еще больше снижает его интенсивность. Видеть? В конце концов, красный — гибкий цвет.
Polyester Studio
На веб-сайте этой анимационной студии представлено множество их анимаций практически всех цветов радуги. Но так получилось, что основной цвет на их веб-сайте — теплый, бледно-красный, лососевый. Почему из всех цветов в их архиве они выбрали именно этот? Возможно, потому что он изображает энергию и действие — так же, как их анимация. Или, может быть, это возврат студии к «красной ковровой дорожке»?
Reynders
Не готовы сделать красный цвет полностью цветом вашего веб-сайта, но все еще нуждаетесь в дизайнерском вдохновении, чтобы узнать, как его эффективно использовать? Принтер для печати этикеток Reynders отлично с этим справляется.
Когда вы прокручиваете веб-сайт, вы увидите, что красный цвет используется в качестве яркого привлекающего внимание цвета фона в некоторых местах. В других местах вы обнаружите, что он используется экономно, чтобы привлечь внимание к ключевым сообщениям. Они также тщательно выбрали цвета и изображения, которые сочетаются с красным и не конкурируют с ним.
Школа дизайна Парсонса
Parsons — школа дизайна номер один в США и одна из трех лучших в мире. Как школе, которая доминирует в этой области, не составляет труда, чтобы их логотип и их веб-сайт были ярко-красными. Воспитывать и преобразовывать молодые умы, посещающие школу, можно только со страстью, любовью к дизайну, инновациям, энергией и волнением.
Лучшие сцены ужасов
Мы не коснулись коннотаций красного цвета, которые можно считать негативными. Красный часто ассоциируется с опасностью, предупреждением, гневом и страхом. Подумайте о пожарных машинах, красных флагах и знаках остановки. Это может быть минусом, если только на вашем сайте нет отрывков из лучших сцен из фильмов ужасов.
Если это так, то зачем вам что-то еще?
Wokine
Французское дизайнерское агентство Wokine разработало эффективный дизайн домашней страницы с использованием черного, белого и ярко-красного цветов. Черный, белый и красный — обычное трио цветов в дизайне, потому что оно привлекает внимание — и этот сайт не исключение. Использование более светлого красного помогло немного смягчить интенсивность. Тем не менее, вы все еще чувствуете, что у этой компании есть энергия и страсть, чтобы выполнить свою работу.
Большеглазые олени
Вот еще один розово-красный дизайн для вашего вдохновения. Веб-дизайнеры и UX-дизайнеры Big Eye Deers выбрали фоновое изображение мягкого красного тона для своего веб-сайта. Они называют себя «знатоками потрясающего онлайн-присутствия», поэтому крайне важно, чтобы их собственный веб-сайт был оформлен в потрясающем цвете, останавливающем прокрутку. Просто любой старый синий или зеленый не годится!
Flatstack
Дизайн веб-сайта разработчика программного обеспечения Flatstack является еще одним примером компании, которая экономно использует цвета — веб-сайт в основном черно-белый, но продуманно подобранные всплески красного цвета отрываются от страницы, чтобы привлечь внимание к ключевым сообщениям и призывам к действию.
Если это действительно важно, вы увидите его красным цветом.
Preuve Digital
Preuve Digital — бутик-компания, занимающаяся маркетингом и дизайном, которая выбрала белый и красный цвета в качестве основных цветов своего бренда. Им нравится создавать уникальные стратегии, которые прорезают шум, и это именно то, что они сделали, когда выбрали ярко-красный цвет для своего сайта. В море простых веб-сайтов такой огненный оттенок, безусловно, будет выделяться среди толпы.
Oxide Interactive
Эта компания, занимающаяся цифровыми веб-разработками, выбрала великолепный градиент от оранжево-красного до темно-бордового для своего веб-сайта в сочетании с оттенками серого и белыми линиями. В результате получается уникальный, захватывающий, привлекающий внимание дизайн. Даже когда вы прокручиваете сайт и уходите от красного цвета фона, вы заметите, что они по-прежнему используют красный цвет для призыва к действию для просмотра своих тематических исследований. Помните, что красный цвет всегда будет привлекать внимание зрителя, поэтому используйте его везде, где вы хотите, чтобы люди смотрели.
Boy-Coy
Вот еще одна студия дизайна (эта разрабатывает приложения), которая выбрала лососево-красный цвет для своего основного сайта! Как вы думаете, почему так много дизайнерских компаний выбирают красный цвет? Потому что это цвет страсти, энергии и волнения? Потому что это цвет победы и доминирования в отрасли? Или потому что это уникально, и они знают, что это выделит их? Как бы то ни было, красный — отличный выбор, когда вы хотите заявить о себе.
Маман Корп
Генеральный подрядчик и группа управления строительством Maman Corp. использует смесь полноэкранной фотографии и красного цвета интересным и красивым способом. Когда вы прокручиваете сайт, изображения и видео превращаются в сообщения в цветовой гамме старых знакомых красного, белого и черного цветов. Конечно, ключевое сообщение всегда отображается ярко-красным цветом.
Denny’s
Любимая закусочная Америки, Denny’s знает, что красный цвет заставляет людей голодать, поэтому они не скупились на алый цвет, когда дело дошло до цветовой схемы их сайта.
Теперь вы можете нагулять аппетит, глядя на малиновый фон, заказывая Moons Over My Hammy и завтрак Grand Slam!
Dolox
Dolox занимается дизайном и разработкой программного обеспечения, и на их веб-сайте используется несколько разных цветов. При первом посещении фон ярко-красный. Позже он меняется на оранжевый, зеленый, синий и другие цвета. Используя красный цвет в качестве первого цвета, с которым сталкиваются посетители, компания Dolox проделала большую работу по обеспечению того, чтобы сайт очень быстро привлекал внимание посетителей.
Энтони Флорио
Фотограф Энтони Флорио использует коралловый оттенок для половины фона своего веб-сайта-портфолио, в сочетании с фиолетовым для другой половины. Это еще один пример сочетания красного с другим цветом, чтобы смягчить его интенсивность. Необычно видеть такие яркие цвета на веб-сайтах портфолио — они обычно придерживаются белого или черного цвета и оставляют цвета только для изображений. Использование цвета определенно производит впечатление.