Содержание

палитры из кино ⭐ Блог TemplateMonster

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

  1. Лучшие цвета для оформления сайта
  2. Цвета для сайта на тему мода и красота
  3. Спорт, хобби и развлечения
  4. Бизнес и услуги
  5. Цветовые тренды 2020 года

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

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

Лучшие цвета для оформления сайта

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

  •     Синий: уверенность, спокойствие, успех
  •     Фиолетовый: очарование, гламур, престиж
  •     Зеленый: прочность, экологичность, надежность
  •     Желтый: современность, задор
  •     Красный: уверенность в себе, экспертность, мотивация

Холодные цвета отлично передают профессионализм и спокойствие. Теплые цвета — хороший выбор, если ваш бренд отражает энергию, страсть и энтузиазм. Используйте правило, где 60% — доминирующий оттенок, 30% — вторичный цвет, а 10% — акценты (например, СТА).

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

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

Интернет-магазин одежды

Причудливые пастельные тона выглядят свежо, стильно и молодежно. Они фокусируют внимание посетителей на продукте и помогают отличать группы товаров.

«Эдвард Руки-ножницы»

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

“Волк с Уолстрит”


Сайт свадебного салона

“Мария-Антуанетта”


Сайт салона красоты

“Волк с Уолл-стрит”


Спорт, хобби и развлечения

Сайт на тему автомобили

Красный — цвет страсти, энергии, скорости. В продуманном сочетании с черным и синим придаст сайту авторитетности.

 “Неоновый демон”


Сайт в тематике развлечения

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

“Бегущий по лезвию 2049”


Магазин домашнего декора

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

“Леон-киллер”


Сайт фотографа

“Ребенок Розмари”


Спортивный сайт

“Омерзительная восьмерка”


Бизнес и услуги

Сайт ресторана

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

“От заката до рассвета”


Сайт недвижимости

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

“Светская жизнь”


Медицинский сайт

Медицинские сайты должны вызывать доверие и чувство исцеления. Это хорошо выходит у синих оттенков.

“Шоу Трумана”

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

“Бронсон”


Сайт турагентства

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

“Любовь и милосердие”


Бизнес-сайт

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

“Марсианин”

 “Оно”

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

“Труп невесты”


Сайт адвоката

“Темный рыцарь”


Интернет-магазин электроники

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

“Афера по-американски”

“Терминатор”


Цветовые тренды 2020 года

                    Информация взята с www.shutterstock.com

Откройте для себя Lush Lava, Aqua Menthe и Phantom Blue — три оттенка, которые будут доминировать в 2020 году и продемонстрировать тенденцию к максимализму и насыщенным оттенкам.

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

Пышная лава
взято с www.shutterstock.com

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

Аква Менте
Взято с www.shutterstock.com

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

Фантомный синий

Более темные тона передают стабильность, надежность и утонченность, и Phantom Blue не является исключением. Несмотря на то, что он поразителен сам по себе, он также является идеальным компаньоном для ярких контрастных цветов.


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

Друзья, а какая палитра понравилась вам больше всего? Из чего вы черпаете вдохновение? Поделитесь с нами!


Читайте также:

10+ трендов веб дизайна 2020

Дизайн в пастельных тонах: примеры использования

40 Бесплатных Photoshop градиентов для дизайна

Удачные цвета логотипа【 Лучшие 33 сочетания фирменных цветов 】WeLoveBrands

Знаете ли вы, на что в первую очередь обращают внимание потенциальные клиенты? На ваш имидж. А имидж, в первую очередь, составляет удачно оформленный логотип. Ведь, как не старайся, встречают по одежке. Так что “съехать” с создания крутого лого не выйдет.

Как побудить человека к покупке с помощью логотипа?

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

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

Логотип слишком сложный

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

Ничем не выделяется среди остальных

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

Неправильно подобран цвет

Неправильно выбранный цвет в лого — одна из самых распространенных проблем среди компаний. Ведь цвет — это то, что влияет на восприятие вашего логотипа, а соответственно, и всей фирмы. Можно смело сказать, что цвет “решает”.

Не рассказывает о вашей компании

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

А чтобы ваша символика запомнилась потенциальному покупателю, следует обратить внимание на его “окрас”. Потому что каждый цвет вызывает у человека определенную эмоцию. И те дизайнеры, которые пользуются этим оружием, обычно и создают крутые лого. Как же правильно подобрать нужный тон и с чем его вообще едят? Читайте дальше.

Почему важно выбрать правильный цвет для логотипа?

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

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

Также имеет вес и актуальность цвета для логотипа. Существуют тренды на разные тона. Какие цвета наиболее популярны на данный момент? Читайте дальше.

Как подобрать сочетания цветов для логотипа

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

  1. Монохромные цвета.В основе этого утонченного и консервативного метода лежит использование различных оттенков, тонов одного цвета (например, спектр красного, начиная от светлого к темному).   
  2. Аналогичные цвета. При таком универсальном способе используются оттенки, которые расположены рядом на цветовом круге. 
  3. Комплиментарные (дополнительные) цвета.
    Данная схема предполагает использование цветов, которые находятся напротив друга друга на цветовом круге (например, фиолетового и желтого, красного и зеленого, оранжевого и синего). Из-за высокой контрастности и высокой интенсивности их может быть сложно гармонично применить, особенно в чистом виде.   
  4. Раздельно-комплиментарные цвета. Этот метод заключается в том, что выбирается любой цвет на цветовом круге, а в дополнение ему — два фланговых цвета. В этом случае контраст такой же сильный, как и в комплементарной композиции, но менее резкий.  
  5. Триадный. В рамках такого способа выбор падает на любые три цвета, находящиеся на одинаковом расстоянии друг от друга (например, желто-оранжевый, красно-фиолетовый и сине-зеленый).
     
  6. Тетрадный (дважды комплиментарный). Суть схемы в том, что подбираются две пары цветов, дополняющих друг друга. При использовании этого способа из четырех цветов сначала выбирается один доминирующий, а затем регулируется насыщенность некоторых или всех цветов.  

Цвет и дизайн-стратегия бренда

Основная задача упаковки заключается в том, чтобы продукт (если речь идет о еде и напитках) казался как можно более аппетитным. Добиться этого можно, усиливая различные впечатления:

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

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

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

Лучшие цвета для логотипа

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

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

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

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

Как выбрать фирменные цвета логотипа?

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

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

 

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

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

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

  • Фиолетовый. 
    Из-за того, что он является смесью самого теплого и самого холодного оттенков, он имеет двойственную репутацию. Одновременно возбуждает и успокаивает, притягивает и отталкивает. Он считается королевским цветом. Несет в себе нечто изысканное и мистическое. Его особенно любят производители товаров класса люкс. Фиолетовый — это благородство, духовность, мистика, грациозность и дороговизна. В лого он делает акцент на том, что вы создаете продукт “королевских кровей”.

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

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

  • Зеленый. Цвет природы положительно воздействует на нервную систему. Зеленый = процветание и сама жизнь. Он означает уважение и спокойствие. Правда его переизбыток может означать неопытность и зависть. Но в логотипах он символизирует функциональность, новизну, финансовое процветание. Означает природную свежесть и оптимизм.

  • Желтый. Яркий и жизнерадостный цвет! Что уж сказать, настоящее солнце! Он дарит положительные эмоции и в логотипах смотрится необычно. Но лучше оттенки желтого в чистом виде не использовать. Правда, если с ним перебрать, то он может нести тревожный посыл.

  • Розовый. Наивность и мягкость, своеобразная невинность и женственность — именно так можно охарактеризовать розовый цвет. Если вы хотите показать через свой логотип, что вы — заботливая компания, то выбирайте этот тон. 

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

Выбираем цвет логотипа по сфере деятельности

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

Какой цвет больше и меньше всего подходит каждой сфере бизнеса? 

Красный цвет

Отлично подойдет:

  • Цифровым технологиям и СМИ = смелые решения
  • Ресторанам, особенно быстрого питания = голод, желание
  • Брендам одежды = уверенность в себе
  • Товарам для мужчин = мужественность
  • Автомобилям = сила, мощь
  • Сайтам знакомств = страсть, любовь

Не подойдет:

  • Социальным сетям 
  • Авиалиниям
  • Средствам гигиены
  • Научным компаниям
  • Производителям питьевой воды

Желтый цвет

Отлично подойдет:

  • Энергетической промышленности = динамика, развитие
  • Фастфуду = хороший аппетит
  • Развлечениям и товарам для детей = дружелюбие, радость
  • Сельскому хозяйству = урожай, достаток
  • Автомобилестроительным компаниям = качество, умения

Не подойдет:

  • Медицине
  • Авиалиниям
  • Информационным технологиям

Зеленый цвет

Отлично подойдет:

  • Производителям продуктов питания и напитков = натуральность, свежесть
  • Финансовым компаниям = надежность, процветание
  • Клининговым компаниям = чистота
  • Медицина = здоровье, безопасность
  • Туристическим фирмам = расслабление, легкость

Не подойдет:

  • Производителям сладостей
  • Фастфуду
  • Автомобильным компаниям
  • Брендам одежды

Синий цвет

Отлично подойдет:

  • Медицине = доверие, спокойствие
  • Социальным сетям = общение, дружелюбие
  • Научным корпорациям = “холодный ум”, интеллект
  • Авиалиниям = безопасность, качество
  • Производителям средств гигиены = опрятность, эстетика
  • Производителям питьевой воды = свежесть, чистота

Не подойдет:

  • Сфере питания
  • Организации праздников
  • Товарам для детей
  • Энергетическим компаниям

Фиолетовый цвет

Отлично подойдет:

  • Финансовым компаниям
  • Студиям творчества
  • Салонам красоты
  • IT-сфере
  • Медицине

Не подойдет:

  • Свадебным салонам
  • Сельскохозяйственным компаниям
  • Агентствам недвижимости

Черный цвет 

Отлично подойдет:

  • Косметической индустрии = красота, стиль
  • Автомобилям = качество, статус
  • Элитному алкоголю = дороговизна, высокое качество
  • Одежде, обуви = исключительность, эксклюзив
  • Финансам = надежность, уверенность

Не подойдет:

  • Товарам для детей
  • Медицине
  • Авиалиниям
  • Продуктам питания
  • Развлечениям

Розовый цвет

Отлично подойдет:

  • Брендам одежды = стиль, актуальность
  • Салонам красоты = красота, эстетика
  • Доставкам цветов = романтика, свежесть
  • Свадебным салонам = нежность, трепет

Не подойдет:

  • Сельскому хозяйству
  • Агентствам по недвижимости
  • Финансовым компаниям
  • Магазинам техники

Подбор цвета для логотипа онлайн

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

  1. Adobe Colour CC. Этот инструмент доступен в браузерной и настольной версиях и позволяет пробовать, создавать и сохранять различные цветовые композиции в наборе из 5-ти цветов каждая. При использовании настольного варианта цветовую схему можно экспортировать прямо в Photoshop, InDesign или Illustrator. 
  2. ColourCode. С применением данного веб-ресурса создавать палитру можно как вручную, так и при помощи цветовых систем на основе одного базового цвета, и сохранить набор в 3-х форматах. 
  3. Mudcube Colour Sphere. Этот онлайн-сервис удобен для тех, кто не определился с цветовой схемой, ведь он предлагает выбрать желаемую тему из выпадающего меню. 
  4. Color Palette Generator. С помощью такого бесплатного онлайн-инструмента можно сгенерировать цветовую палитру на базе загруженного файла в любом из форматов JPG, PNG или GIF.
  5. Logomak. Ресурс интересен тем, что позволяет подобрать из нескольких вариантов палитру цветов в зависимости от сферы бизнеса.  
  6. Colrd. В этой галерее собраны готовые палитры, градиенты, картинки с соответствующими им цветовыми схемами.
  7. Material Palette. Благодаря применению этого удобного генератора цветовых схем можно создать палитру в два клика и сохранить набор в одном из 7-ми форматов.
  8. Coolors. Этот онлайн-инструмент с удобным интерфейсом и большим количеством настроек считается одним из лучших для создания цветовой палитры. Позволяет выбрать цвета из загруженного изображения, а также сохранить готовую палитру в нескольких форматах.
  9. Material UI Colors. Сервис содержит палитру цветов для Android, iOS и веба в стиле материального дизайна.
  10. ColorZilla. Это профессиональный веб-инструмент, который дает дизайнерам возможность определить номер цвета, взяв его пипеткой из любой точки браузера. 
  11. ColorHexa. Полезный ресурс вмещает большой объем информации по любому цвету (оттенки, палитры, тона), отыскать который можно путем ввода в поисковой строке английского названия либо HEX- или RGB-кода.
  12. Brand Colors. Использование этого онлайн-сервиса помогает с подбором цветов, которые используют в дизайне логотипов известные бренды. 
  13. COLOURlovers. В библиотеке этого веб-сервиса — более 2 млн готовых цветовых решений, доступных для сортировки по количеству просмотров, рейтингу и дате создания.  
  14. Colorscheme. Данный русскоязычный инструмент предназначен для генерации цветовой схемы на базе 6-ти различных цветовых систем в соответствии с правилами колористики цветового круга.
  15. 0 to 255. Этот сервис предназначен для просмотра всех возможных оттенков с тем, чтобы найти среди них подходящий. 

Самые удачные сочетания цветов для логотипа

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

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

Самые удачные сочетания:

  Желтый+лиловый     Золотой+оливковый     Розовый+цвет зеленой мяты
                     
  Фиолетовый+серый     Серый+цвет фуксии  

  Зеленый+сливочно-белый
                     
  Лимонный+вишнево-красный     Голубой+розовый     Красный+бурый
                     
  Бежевый+изумрудный                

 

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

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

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

Так что если вы в поисках идеального лого — вы знаете что делать!

Как создать цветовую палитру для вашего веб-сайта

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

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

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

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

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

Почему каждому веб-сайту нужна великолепная цветовая палитра

Неправильно подобранная цветовая палитра может отрицательно сказаться на пользовательском опыте, но это не единственный недостаток. Невыбор отличной цветовой схемы также сопряжен с альтернативными издержками. Исследование, проведенное Reboot, показало, что «использование фирменного цвета может повысить узнаваемость вашего бренда потребителем на 80 %».

Просто взгляните на цветовую палитру ниже. На ум приходит название бренда?

Вы можете узнать эти цвета по логотипу Google. Давайте попробуем другой. Приведенная ниже цветовая палитра напоминает название бренда?

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

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

Quicksprout также нашел что «85% покупателей считают цвет основной причиной, по которой они покупают тот или иной продукт». Отдельное исследование, проведенное Beamax, показало, что простое изменение цвета кнопки CTA на веб-сайте может увеличить рейтинг кликов (CTR) на целых 50%. Таким образом, выбор отличной цветовой палитры может помочь вам повысить узнаваемость бренда, повысить CTR на вашем веб-сайте и увеличить продажи.

6 типов цветовых схем и способы их создания

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

1. Монохроматические

Монохроматические цветовые схемы состоят из различных тонов, оттенков и оттенков одного цвета. Оттенки создаются путем добавления белого, тона создаются путем добавления серого, а оттенки создаются путем добавления черного (как показано на рисунке ниже).

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

2. Аналоговая

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

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

Скриншот аналогичных цветов в Цветовой круг Canva

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

Аналогичные цвета часто можно найти в природе, что может объяснить, почему мы, люди, находим аналогичные оттенки такими привлекательными. Представьте огненный закат или зеленые и голубые оттенки тропических вод океана, и вы почувствуете очарование аналогичных цветов. Вот пример пятицветной палитры, созданной с использованием аналогичных цветов с электрическим фиолетовым (шестнадцатеричный код 8F00FF) в качестве основного цвета или отправной точки.

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

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

3. Триадный

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

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

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

4. Дополнительные цвета

Возможно, вы знакомы с дополнительными цветами, даже если вы не эксперт по цвету. Дополнительные цвета — это те, которые находятся на противоположных сторонах цветового круга. Итак, дополнительный цвет Electric Violet — ярко-зеленый.

5. Tetradic

Цветовые схемы Tetradic состоят из двух наборов дополнительных цветов, которые вместе образуют прямоугольник или квадрат на цветовом круге. Вот пример тетрадных цветов:


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

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

6. Сплит-комплементарность

Чтобы создать сплит-комплементарную цветовую схему, вы берете два дополнительных цвета, а затем заменяете один на аналогичные цвета этого цвета (или два оттенка рядом с этим цветом с каждой стороны). Например, давайте снова посмотрим на дополнительные цвета Electric Violet и Bright Green.

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

Скриншот аналогичных цветов для Bright Green в Цветовой круг Canva

Получившаяся цветовая палитра.

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

Инструменты для создания цветовой палитры

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

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

Скриншот цветовой палитры коричневых и нейтральных цветов

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

Важные соображения по цвету

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

  • Ваша аудитория : Люди по-разному реагируют на цвета в зависимости от их географического положения, культуры и многих других факторов. Люди из Нового Орлеана, например, могут ассоциировать фиолетовый и золотой цвета вместе как символ Марди Гра, в то время как жители Лос-Анджелеса могут ассоциировать их как цвета «Лейкерс». Если вы можете, проведите опрос своей аудитории, прежде чем переходить к цветам бренда или веб-сайта.
  • Ваше сообщение : Как только вы поймете свою аудиторию, выберите цвета, которые усилит ваше сообщение. Если вы создаете веб-сайт для расслабляющего спа-салона, вы, вероятно, захотите держаться подальше от ярких красных и оранжевых цветов.
  • Инклюзивность и доступность : Примерно 4,5% населения мира имеют ту или иную форму нарушения цветового зрения. Чтобы убедиться, что ваш веб-сайт является инклюзивным и доступным, вам необходимо проверить, как он выглядит для людей с различными типами дальтонизма. Это легко сделать в Webflow с помощью инструмента предварительного просмотра Vision.

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

10 значений цвета: психология использования различных цветов

Биолог Тимоти Х. Голдсмит объяснил, что «на самом деле цвет не является свойством света или объектов, отражающих свет. Это ощущение, которое возникает в мозгу».

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

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

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

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

Цвет в истории 

Символизм цвета, восходящий к ранним цивилизациям, представляет собой мощную силу, которая укреплялась на протяжении тысячелетий. Красный цвет служил символом зла по крайней мере с 4000 г. до н.э. Красный обычно использовался в качестве акцентного цвета в древнеегипетских иероглифах для обозначения опасности или зла — и сегодня он остается основным цветом команды «Нью-Джерси Девилз» — хоккейной команды НХЛ.

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

Учитывая огромную силу цветов, неудивительно, что цвета используются во всех сферах деятельности для воздействия на потенциальных клиентов. Поставщики продуктов питания, например, использовали цвет, чтобы их продукты выглядели более привлекательными для покупателей, по крайней мере, со времен римлян. Согласно статье, опубликованной в журнале Food Safety Magazine, «вино искусственно окрашивалось, по крайней мере, с 300 г. до н.э.».

Различные значения цвета

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

Вот несколько важных факторов, влияющих на интерпретацию цветов:

  • География : Цвета имеют разное значение в разных странах и регионах. В Америке черный цвет преимущественно ассоциируется с трауром или горем. Но в Китае белый цвет чаще ассоциируется с трауром и его часто носят на похоронах члены семьи умершего.
  • Текущие события : Поп-культура и текущие события могут оказать сильное влияние на то, как мы относимся к разным цветам. Президентские выборы 2000 года в Америке, например, закрепили политические ассоциации демократов как «синих», а республиканцев как «красных». ».
  • Религиозная принадлежность : В зависимости от того, какую религию вы исповедуете, вы можете интерпретировать фиолетовый как символ страдания, королевской власти или интуиции, среди прочего.
  • Социальные группы : Цвета радуги, например, часто используются как символ включения и поддержки ЛГБТ-сообщества.
  • Принадлежность к команде : Многим людям нравятся цветовые сочетания, связанные с их alma mater или любимой спортивной командой. И они могут испытывать отвращение к цветам величайшего соперника своей команды.
  • Поколение : Представители одного поколения испытывают ностальгию по схожим цветовым палитрам.

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

10 значений цветов, которые должен знать каждый дизайнер

Дизайнер может думать о цвете по-разному. Цветовой круг отлично подходит для сопоставления цветов или понимания основных и вторичных цветов. Но когда мы думаем об индивидуальном значении цветов, может быть полезно использовать линейку «Roy G. Biv».

Когда цвета расположены в таком порядке, значения меняются при движении слева направо. Крайние левые цвета вызывают внешнее или физическое действие. Например, красный может означать «стой!» или «купите сейчас, пока не поздно!» Между тем, цвета в крайнем правом углу вызывают самоанализ. Например, фиолетовый имеет значения, связанные с духовными усилиями и просветлением.

Давайте рассмотрим некоторые общие значения каждого цвета.

Значение красного цвета


Красный цвет обычно ассоциируется с:

  • Опасностью
  • Страстью
  • Свирепостью
  • Настойчивостью
  • Любовью
  • Силой
  • Энергией 0125

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

Значение оранжевого цвета

Общие значения оранжевого цвета включают:

  • Жизнеспособность
  • Счастье
  • Вибрация
  • Оптимизм
  • 909121 Осторожность 909120 Энергия
    0125

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

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

Значение желтого цвета

Желтый цвет обычно ассоциируется с:

  • Радостью
  • Позитивностью
  • Солнечным светом
  • Осторожностью
  • 5
  • Болезнью 9000 002 Как последний из теплых цветов в цвете Roy G. Biv В линейке желтый цвет также частично совпадает по смыслу с оранжевым и красным. Желтый также означает тепло. Но если красный — это факел, а оранжевый — свеча, то желтый — это излучаемое солнцем тепло. Это чрезвычайно мощно, но менее угрожающе.

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

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

    Значения зеленого цвета

    Общие значения зеленого включают:

    • Рост
    • Богатство
    • Зависть
    • Равновесие
    • Плодородие
    • 6 Зеленые оттенки имеют сильную связь с ростом и процветанием. . В природе зеленый — это цвет пышного леса или луга. Зеленый — один из моих любимых цветов, потому что это сильный символ баланса. Поскольку зеленый является разделителем между холодными и теплыми тонами в цветовой линейке Roy G. Biv, мы получаем более теплые желто-зеленые и более холодные сине-зеленые. Таким образом, у вас есть некоторая гибкость в том, как вы используете зеленый цвет как дизайнер.

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

      Значение синего цвета

      Синий цвет обычно ассоциируется с:

      • Спокойствием
      • Честностью
      • Безмятежностью
      • Отражением
      • Мудростью
      • 5
      • Надежностью 9000 002 Во многих регионах синий цвет символизирует воду (хотя в Китай, где черный цвет чаще является символом воды), а светло-голубой часто ассоциируется с небом. Эти корреляции с природой помогли укрепить синий цвет как символ спокойствия и безмятежности — просто представьте мирный небесно-голубой фон во второй половине дня, когда вы наблюдаете за облаками, или аквамариновый оттенок ручья, стекающего по речным каскадам.

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

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

        Значение индиго и фиолетового цвета

        Пурпурные оттенки обычно ассоциируются с: 0125

      • Творчество
      • Магия

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

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

      Значения розового цвета

      Розовый цвет может означать: 

      • Романтика
      • Игривость
      • Жизнерадостность
      • Молодость
      • Забота
      • Нежность

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

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

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

      Значения черного и белого цветов

      Подобно розовому, многие люди утверждают, что «черный цвет» и «белый цвет» на самом деле не существуют. Вы заметите, что черный и белый также не появляются в цветовом спектре Роя Г. Бива. Это потому, что черный и белый цвета не являются световыми длинами волн. Скорее черный — это полная темнота или отсутствие света, а белый — это комбинация всех видимых цветовых длин волн. Но это не значит, что черный и белый не имеют сильного значения.

      Общие значения черного цвета включают:

      • Сила
      • Изысканность
      • Неизвестность
      • Горе
      • Солидарность
      • 1 Тьма
          5 2 А белый цвет часто является символом:

          • Ясности
          • Надежды
          • Простота
          • Спокойствие
          • Пустота
          • Свет

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

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

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

          Инклюзивные и доступные сочетания цветов

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