Хорошие сочетания цветов: Лучшие сочетания цветов в одежде. 10 вариантов

Содержание

Лучшие сочетания цветов в одежде. 10 вариантов

Лучшие сочетания цветов в одежде это какие? Давайте разберемся вместе и определим наиболее универсальные и простые варианты на каждый день.

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

Лучшие сочетания цветов в одежде

Красный и Черный

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

Это классика, которая будет актуальна всегда.

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

→ Черный цвет в одежде — сочетания >>

→ Сочетания с Красным в одежде >>

2. Нежная пастель

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

3. Белый

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

  • коричневым
  • синим
  • красным
  • черным

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

Такая палитра также прекрасно подойдет  и для делового образа.

4. Все оттенки — Денима

Совмещать между собой деним разных оттенков раньше было как-то не принято. И там и тут в модных статьях я находила заметки о том, что лучше не надевать вместе джинсовые вещих разных цветов или оттенков. Однако сейчас ситуация изменилась и все чаще на модных показах я замечаю, как талантливые дизайнеры объединяют в одном комплекте, казалось бы, не совместимые оттенки денима. А почему бы и нам не попробовать?! Только запомните:

Оттенки денима не обязательно должны совпадать

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

5. Морская тема

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

Цветовая гамма морской темы состоит из следующих цветов:

  • синий
  • черный
  • белый
  • красный

Добавить вашему образу больше роскоши помогут золотые аксессуары.

6. Горчичный

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

  • оттенки коричневого
  • бежевый
  • розовый
  • бирюзовый и др.

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

7. Бордовый

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

 Лучшие пары с этим оттенком образуют:

  • черный
  • белый
  • серый
  • бежевый
  • молочный
  • кофейный

Еще больше про этот замечательный цвет можно узнать из этой статьи:

→ Бордовый цвет в одежде >>

8. Розовый

Хотите стать еще более женственной и нежной?! Носите розовый! С чем комбинировать его вы узнаете из этой статьи → С чем сочетать розовый в одежде.

Самое выигрышное сочетание розового с белым. Чем светлее оттенок розового, тем нежнее и мягче получится ваш образ. Это цветовая гамма подойдет и для работы (если розовый неяркий).

Каждый год какой-то оттенок розового входит в топ «Модные цвета сезона» от Pantone.

9. Серый

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

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

10. Синий

Ах, этот аристократический синий! Глубокий и насыщенный он смотрится потрясающе. Интересное  модное сочетание получается, если объединить его с:

  • белым
  • бежевым
  • цветом слоновой кости
  • коричневым

В паре с коричневым синий смотрится особенно благородно.

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

Таблицы сочетания цветов

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

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

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

Белый цвет – со всеми

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

Таблица сочетания бежевого цвета






Розовый цвет – с белым и нежно-голубым, с светло- серым, промежуточный между красным и белым тонами.

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

Таблица сочетания красного цвета



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

 Таблица сочетания цвета бордо



Фуксия, малиновый, пурпурный цвета сочетаются с цветами: желтый, оранжевый, темно-зеленый, зеленый, ярко-синий, фиолетовый.

Малиновый цвет также хорошо гармонирует с розовым и белым цветами.

Таблица сочетания цвета фуксия


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

Таблица сочетания кораллового цвета


Желтый цвет – олицетворяет солнце, мудрость, веселье, уверенность в себе и свободу. Золотой цвет – это цвет славы и богатства. Желтый цвет сочетается с цветами: болотным, сине-зеленым, оранжевым, теплым коричневым, шоколадным, черным, темно-синим.

Золотистый цвет хорошо сочетается с цветами: оливковый, коричневый, красный, пурпурный, темно-зеленый, фиолетовый.  Желтый цвет – с синим, фиолетовым, лиловым, бирюзовым. Желтый цвет без отделки или дополнения к нему малопривлекателен.

Таблица сочетания жёлтого цвета

 

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

Таблица сочетания оранжевого цвета

Коричневый цвет – с небесным, кремовым, желтым, зеленым и бежевым, джинсово-голубым, дымчато-синим, светло-зеленым и белым; цветом майской травы и совсем светлым зеленым, лиловым с блекло-розовым. Коричневый цвет сочетается с оливковым, золотистым, сине-зеленым, оранжевым, сиреневым, светло-розовым, всеми оттенками бежевого, цветом слоновой кости и серым. А неожиданное и чрезвычайно удачное сочетание теплого коричневого и бирюзового произведет отличное впечатление.

Ржаво-коричневый сочетается со сливовым с коричневым; фиолетовым с оранжевым и кремово-белым; светло-зеленым с верблюжьим; красным с желтым и кремово-белым; коричневым с ежевичным.

Таблица сочетания коричневого цвета

 

 

 

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

Таблица сочетания зелёного цвета

 

 

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

 

 

Горчичный сочетается с цветами: коричневый, шоколадный, терракот, желтый, бежевый, хаки, сине-зеленый, коралловый, ярко-розовый.

Синий сочетается с оранжевым; коричневым и персиковым, хаки и блекло-оранжевым, кремово-белым, ежевичным с вкраплениями коричневого, светло-коричневым и томатным; серовато-оранжевым и фиолетовым.

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

 

 

Ночную синеву сочетайте с едко-розовым с хвойно-зеленым; красным и белым; бледно-розовым с темно-коричневым и серебристым; майской зеленью с сине-зеленым; серым с ярко-желтым и бледно-розовым.

Синий цвет бывает светлых и темных тонов

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

Темно-синий – со светло-синим (голубым), серым, красным,
джинсово-голубым, дымчатым, сливово-синим; с зеленым и белым; серым, светло-розовым и коричневым; розовым и зелено-голубым; ванильно-желтым и светло-голубым; темно-коричневым, лиловым.

Таблица сочетания синего цвета

 

Голубой цвет сочетается с цветами: розовый, сиреневый, коралловый, светло-фиолетовый, желтый, ярко-синий, темно-синий, серый, белый, бежевый. Бирюзовый сочетается с белым, желтым, оранжевым, фиолетовым, сине-зеленым.

Таблица сочетания голубого цвета

 

 

Сиренево-розовый сочетается с лавандовым и темно-синим; темно-коричневым с розово-красным; коричневым со светло-коричневым; сербристым с джинсово-голубым и желтым, хорошо сочетается с лавандовым.

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

К лиловому цвету относят цвета фиалки или темных соцветий сирени, фиолетовый. Лиловый цвет – это цвет женственности, ассоциируется с утонченностью, грацией и элегантностью. Лучше всего лиловый цвет сочетается с темными нейтральными оттенками – с черным, серым или темно-синим.

Фиолетовый цвет – цвет благородства и роскоши. Лучше всего сочетается с синим. Сиреневый цвет и всевозможные его оттенки считается одним из самых сексуальных, загадочных, таинственных и чувственных цветов. Сиреневый цвет хорошо сочетается с цветами: розовый, белый,голубой,сиреневый более темного или более светлого оттенка, лимонный, цвет увядшей розы, серебряные оттенки, синий, васильковый, лиловый и фиолетовый.

Таблица сочетания фиолетового и лилового цвета

 

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

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

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

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

 

  

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

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

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

Таблица сочетания цвета хаки

  

  

 

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

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

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

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

Все пастельные тона сочетаются между собой независимо от оттенка.

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

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

Между собой можно сочетать либо родственные, либо контрастные цвета. Все остальные варианты – негармоничные.

Родственные – это цвета, которые отличаются друг от друга по оттенку (красный, розовый, тёмно-красный).

Контрастные – это цвета, которые полностью противоположны (фиолетовый – жёлтый, синий – оранжевый). Единственное контрастное сочетание, которое является рискованным – это зелёный и красный.

Лучшие сочетания цветов. – Цвет песка

 

Сочетаем цвета правильно. 30 цветов от белого до чёрного!

 

1. Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным. 

2. Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым. 

3. Серый – базовый цвет, хорошо сочетается с капризными цветами: фуксия, красный, фиолетовый, розовый, синий.  

4. Розовый – с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно — голубым. 

5. Фуксия (темно – розовый) – с серым, желто-коричневым, зеленым лаймом, зеленой мятой, коричневый. 

6. Красный – подходит к желтым, белым, бурым, зеленым, синим и черным. 

7. Томатно – красный: голубой, зеленая мята, песчаный, сливочно – белый, серый. 

8.Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.

9. Малиново-красный: белый, черный, цвет дамасской розы. 

10. Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый. 

11. Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный. 

12. Темно-коричневый: лимонно-желтый, голубой, зеленая мята, пурпурно-розовый, зеленый лайм.

13. Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный. 

14. Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный. 

15. Светло – оранжевый: серый, коричневый, оливковый.  

16. Темно –оранжевый: бледно – желтый, оливковый, коричневый, вишнёвый. 

17. Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный. 

18. Лимонно-желтый: вишнево-красный, коричневый, синий, серый. 

19. Бледно-желтый: фуксия, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный. 

20. Золотисто-желтый: серый, коричневый, лазурный, красный, черный. 

21.Оливковый: апельсиновый, светло-коричневый, коричневый.

22. Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый. 

23. Салатовый цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый. 

24. Бирюзовый: фуксия, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый. 

25. Электрик красив с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.

26. Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый. 

27. Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый. 

28. Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый. 

29. Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, зеленая мята, светло-оранжевый. 

30. Черный универсален, элегантен, смотрится во всех очетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.

 

7 Сочетаний цветов для Веб-дизайна

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

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

1. Меньше значит Больше

Не перебарщивайте! Хоть и красочные сайты выглядят яркими и красивыми, они обычно отвлекают посетителя от основного контента. Палитра из 3-4 основных цветов – оптимальное решение как для человеческого глаза, так и для удобного пользовательского опыта. 

2. Играйте с контрастностью 

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

3. Изучите психологию цветов

Почему люди более расслаблены в зеленых комнатах? Почему “стоп” знаки красные? В то время, как восприятие различных цветовых схем может быть несколько субъективным, реакции на определенные цвета также лежат в основе психологических переживаний: зеленый успокаивает, розовый придает романтики, желтый – позитивный и немного сумасшедший. Значит, те или иные цвета могут иметь огромное влияние на то, как мы чувствуем и действуем. Именно поэтому при разработке сайта очень важную роль играет цветовая палитра, особенно при создании интернет-магазина, где правильные цвета могут увеличить продажи и подтолкнуть посетителей к действию

4. Вдохновляйтесь природой

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

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

 

Использованная комбинация цветов:

  • #d4d1cf
  • #873f2d
  • #171717
  • #1e2223

THE TEA FACTORY

 

Использованная комбинация цветов:

HELLO STUDIOS 

 

Использованная комбинация цветов:

  • #E4DBBF
  • #DC5B21
  • #70AB8F
  • #383127

BOOKS AT WORK

 

Использованная комбинация цветов:

  • #b6d8d5
  • #061b33
  • #c45238
  • #84b0af

NAMES FOR CHANGE 

 

Использованная комбинация цветов:

ANOTHER PONY 

 

Использованная комбинация цветов:

YUMMY

 

Использованная комбинация цветов:

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

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

 

 

> Посмотреть Шаблоны

 

 

Сочетание цветов в интерьере (100+ фото) ✅️Таблицы комбинаций

Нежные пастельные оттенки создают спокойную атмосферу в комнате

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

Содержание:

Контрастный бирюзовые и теплый желтый — отличный тандем для современной светлой кухни

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

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

Удачные примеры цветовых сочетаний из дизайнов интерьера 2018 года

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

Приглушенные теплые оттенки мяты и кофе идеальны для интерьера в ретро-стиле

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

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

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

Сочетания оттенков и цвета в различных помещениях

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

Изящный благородный оттенок изумруда и пудры для элегантной атмосферы

Сочетания цветов в интерьере спальни: теплые цвета

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

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

Гармоничное сочетание светлых пастельных тонов

Главное правило при оформлении интерьера – выделить основной и вспомогательные тона, а также оттенок, который выступит в роли акцента

Сочетание цветов в интерьере гостиной

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

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

Сочетание цветов в интерьере кабинета

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

Романтическая цветовая палитра в отделке домашнего кабинета

Зонирование помещения с помощью окрашивания стен и потолка

Идеальный тандем оттенков серого и натурального дерева

Сочетание цветов в интерьере прихожей и коридора

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

Сочетание цветов в интерьере детской комнаты

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

Подбор цвета для ребенка по возрасту (теория Рудольфа Штейнера)

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

 

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

Возраст Оттенки
6 — 7 лет красный, малиновый, темно-розовый;
8 лет охра и оранжевый;
9 лет цитрин, лимонный, желтый;
10 — 12 лет желто-зеленый, зеленый;
13 — 14 лет бирюза, зеленовато-голубой, голубой;
15 — 16 лет лазурный, ясно-голубой, синий;
17 лет лиловый, лавандовый, сиреневый, фиолетовый и его оттенки.

Красочный декор детской комнаты

Грамотное оформление спальной, игровой и рабочей зон в одном помещении

Сочетания цветов в интерьере ванной и туалета

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

Сочетание цветов в интерьере кухни

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

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

Уютный уголок для приготовления и приема пищи

Сочетание цветов в интерьере: комбинаторика

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

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

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

Таблица, помогающая различать холодные и теплые оттенки

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

Схема компоновки оттенков

О чем говорят цвета? Психология, значение и восприятие цвета

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

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

Элементы декора красного цвета не станут перегружать интерьер

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

Сочетание оттенков синего в интерьере дарит теплую атмосферу

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

Горчично-желтые тона делают интерьер более сдержанным

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

Выигрышное сочетание зеленого с рыжим

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

Идеальное трио сочных оттенков: оранжевый, зеленый и красный

Гостиная в ретро-стиле с мягким цветовым оформлением

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

Немного виноградного оттенка в спокойной нейтральной спальне

Розовый цвет – олицетворение романтики и нежности для женщин всех возрастов. Гармония розовых акцентов напрямую зависит от их насыщенности (от синдрома Барби до зрелой классики). Разбавляя розовый молочными, серыми и серо-зелеными мотивами можно подчеркнуть утонченность и воздушность интерьера.

Романтический образ спальни в бело-розовых красках

Акценты цвета маджента в стильной гостиной

Яркая фуксия в сочетании с бирюзовым — «классическое» яркое сочетание

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

Домашняя мастерская в темном исполнении

Палитра коричневого в оформлении прихожей в стиле модерн

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

Нейтральный серый цвет можно разбавить любым оттенком

Определенные цвета в помещении настроят на нужный лад

Особое внимание при декорировании помещения стоит уделить выбору оттенков

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

Наше восприятие мира на 90% зависит от зрительного контакта и того, что мы видим вокруг себя. Мы мыслим ярко, для запоминания информации задействуем зрительные образы, проецируем, представляем, фантазируем. И каждый раз делаем это в картинках. Что такое чувство цвета и как он эмоционально на нас влияет? Об этом поговорим на страницах блога TemplateMonster.

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

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

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

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

Детали | Демо

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

Детали | Демо

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

Детали

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

  • Colourlovers.com – множество цветовых схем, собранных в категории. Это ресурс, где пользователи сами могут выкладывать свои схемы цветов и назначать им тематику.
  • Colorblender.com – достаточно выбрать основной цвет и с помощью удобных инструментов нанизать все дополнительные оттенки.
  • Colorschemedesigner.com – ресурс поможет не только правильно подобрать цвета для сайта, но и покажет как будет выглядеть он с применением новой цветовой схемы.

Цветовые комбинации логотипов – лучшие сочетания

Содержание:

  1. Как подобрать двойную цветовую комбинацию?
  2. Тройная комбинация
  3. Эволюция трендовых цветов с 2012 до 2020 гг. по версии Pantone
  4. Онлайн-сервисы, в которые помогут подобрать цветовую комбинацию для сайта 

Если написать слово “красный” синей краской, а зеленой — “желтой” и заполнить хотя бы половину листа А4 схожим образом, то, скорее всего, к концу второй строки вы начнете называть оттенки, которые видите, а не читать текст. Если написать на зеленом фоне “Stop”, а на красном “Go”, то многие сделают все с точностью наоборот. Почему так происходит? У психологов есть ответ, и он кроется в Теории цвета. Согласно данной теории цвета имеют свой способ коммуникации с человеком, хотя мы этого часто не замечаем. Поэтому, выбирая свой основной цвет для брендирования веб сайта, ориентируйтесь на то, сможет ли он донести клиентам нужный вам месседж. Если основной цвет подобран очень тщательно и со всей ответственностью, то согласно исследованиям 51% предпринимателей оставляют фирменный раскрас монохромным, пользуясь различными оттенками одной краски. Вторую краску в корпоративный дизайн добавляют 30% разработчиков. А на три и больше краски решаются всего 19%. Если вы хотите разбавить свой основной тон и не потерять его шарм, тогда у нас для вас есть несколько несложных решений.

Как подобрать двойную цветовую комбинацию?


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

  • Способ 1: Сочетать соседние оттенки.
  • Способ 2: Сочетать контрастные оттенки, находящиеся по диагонали друг к другу.

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

Цвета, которые сочетаются с красным


  • Теплая пара: Оранжевый 

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

Источник — Pinterest.com

  • Холодная пара: Фиолетовый

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

Источник — Pinterest.com

  • Контрастная пара: Зеленый

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

Источник — Pinterest.com

Цвета, которые сочетаются с зеленым


  • Теплая пара: Желтый

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

Источник — Pinterest.com

  • Холодная пара: Синий

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

Источник — Pinterest.com

  • Контрастная пара: Красный

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

Источник — Pinterest.com

Цвета, которые сочетаются с синим

  • Теплая пара: Зеленый

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

Источник — Pinterest.com

  • Холодная пара: Фиолетовый

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

Источник — Pinterest.com

  • Контрастная пара: Оранжевый

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

Источник — Pinterest.com

Цвета, которые сочетаются с пурпурным


  • Теплая пара: Красный

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

Источник — Pinterest.com

  • Холодная пара: Синий

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

Источник — Pinterest.com

  • Контрастная пара: Желтый

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

Источник — Pinterest.com

Цвета, которые сочетаются с оливковым


  • Теплая пара: Желтый

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

Источник — Pinterest.com

  • Холодная пара: Синий

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

Источник — Pinterest.com

  • Контрастная пара: Фиолетовый

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

Источник — Design-seeds. com

Цвета, которые сочетаются с ментоловым


  • Теплая пара: Зеленый

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

Источник — Pinterest.com

  • Холодная пара: Синий

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

Источник — Pinterest.com

  • Контрастная пара: Оранжевый  

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

Источник — Pinterest. com

Цвета, которые сочетаются с золотым


  • Теплые оттенки

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

Источник — Pinterest.com

  • Холодные оттенки

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

Источник — Pinterest.com

Тройная комбинация 


Подобрать два цвета оказалось не так уж и сложно. А что если три? Для этого нужно опять обратиться к уже известному нам кругу. Как это сделать?

  • Способ 1: Сочетать соседние оттенки. Можно взять два цвета после основного или до него. Или же таким образом, чтобы он оказался посередине.
  • Способ 2: Сочетать контрастные цвета, расположенные на углах правильного треугольника.
  • Способ 3: Комбинировать два предыдущих способа, взяв два соседних оттенка, провести диагональ от одного из них, и добавив контрастный цвет, стоящий на этой диагонали.

Если дизайн вашего веб ресурса предполагает наличие трех оттенков, то воспользуйтесь правилом соотношения: 60% (основной цвет)- 30% (дополнительный) -10% (акцентный). Зная значение каждого цвета и компоновок двух оттенков, несложно предположить какую роль сыграет небольшой процент оттенка для расставления акцентов. 

Источник — Beadsandpieces.com

Эволюция трендовых цветов с 2012 до 2020 гг. по версии Pantone

Сейчас нумерация цветовой гаммы — это уже не ново. Но в 1963 году такое решение стало инновационным и принадлежало оно компании Pantone Matching System (PMS), которая запатентовала свою идею. С тех пор дизайнеры, модельеры, архитекторы и другие художники, имеющие дело с определением цвета, достигают взаимопонимания  с заказчиками, продавцами или производством значительно быстрее, указав только на номер цвета по системе пантон, не описывая его словами.

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

  • 2012 год: Мандариновое танго (Tangerine Tango 17-1463) — страстный и динамический оттенок, который стал источником жизненной энергии в экономически сложный период во всем мире. Мандарин сочетается с контрастной насыщенной бирюзой и флоксой, а также отлично дополняет сливочный, бежевый, бледно-желтый и цвет латте. 

Источник — Pinterest. com

  • 2013 год: Изумрудный (Emerald 17-5641) — олицетворяет роскошь и сияние, особенно в сочетании с золотом. Изумруд был призван продолжить настроение мандаринового и добавить в него немного больше глубины и смысла. Яркому изумруду хорошо подходит нейтральная ахроматическая палитра. Более контрастно он смотрится со сливовыми и синими тонами. 

Источник — Pinterest.com

  • 2014 год: Сияющая Орхидея (Radiant Orchid 18-3224) — символ любви, радости и благополучия. Сочетание фуксии, розового и фиолетового передает стремление к творчеству и оригинальности, что исследователи Института Пантон сочли необходимыми чертами в современном мире. Цвет гармонично смотрится с персиковым, бледно-желтым, золотым, а также синими и ахроматическими тонами.

Источник — Pinterest.com

  • 2015 год: Марсала (Marsala 18-1438) — цвет назван в честь красного сицилийского вина не зря. Ведь он действительно сумел опьянить нас на многие годы. Но в 2015 марсала ворвался во все дизайнерские индустрии новым, свежим решением, и стал предпочтением миллионов пользователей. Он сумел продолжить яркость, уверенность и роскошь предшественников и внести  свой собственный шарм в цветовую палитру моды.

Источник — Pinterest.com

  • 2016 год: Розовый кварц (Rose quartz 13-1520) и Голубая безмятежность (Serenity 15-3919) — настоящий сюрприз от колористов Института, так они выбрали не один основной цвет года, а сочетание двух контрастов. Это как женское и мужское начало, как радость и спокойствие — гармония противоположностей, которая сошлась в пастельных тонах цветов.

Источник — Pinterest.com

  • 2017 год: Салатовый (Greenery 15-0343) — словно олицетворение юношеского максимализма и амбициозности и вдохновения. Последний раз изумрудный зеленый цвет был моде в 2013, но 4 года спустя это совершенно новая зелень. Вызывающий цвет сочетается с не менее взрывными розовым, желтым, оранжевым, красным и ярко-голубым тонами.

Источник — Pinterest.com

  • 2018 год: Ультрафиолет (Ultra Violet 18-3838) — глубокий, духовный, провокационный, драматичный и, почти, космический цвет. Сам по себе фиолет является прерогативой неординарных творческих идей и символом инакомыслия, неприятия консервативности. Ультрафиолет стал не просто цветовым выбором, а сумел отразить желание современного человека расшифровать тайны космоса и собственной души.

Источник — Pinterest.com

  • 2019 год: Живой коралл (Living Coral 16-1546) — яркий тренд уходящего года несет в себе мудрый месседж. Ведь кораллы, украшающие дно океана могут быть такого насыщенного и здорового оттенка только в чистой окружающей среде. Поэтому живой коралловый стал отличным и актуальным напоминанием для нас о необходимости заботиться о живой природе.

Источник — Pinterest.com

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

Источник — Pinterest. com

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

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

Coolors

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

Logaster

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

Colormind

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

Material Color Tool

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

Colordot

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

Palettr

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

Готовы создать собственный логотип?

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

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

Редактор блога компании Logaster, контент-маркетолог. Эксперт по веб-маркетингу и брендированию. Умеет писать просто о сложном. По ее статьям можно построить успешный бренд и начать успешное продвижение в интернете.

33 красивых цветовых сочетания для вашего следующего дизайна

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

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

Комбинирование цветов на цветовом круге: краткий обзор


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

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

Цветовой круг состоит из трех основных цветов (красный, желтый, синий), трех вторичных цветов (цветов, созданных при смешивании основных цветов: зеленого, оранжевого, фиолетового) и шести третичных цветов (цветов, созданных из основных цветов). и вторичные цвета, такие как сине-зеленый или красно-фиолетовый).

Проведите линию через центр колеса, и вы отделите теплые цвета (красный, оранжевый, желтый) от холодных цветов (синий, зеленый, фиолетовый).

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

Когда цвета работают вместе, они создают цветовую схему или цветовую комбинацию.

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

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

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

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

33 красивых цветовых сочетания для вашего следующего дизайна


1. Розовый и изюм

Разработка логотипа: merci dsgn

, шестнадцатеричный код: # e52165 и # 0d1137

.

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

2. Красный, морская пена, нефрит и фиолетовый

Дизайн: Mad Pepper

Шестнадцатеричный код: # d72631, # a2d5c6, # 077b8a и # 5c3c92

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

3. Желтый, пурпурный, голубой и черный

Дизайн обложки книги Стивена.

Шестнадцатеричный код: # e2d810, # d9138a, # 12a4d9 и # 322e2f

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

4. Горчично-черный

Дизайн упаковки Наталино

Шестнадцатеричный код: # f3ca20 и # 000000

Сочетание желтого и черного создает ощущение мужественности, современности и доступности. Это сочетание также имеет культурный оттенок значения «опасность» или «предупреждение».

5. Пурпурный, золотарник, бирюза и кирпич

Дизайн упаковки: Холли Макалистер.

Шестнадцатеричный код: # cf1578, # e8d21d, # 039fbe и # b20238

.

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

6. Оттенки розового и коричневого

Дизайн упаковки Мартиса Люпуса

Шестнадцатеричный код: # e75874, # be1558, # fbcbc9 и # 322514

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

7. Золото, уголь и серый цвет

Дизайн упаковки выполнен ananana14

Шестнадцатеричный код: # ef9d10f, # 3b4d61 и # 6b7b8c

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

8. Темно-синий, миндальный, красно-оранжевый и манговый.

Дизайн фирменного стиля – ложка lancer

Шестнадцатеричный код: # 1e3d59, # f5f0e1, # ff6e40, # ffc13b

На фоне нейтрального миндаля эта цветовая гамма темно-синего цвета в сочетании с огненными акцентами придает надежности и энергичности.

9. Желто-коричневый, глубокий бирюзовый и черный

Дизайн этикетки: merci dsgn

, шестнадцатеричный код: # ecc19c, # 1e847f, # 000000

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

10. Темно-синий, охра, жженая сиена и светло-серая

Дизайн упаковки Mad pepper

Шестнадцатеричный код: # 26495c, # c4a35a, # c66b3d, # e5e5dc

Нейтральный фон помогает естественным цветам этой землистой схемы проявиться на их упаковке.

11. Сиреневый, сапфировый и синий порошкообразный

Дизайн упаковки разработан ananana14

Шестнадцатеричный код: # d9a5b3, # 1868ae, # c6d7eb

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

12. Синий, бордовый и индиго

Веб-дизайн: Mithum

Шестнадцатеричный код: # 408ec6, # 7a2048, # 1e2761

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

13. Малина и оттенки синего

Дизайн плаката Яна Дугласа

Шестнадцатеричный код: # 8a307f, # 79a7d3, # 6883bc

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

14. Глубокий сосново-зеленый, оранжевый и светло-персиковый

Разработка логотипа Vulcan

Шестнадцатеричный код: # 1d3c45, # d2601a, # fff1e1

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

15. Морская пена, лосось и флот

Дизайн – ложка lancer

Шестнадцатеричный код: # aed6dc, # ff9a8d, # 4a536b

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

16.Руж, зеленый и пурпурный

Дизайн обложки книги Яна Дугласа

Шестнадцатеричный код: # da68a0, # 77c593, # ed3572

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

17. Бирюзовый, коралловый, бирюзовый и серый

Дизайн: sheva ™

Шестнадцатеричный код: # 316879, # f47a60, # 7fe7dc, # ced7d8

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

18. Фуксия, сепия, ярко-розовый и темно-фиолетовый

Дизайн Душана Клепича. DK ™

Шестнадцатеричный код: # d902ee, # ffd79d, # f162ff, # 320d3e

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

19. Светло-розовый, шалфейный, небесно-голубой и виноградный

Упаковка кофе от Дарьи В.

Шестнадцатеричный код: # ffcce7, # daf2dc, # 81b7d2, # 4d5198

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

20. Бежевый, черно-коричневый и коричневый

Дизайн этикетки: Giocovision

Шестнадцатеричный код: # ddc3a5, # 201e20, # e0a96d

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

21. Сепия, бирюзовый, бежевый и шалфейный

Дизайн упаковки Томас Миляускас

Шестнадцатеричный код: # edca82, # 097770, # e0cdbe, # a9c0a6

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

22. Желто-зеленый, оливковый и лесной зеленый

Можно спроектировать с помощью cynemes

Шестнадцатеричный код: # e1dd72, # a8c66c, # 1b6535

Эти три оттенка зеленого – идеальная палитра для этого напитка с мятой и лаймом. Вместе они образуют блестящую смесь азарта и молодости.

23. Пурпурный, желтый и пурпурный

Дизайн плаката Litlast

Шестнадцатеричный код: d13ca4, # ffea04, # fe3a9e

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

24. Горчица, шалфей и зеленый лес

Дизайн упаковки Мартиса Люпуса

Шестнадцатеричный код: # e3b448, # cbd18f, # 3a6b35

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

25. Бежевый, шиферный и хаки

Дизайн этикетки Аги Амри

Шестнадцатеричный код: # f6ead4, # a2a595, # b4a284

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

26. Бирюза и фиолетовый

Дизайн ANAMOLLY

Шестнадцатеричный код: # 79cbb8, # 500472

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

27. Светло-розовый, зеленый и морская пена

Разработка логотипа svart ink

Шестнадцатеричный код: # f5beb4, # 9bc472, # cbf6db

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

28. Алый, светло-оливковый и светло-бирюзовый

Дизайн обложки альбома Nevergohungry

Шестнадцатеричный код: # b85042, # e7e8d1, # ​​a7beae

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

29. Красный, желтый, голубой и ярко-фиолетовый

3D-дизайн Pinch Studio

Шестнадцатеричный код: # d71b3b, # e8d71e, # 16acea, # 4203c9

Эта палитра – праздник! С удобными для детей основными цветами вы получите комбинацию, полную радости, юности и оптимизма.

30. Оливковый, бежево-коричневый

Дизайн упаковки Yokaona

Шестнадцатеричный код: # 829079, # ede6b9, # b9925e

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

31. Оттенки синего и зеленого

Веб-дизайн: DSKY

Шестнадцатеричный код: # 1fbfb8, # 05716c, # 1978a5, # 031163

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

32. Бирюзовый, горчичный и черный

Дизайн этикетки _fra_

Шестнадцатеричный код: # 7fc3c0, # cfb845, # 141414

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

33. Персик, лосось и чирок

Иллюстрация от felipe_charria

Шестнадцатеричный код: # efb5a3, # f57e7e, # 315f72

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

Создайте свой бренд с помощью комбинаций летучих цветов


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

Идите вперед, погонитесь за радугой.

Нужно что-то оформленное?
Наши дизайнеры могут создать для вас все, что угодно.

7 потрясающих цветовых схем веб-сайта 2021 + Color Mood Board

Прочтите этот пост естественным голосом, чтобы вы могли делать другие вещи:

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

  • «Это просто дополнение»
  • «Давайте просто воспользуемся цветами, которые мы использовали в прошлый раз».
  • «Позвольте генеральному директору или руководству изменить это так, как они хотят.”

Ниже мы расскажем, почему цветовые схемы имеют значение, и дадим вам 58 цветовых схем веб-сайта на 2020–2021 годы!

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

38 процентов посетителей перестанут взаимодействовать с веб-сайтом, если его содержание или макет непривлекательны. (Blue Corona)
Если дать 15 минут на просмотр контента, две трети людей предпочтут прочитать что-нибудь красиво оформленное, чем что-то простое.(Источник: Adobe)

8 новых цветовых схем на 2021 год

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

Во-первых, вот несколько прогнозов цветовых тенденций в 2021 году, основанных на модных дизайнерах и компаниях по производству красок:

1.Инфракрасный и фиолетовый

Ярко-красный: # DE354C

Темно-красный: #

2

Чистый фиолетовый: # 3C1874

Серый с пурпурным оттенком : # 283747

F Cloud3:

2. Земляной красный и зеленый

Красный выделение: # B73225

Синий: # 004E7C

Бордовый 6: # 591COB

Серый водный:

8 # 5 Светло-серый: # DCE1E3

3.Цветовая схема веб-сайта Tan + Green 2021, Gatto Web

Makeup Tan: # DDAF94

Румяна: # E8CEBF

Бесплатный зеленый: # 266150

Темное выделение: # 4F48246 9000 Светло-белый: # FDF8F5

4.

Классическая двойная синяя цветовая схема

Темно-синий: # 12232E

Светло-синий: # 007CC7

Самый светлый синий: #

DA

Тень темно-синего: # 203647

Тень светло-синего: #EEFBFB

5.Оттенки серого + один (желтый) 2021 Цветовая схема веб-сайта

Черноватый: # 202020

Темно-серый: # 3F3F3F

Средне-серый: # 707070

Яичный желтый: # FFD6C 9000 Белый: #FFFFFF

6. Цветовая схема веб-сайта Greenery + Gradients 2021 от Анны Сеньковой

Темно-зеленый: # 164A41

Средний зеленый: # 4D774E

Светло-зеленый # 9DC88D

Естественно-желтый: # F1B24A

Белый: #FFFFFF

7.

Цветовая схема веб-сайта Greenery + Pearl 2021 от Delightful Designs

Olive: # A3BCB6

Green Leaf: # 39603D

Brown Grey: # 3C403D

Tanly:

03 # DADED2 :

#FFFFFF

Color Mood Board на 2021 год

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


Вот оригинальный пост! Цветовые схемы веб-сайта 2020-2021

Веб-дизайн может быть забавным!

Особенно, если у вас правильная цветовая гамма.

Вот почему мы собрали самые лучшие из лучших 50 эпических цветовых схем из далеких уголков Dribbble, Awwwards, Pinterest, Behance и пары отличных блогов.

После того, как вы найдете цветовую палитру своей мечты – ознакомьтесь с нашими статьями «Основы аналитики», «Основы SEO» и «Современные шрифты», чтобы и дальше делать свой сайт потрясающим. И, конечно же, дайте нам знать, сможем ли мы когда-нибудь помочь вам с нашими услугами по дизайну веб-сайтов для малого бизнеса!

Обновление лета 2020 года – 13 новых цветовых схем веб-сайта на 2020 год

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

Ярко-синий: # 51e2f5

Синий зеленый: # 9df9ef

Пыльно-белый : # edf756

Pink Sand: # ffa8B6

Dark Sand: # a28089

2.Минимальные цвета – пурпурная цветовая схема 90-х годов Думинда Перера

Ледяной холод: # a0d2eb

Фиолетовый мороз: # e5eaf5

Средний фиолетовый: # d0bdf4

3 Purple

3 Purple

Heavy Purple: # a28089

3. Яркая сила Думинды Перера

Yass Queen: # ff1d58

Sister Sister: # f75990

Crown Yellow: # fff685

Blue Light

:
# 00DDFF

Брутальный синий: # 0049B7

4.

Переосмыслить. Цветовая схема от Sajon

Ярко-оранжевый: # ff1e00

Тускло-синий: # e8f9fd

Предупреждение / выделение зеленого: # 59ce8f

5. Цветовые схемы веб-сайта Global Charity2

Ярко-оранжевый номер 2: # f43a09

Дедушка оранжевый: # ffb766

Серо-синий зеленый: # c2edda

Живой зеленый: # 68d388

6.Цветовые схемы веб-сайта «Банки и финансы» от Juliene Renvoy

Pinky: # fbe3e8

Blue Greeny: # 5cbdb9

Teeny Greeny: # ebf6f5

7. Интенсивный красный и синий. цветовая схема

Ярко-зеленый: # beef00

Электрический красный: # ff0028

Глубокий зеленый: # 657a00

Синий Power: # 1400c6

8.

Белое пространство, загар, пурпурный, желтый цвет Схема веб-сайта

Фоновый загар: # fceed1

Purple-y: # 7d3cff

Желтые перчатки: # f2d53c

Рыжий: # c80e13

9. Deep blue and tan – цветовая палитра

Sand Tan: # e1b382

Sand Tan Shadow: # c89666

Night Blue: # 2d545e

Night Blue Shadow: # 12343b

10.Цветовая гамма: желто-коричневый, розовый и красный

Ragin Beige: # fff5d7

Coral Pink: # ff5e6c

Sleuthe Yellow: # feb300

Pink Leaf: #ffaaab

, Зеленая и Фиолетовая цветовая схема веб-дизайна иллюстраций

Grassy Green: # 9bc400

Purple Mountains Majesty: # 8076a3

Misty Mountain Pink: # f9c5bd

Factory Stone Purple: # 7c677f

12.

Яркий и красочный – схема на 2020 год

Green Treeline: # 478559

Фиолетовая базовая линия: # 161748

Розовая подсветка: # f95d9b

Bluewater lowlight: # 39a0ca

Желтый , Красный / Розовый / Оранжевый – Яркая схема

Желтый фон: # ffde22

Розовый / красный круг: # ff414e

Оранжевый круг: # ff8928

Белый наложенный слой: #ffffff

2019 Цветовые схемы веб-сайта:

1.В стиле 70-х – современная цветовая палитра

Mountain Shadow Blue: # 101357

Old Makeup Pink: # fea49f

Goldenrod Yellow: # fbaf08

Bluebell Light Blue : # 00a0a0

5 Полужирный зеленый 2019: # 007f4f

2. Голубой-фиолетовый – простая палитра веб-цветов

Голубой: # 51d0de

Молния-фиолетовый: # bf4aa8

Мозговой белый: 9 # d9d9d9

3.

Синий металлик, фиолетовый, красный – Цветовая палитра веб-сайта

Blue Popsicle: # 0f2862

Redline: # 9e363a

Purple Shadow: # 091f36

Gray Blue Leaf:

03 # 4f542f76 4. Apricot Avalanche – Цветовые схемы веб-дизайна

Blueberry: # 6B7A8F

Apricot: # F7882F

Citrus: # F7C331

Apple Core: # DCC7A

A.Сильный контраст и надежность

Левый синий: # 1561ad

Правый синий – приглушенный: # 1c77ac

Сине-зеленый: # 1dbab4

Красно-оранжевый: # fc5226

6. Классическая цветовая палитра веб-сайта «Красное золото»

Краснее, чем вы: # ff3a22

Золотые лоты: # c7af6b

Темнее золото: # a4893d

Серебряный язык: # 628078

# 628078

Утонченная и сочная цветовая схема сети

Едва зеленый: # acb7ae

Коричневые рубашки: # 82716e

Светло-коричневый: # e4decd

Светлый: # c2b490 Фотография 9 Память

Зеленая гора: # 3d7c47

Голубая гора: # 09868b

Голубой фон: # 76c1d4

Едва серый край: # f7f7f7

9.

Футуристический Lightbrite

Серый серебристый: #bccbde

Световой меч Синий: # c2dde6

Фиолетовый: # 431c5d

Оранжевый: # e05915

# желтый брайт Trapper Keeper Red & Purple

Painful Red: # eb1736

35 Years Old Purple: # 5252d4

Светло-фиолетовый градиент: # 7575dd

Shadow Purple Red: # 781a44

11.Сэндвич с пасхальным яйцом

Зеленый: # 8bf0ba

Иронический блюз: # 0e0fed

Синий подчиненный: # 94f0f1

Pinky Ring: # f2b1dc

03

Yellows

Ищете опытную команду веб-дизайнеров? Ниши веб-дизайна, которые мы обслуживаем: Сантехника, HVAC, Строительство и Кровля. От HVAC ведет к строительному подрядчику – мы делимся всеми идеями в нашем блоге!


Оригинальный набор цветовых схем сайта:

1.

Интеллектуальная небрежность

Голубой зеленый: # 6ed3cf

Мягкий фиолетовый: # 9068be

Вкусный серый восьмидесятых: # e1e8f0

Насыщенный красный цвет: # e62739 Palette

от Awwwards

2. Extra Snug

French Laundry Blue: # 3a4660

Комфортный загар: # c9af98

Peachy Kreme: # ed8a63

Brown Bonnet: # 84500000 на рубашке Desi от Филипа Дуэскау на Behance

3.Dark Horse

Я желтая?!: # feda6a

Silver Fox: # d4d4dc

Deep Matte Grey: # 393f4d

Dark Slate: # 1d1e22

Концепция Creativa Studio на Dribbble

4. Сонно-зеленые полосы

Simpler Lime Green: # 7dce94

Scuffed Dark Grey: # 3d3d3f

Vanilla Grey- # f6f5f3

White : # f9f8fd

Найдено на веб-сайте Книги джунглей Watson D / G для Disney

5.

Драгоценные металлы

Розовое золото: # bd8c7d

Мягкое золото: # d1bfa7

Серебро: # 8e8e90

Оникс: # 49494b

Фирменное наименование компании Soc 6102. . European Bodies

Yellow Hand: # fbf579

Lonely Blue: # 005995

Стационарный Pink Red: # fa625f

Purpled: # 600473

Найдено на сайте Mind Sparkiration. Маг

7.Простые бриллиантовые акценты

Красный наложенный: # cd5554

Коричневый на снимке: #

a

Водорослевой зеленый: # 00c07f

Heritage Blue: # 313d4b Website

Mag

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


Часть вторая – Наблюдения за взаимодействием и цветом в контексте


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

8. Синий красный

Deep Red: # b11a21 – В наложении, наложенном на плоский синий, фотографический фон придает глубину.

Зажигалка красный: # e0474c – Улыбающееся лицо, проходящее сквозь красный цвет, делает его ярким.

Blue Beans: # 7acfd6 – плоский синий цвет создает контраст с фотографией за красным.

Light Classy Grey: # f1f0ee – Простой светло-серый цвет используется для создания глубины позади более позднего участка фотографии, а внизу – белый.

Найдено на веб-сайте Вдохновение от Mind Sparkle Mag

9. Солнечное и спокойное

Утреннее небо: # CAE4DB – Никогда не недооценивайте цветовую палитру, созданную по фотографии, чтобы задать тон вашему дизайну.

Honey: # DCAE1D – в этом случае палитра устанавливается вместе с фотографией, а затем отображается в субтитрах.

Cerulean: # 00303F – Cerulean невероятно классный как черная или темно-серая альтернатива, если использовать ее постоянно.

Mist: # 7A9D96 – Этот чистый, естественный цвет хорошо виден на фотографии, но также может быть использован на нижнем блоке или кнопках во всю ширину.

Найдено на Canva Цветовые схемы на вдохновляющем веб-сайте

9. Темный и оранжевый

Темно-серый: # 393939 – Темный дизайн требует немного большей предусмотрительности, но при правильном использовании может обеспечить массу контраста.

Deep Orange: # FF5A09 – с разными оттенками апельсина, есть глубина и градиент, не отваживаясь на совершенно новые цвета.

Светло-оранжевый: # ec7f37 – Использование иллюстративных элементов требует некоторой гибкости для естественной светлоты и темноты для контуров объектов.

Оранжевый Желтый: # be4f0c – Использование на цветовом круге поверх цвета может сделать палитру стильной, жирной и сдержанной.

Обнаруживается на больших цветовых схемах одним дополнительным пикселем

10.Писклявый

Свежий: # 4ABDAC – снова цвет, наложенный на фотографические элементы, придает стильный современный вид

Vermillion: # FC4A1A – Фигура на переднем плане прорабатывается в контексте, все еще обращая внимание на как он дополняет общую структуру дизайна. Фактически, можно было даже предположить, что дизайн был ниже этой цифры.

Sunshine: # F7B733 – Желтый обеспечивает только совмещенный призыв к действию и выделяет важные части

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

Найдено на Canva Цветовые схемы на вдохновляющем веб-сайте

11. Базовый сине-зеленый

Старый верный синий: # 368cbf – Синий завоевывает доверие к психологии цвета, но убедитесь, что он сделан со вкусом, как некоторые блюз тоже нестандартный. Точно так же, как мой учитель рисования сказал о красках, вы всегда должны смешивать их перед нанесением на холст, чтобы не получить что-то похожее на то, что вы только что нанесли цвета из коробки.

Зеленый цвет акцента: # 7ebc59 – Корпоративный синий + Экологичный зеленый = Каждый веб-сайт когда-либо.Но не забывайте об использовании общих цветовых схем только потому, что они общие. Используйте знакомые цвета вместе, когда это служит вашей цели – вы чувствуете, что заслуживаете доверия.

Темный сланец: # 33363b – Разделение белого пространства более темным верхним, нижним колонтитулом или полноразмерными разделами помогает избавиться от слишком повторяющихся вещей.

Светло-серый: #eaeaea – Это действительно одна из наиболее распространенных цветовых схем на веб-сайте, особенно для технологических компаний.Тебе это еще надоело? Мне это нравится.

Найдено на потрясающих бесплатных темах WordPress от ColorLib

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


Часть третья – Об отсутствии цвета и хорошо выполненных монохроматических цветовых схемах


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

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

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

12. Резкий контраст

Slate: # 262626 – Повторяйте за мной, все оттенки серого не равны

Secondhand Gray: # 3f3f3f

Whitish: # f5f5f5 – Повторяйте за мной, все белые не равны

Светло-серый: #dcdcdc

Найдено на One Page Love, создано Питером Тотом

13.Настоящее черно-белое изображение + Фотография

Черный: # 000000

Белый: #ffffff

Найдено в книге веб-дизайна – 20 красивых портфолио, работа Майкла Шмида

14. Goldifox

Золотая пшеница: # a39274

Мягкая пшеница : # dfd8c8

Глубокий серый: # 252523

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

15. Мятный обновленный

Монетный двор: # 4cb69f

Серый оттенок: # f5f5f5

Глубокий фиолетовый: # 201d3a – Не совсем черно-белый + 1 – Намек на фиолетовый в углу фотография

Найдена в Dapper Ink Джоэлом Ридом на Dribbble

16. Синий + белый

Оптимизм Синий: # 269ccc

Голубые водоросли: # 9ed2c5

Flat Gray: # 7b7b7000 Найдено на fltdsgn.com

И еще пара веб-сайтов с оттенками серого, чтобы прояснить, что оттенки серого могут быть очень красивыми.

16. Экспериментальная простая фотография – квадратное разделение

Найдено на InspirationDE, Сэм Тис

17. Плавающий объект, разделение угловых секций, простая редакционная типографика

Найдено на flatdsgn.com Роландом и «We Ain’t Plastic»

18. Прямоугольник вокруг букв, креативная блокировка букв

Найдено на Behance, Diana Polar

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


Часть четвертая – О взаимодействии типографики и цвета


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

19. Угольно-черный, золотой и много белого пространства

Золотой верх: # d8ab4e

Золотой низ: # b48c36

Угольно-черный: # 040404

19B. Подбор шрифтов для дополнения выбора цвета – Gin Rough и Amiri

Gin Rough – от Fort Foundry, доступный на MyFonts – Взяв высококачественный золотой градиент и соединив его с типографскими элементами очень преднамеренной формы, дизайнеры этого сайт противопоставил грубоватому и элегантному.

Amiri Rough – Доступно через Google Fonts – Великолепно выглядит как отзыв или цитата.

Найдено на веб-дизайне Вдохновение для джентльменских парикмахерских клубов (вы должны увидеть сайт полностью)

20. Чистый красный хаки

Красный хлопок: # c53211

Чистый глубокий серый: # 2e3830

Хаки: # e6dbc9

20B. Пары шрифтов, дополняющие выбор цвета – Futura Bold и Museo Slab

Futura Bold – столь же классичны, сколь и просты.Общие похожие шрифты, такие как Gotham Black, Montserrat или Proxima Nova, могут дать вам похожий, но другой вкус. Тем не менее, Futura Bold будет полезен во многих ситуациях – и хорошо сочетается с этой простой красно-серой и коричневой цветовой схемой в качестве заглавных букв.

Museo Slab – Как и вес 100 в цитате выше, так и текст абзаца (font-weight: 400), Museo Slab обеспечивает удобочитаемость, будь то большой или маленький. Futura, Museo Slab поверх этих удобных простых цветов кажутся не обязательно классическими, но современными и оригинальными.Сдержанность как в выборе цвета, так и в типографике приводит к очень сплоченному ощущению, которое оставляет весь веб-сайт интегрированным и фирменным.

21. Модные пастельные тона

Пастельный персик: # dea6af

Небесно-голубой: # 8cbcd0

Пастельно-розовый: # e6dbc9. Подбор шрифтов в дополнение к выбору цвета – Калибр – Европейский дизайн Кетчуп

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

Дизайн, найденный на CSS Design Awards – Купите шрифт Caliber

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

Несколько слов ободрения

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

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

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

«Величайшие дизайнеры тоже гадали и попробовали что-то новое». Click To Tweet

Признайте свои скрытые способности, доверяйте своим творческим инстинктам и запачкайте руки.

Часть пятая – Что такое современная цветовая палитра?

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

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

22. Элегантная современная цветовая палитра

Темно-синий / фиолетовый: # 111c30

Темно-розовый макияж: # 9a4d55

Удобный бежевый диван: # 80756b

23. Приглушенный современный Цветовая палитра

Tiny Sweet Blue: # b5e9e9

Creamy Light Tan: # fef6dd

Pinkie Pie: # ffe1d0

Yellow Horse: # fff1b5

Green

dcf3d0

24.Свежая современная цветовая палитра

Deep Purple: # 1d1145

Trapper Keeper Green: # 0db4b9

Pink Boot: # f2a1a1

Modern Pink Backpack: 25. Палитра землистых современных цветов

Красные ветви: # de493c

Зеленые деревья: # 608074

Синий / зеленый туман: # daefd9

26. Ржавая современная цветовая палитра

Ржавый красный: # c1432e

Серебряный головной убор: # 4b6777

Ржавое золото: # ce9e62

Черный для контраста: # 2c2c2c

5 лучших генераторов цветовых схем для начала работы

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

Плоские цвета пользовательского интерфейса

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

Color Supply

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

Кулеры

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

Генератор палитры

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

Paletton

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

62 процента опрошенных предприятий заявили, что, по их мнению, веб-сайт следует обновлять каждые 2-3 года! Источник: Hook Agency

Часто задаваемые вопросы о цветовых схемах веб-сайта

Какой цвет лучше всего подходит для веб-сайта?

Blue – определенно самый безопасный вариант, так как у него больше всего людей, считающих его фаворитом – 35%.Однако – очевидно, что если все ваши конкуренты используют синий цвет, возможно, имеет смысл «дифференцировать» ваше предложение и бренд. Цвета вашего бренда должны быть привлекательными, и «белое пространство» является важной частью этого. Убедитесь, что вы даете место включенным элементам, имеете контраст между текстом и фоном и не ошеломляете посетителя – пытаясь быть слишком ярким или новаторским только ради новизны.

Сколько цветов должно быть на сайте?

Учтите, что 51% брендов выбирают монохромные логотипы, 39% используют двухцветные логотипы и только 19% компаний выбирают полноцветные логотипы.Помимо фотографий, веб-сайты с 1, 2 и 3 цветами, кажется, легче создать, чем пытаться создать веб-сайт с радугой цветов. При этом, если у вас есть профессиональный дизайнер, очевидно, что Microsoft и Google считают, что есть преимущество работы с большим количеством цветов, поскольку они оба используют как минимум 4 сплошных цвета в своем дизайне.

Почему я могу рассмотреть вопрос о найме профессионального дизайнера веб-сайтов?

Выбрать цветовую схему сложно, но в дизайне веб-сайта есть гораздо более серьезные проблемы, которым может помочь помощь опытного дизайнера.Профессиональные веб-дизайнеры перепробовали сотни вещей и поняли, какие методы работают, а какие нет – в идеале, если вы работаете с такой командой, как Hook Agency, они также тестируют веб-сайты A / B, вносят изменения на основе аналитики и знают, как сделайте свой сайт более доступным в Google.

Вы открыли секретный выход во внутреннее устройство Интернета! 😉

Мы знаем, как делать удивительные вещи, такие как это очень интересное дополнение FAQ к нашему списку здесь, в Google. Мы знаем, как использовать ваш веб-сайт в Google с помощью практики, называемой «поисковой оптимизацией». Итак, помимо цветовых схем веб-сайта, мы знаем, как УПРАВЛЯТЬ БИЗНЕСОМ от трафика Google.Если вы хотите работать с командой профессиональных веб-дизайнеров, отправьте нам сообщение по адресу [email protected]!

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




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


Похожие сообщения

  • 2018 Цветовые схемы веб-сайта становятся ярче и «насыщеннее»! Настоятельно рекомендуем взглянуть на стиль вашего сайта…

  • Мужские цветовые схемы? Наступает дагнаббит 2021 года, не можем ли мы преодолеть старую дихотомию мужской и женской анатомии? Хорошо в маркетинге – я…

  • Разработал несколько эпических роскошных сайтов для самых разных клиентов, как М.I.N.N.E. Apparel, Artful Living Magazine и Mall of America…

Шпаргалка по лучшим сочетаниям цветов для вдохновения вашего дизайна

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

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

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

Начни бесплатно

Основы сочетания цветов

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

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

Цветовое колесо

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

Как работает цветовое колесо?

Простое цветовое колесо состоит из 12 цветовых оттенков, расположенных вокруг центральной ступицы.

Цветовой круг, состоящий из основных, дополнительных и третичных цветов

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

Основные цвета выделены на цветовом круге

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

  • Красный + Синий = Пурпурный.
  • Синий + желтый = зеленый.
  • Красный + Желтый = Оранжевый.
Вторичные цвета, выделенные на цветовом круге

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

  • Красный + Оранжевый = Красно-оранжевый.
  • Желтый + Оранжевый = Желто-оранжевый.
  • Желтый + зеленый = желто-зеленый.
  • Синий + Зеленый = Сине-зеленый.
  • Синий + Пурпурный = Сине-фиолетовый.
  • Красный + Пурпурный = Красно-фиолетовый.
Третичные цвета, выделенные на цветовом круге

Цветовая терминология

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

  • Оттенок – Термины «цвет» и «оттенок» часто взаимозаменяемы художниками и дизайнерами. Во всех смыслах это поможет вам, но слова «цвет» и «оттенок» на самом деле означают разные вещи. В общем, «цвет» используется для обозначения всех цветов, включая черный, белый и серый. В то время как «оттенок» относится к происхождению цвета, который мы видим. Это базовый цвета, который мы видим, и он всегда является одним из шести основных и дополнительных цветов на цветовом круге.
  • Оттенок – «Оттенок» – это более светлая версия данного оттенка. Это оттенок, к которому добавлено только белого. Иногда оттенок может казаться ярче, чем исходный оттенок, но это просто более бледная версия. Оттенок может варьироваться от оттенка, который чуть светлее оригинала, до почти белого с небольшим количеством цвета.
  • Оттенок – Это противоположность «оттенку». «Тень» – это оттенок, к которому добавлен только черный цвет. Конечно, он может включать различное количество черного, и результирующий цвет может быть чуть темнее исходного оттенка, или он может быть почти черным.Легкий способ запомнить это – подумать о том, как трава в оттенке дерева кажется темнее , чем трава на солнце.
  • Тон – это очень похоже на «оттенок» и «оттенок», только вместо оттенка с добавлением белого или черного, это оттенок с добавлением только серого. Серый, добавляемый для создания «тона», должен состоять только из черного и белого, никаких других цветов (многие цвета, которые считаются серыми, на самом деле имеют основу, которая является оттенком). Тонированные цвета обычно считаются более изысканными, чем чистые оттенки.
  • Теплые или холодные. «Теплые» цвета – это те, которые напоминают или символизируют тепло, в то время как «холодные» цвета относятся к льду и более низким температурам. Например: красный, оранжевый, желтый и красно-фиолетовый – теплые цвета, а синий, фиолетовый, зеленый и сине-зеленый – холодные цвета.

Психология цвета

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

«Цвет – это сила, непосредственно влияющая на душу». ~ Василий Кандинский

Ниже приводится краткое изложение различных оттенков и чувств, которые они часто вызывают:

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

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

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

Теперь, когда у нас есть понимание цвета применительно к искусству и дизайну, давайте перейдем к интересным вещам…

Цветовые комбинации

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

Монохромные комбинации

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

Дополнительные комбинации

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

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

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

Примеры дополнительных цветовых сочетаний:

  • Красный и зеленый.
  • Синий и оранжевый.
  • Желтый и фиолетовый.
  • Желто-зеленый и красно-фиолетовый.
  • Красно-оранжевый и сине-зеленый.

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

Аналогичные комбинации

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

Примеров аналогичных комбинаций:

  • Фиолетовый, синий и бирюзовый.
  • Красный, фуксия и фиолетовый.
  • Красный, оранжевый и желтый.
  • Зеленый, синий и фиолетовый.

Разделенные дополнительные комбинации

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

Примеры разделенных дополнительных цветовых схем:

  • Красный, сине-зеленый и желто-зеленый.
  • Синий, красно-оранжевый и желто-оранжевый.
  • Желтый, сине-фиолетовый и красно-фиолетовый.
  • Фиолетовый, желто-оранжевый и желто-зеленый.

Триадные комбинации

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

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

Примеры триадных комбинаций:

  • Красный, желтый и синий.
  • Фиолетовый, зеленый и оранжевый.
  • Сине-фиолетовый, красно-оранжевый и желто-зеленый.

Тетрадические комбинации

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

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

Примеры тетрадных цветовых схем:

  • Красный, зеленый, сине-фиолетовый и желто-оранжевый.
  • Желтый, фиолетовый, сине-зеленый и красно-оранжевый.

Ключ к экспериментам

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

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

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

Наши любимые комбинации

Монохромный
Искусство Кимберли Рашель .Цветовые палитры из Canva .

Дополнительный
Искусство Кимберли Рашель . Цветовые палитры из Canva .

Аналог
Цветовые палитры из Canva .

Сплит
Искусство Кимберли Рашель .Цветовые палитры из Canva .

Триадический
Искусство Кимберли Рашель . Цветовые палитры из Canva .

Тетрадик
Цветовые палитры из Canva .

Хотите узнать больше?

Есть какие-нибудь красочные советы или собственные хитрости? Нам бы очень хотелось их услышать.Дайте нам знать об этом в комментариях!

50 лучших цветовых схем для веб-сайтов 2021 года

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

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

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

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

1. Зои Пеппер

# 361999 # 78fff1 # ff6495

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

2. Юкон 1000

# 162b32 # ff4838

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

3. Persoo

# 490b3d # bd1e51 # f1b814

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

4. Студия Simpatico

# 1a2238 # 9daaf2 # ff6a3d # f4db7d

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

5. Neverheart

# 371bb1 # 05f4b7 # 12151f

Еще одна вещь, которую мы наблюдаем с цветом, – это дизайны, в которых используется насыщенный черный цвет вместо старого режима ожидания # 000000. Насыщенный черный цвет обеспечивает большую глубину визуальных эффектов и отлично подходит для широких полос и фона.Здесь он хорошо сочетается с пурпурно-синим и ярко-мятно-зеленым. Результат современный и интересный.

6. Карнавальные звуки

# 1fc58e # fae62d # 1

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

7. Взвешиваю Сообщество

# 9cf6fb # e1fcfd # 394f8a # 4a5fc1 # e5b9a8 # ead6cd

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

8. Советский дизайн

# 1a2c42 # be2f29 # ecaf44 # 0c1115

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

9. Уродливые напитки

# 00abe1 # 161f6d

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

10. Основание Taproot

# 00a9d8 # 0d9edf # 259b9a

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

11. Омега дрожжи

# f7f7f7 # 7da2a9

На первый взгляд,

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

12. Farm Food

# ffffff # a7bc5b # 8da242

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

13. Карьера Jebsen

# 3fd2c7 # 99ddff # 00458b

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

14. IC Creative

# fb8122 # 1d2228 # e1e2e2

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

15.Отель Mangrove

# d48166 # 373a36 ## e6e2dd

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

16. Сон

# 051622 # 1ba098 # deb992

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

17. Атланта пивоварня

# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945

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

18. Кафе «Солнечная улица»

# 5c6e58 # 8aa899 # f2d349

Sunny Street Café ярко оформлено с использованием цветовой палитры, идеально сочетающейся с изображениями и языком дизайна. Зеленый и желтый вместе – необычная комбинация, но она кажется дружелюбной и идеально вписывается в дизайн этого заведения для завтрака и обеда. Цветовая тема также красиво подчеркивает изображения еды.

19. Отличие

# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576

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

20. Pittori di Cinema

# fdd935 # 000000

Minimalism также может быть полноцветным, о чем свидетельствует Pittori di Cinema. Ярко-желтая гамма с черным – распространенный вариант высококлассного минимализма. Чем ярче цветовая палитра этого стиля, тем он кажется более модным.

21. Мы (Сердце) UX

# e1f2f7 # ef0d50 # eb3a70 # e5bace

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

22. Гордый и раздираемый

# 1f3044 # fb9039 # 646c79

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

23. Баобла

# 56642a # 849531 # 92a332

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

24. Центр неотложной помощи для женщин и девочек

# faf0dc # 0b4141 # ff6864

Центр неотложной помощи

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

25. Портфолио Жана-Батиста Калоя

# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea

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

26. Игорь

# 000000 # fefefe # fdee30

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

27. Ковбойский байк

# 000000 # fa255e # c39ea0 # f8e5e5

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

28. Габриэль Долан

# e8eae3 # 373833 # fa2742

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

29. Pixel Pantry

# 9e15bf # 4ac6d2

Pixel Pantry использует отличную цветовую пару, чтобы продемонстрировать эту тенденцию – фиолетовый и бирюзовый. Сочетание этих двух цветов для создания палитры практически нереально. Вы найдете варианты этой схемы почти везде, куда бы вы ни пошли.

30. Одиннадцать растений

# 5daa68 # 3f6844 # faf1cf

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

31. Qvartz

# ee7879 # 2a3166 # f4abaa # cae7df

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

32. Sheerlink по RTX

# 4a2c40 # e9bd43 # 7d3780

Sheelink By RTX использует современный градиент и жирную расцветку, чтобы привлечь внимание к своему продукту. Цвета глубокие и капризные, а бордово-пурпурный имеет отчетливое ощущение царственности и таинственности.

33. Пуэрто Мате

# 5ce0d8 # 01345b # ffcf43

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

34. Портфолио Loic Sciampagna

# 141824 # ffb600 # 0049ff

В портфолио

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

35. Канатал

# 182978 # 6688cc # acbfe6

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

36. FFWD Digital

# f1e821 # 487afa # 23c0ad

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

37. Tappezzeria Novecento

# 1 # fab162

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

38. Тэв

# 252669 # 4ecb4a

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

39. Ниша и культ

# 4e3883 # ffddcc

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

40. Sysdoc

# 001730 # 4ad7d1 # fe4a49

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

41. Обжарщики кофе Veneziano

# f6f4f2 # 425664 # c6ad8f

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

42. Лучшая энергия

# 11abc1 # df3062 # f5b935 # 4bac3f

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

43. Взрывная галактика

# 0f0c24 # a350a3 # c1436d

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

44. Портфолио Кайла Декера

# f5f5f5 # 8db48e # 4d724d

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

45. Awink

# 212221 # 1181b2 # ddedf4 # 44449b

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

46. Пивоварня Archibald Microbrewery

# d81c23 # 4fa8c2 # d97441 # d29849

Archibald Microbrewery использует все цвета радуги, но палитра удивительно красива. С цветами одинаковой насыщенности и визуально следуя теме, все получается довольно легко.

47. Индеги

# 45af2a # 3fddc1 # d56c06

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

48. Рюкзак

# ad4328 # b65741

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

49. Демисол

# 16519f # f07e74 # f8dd2e # 4fcbe9

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

50. Dropbox

# 61082b # b4d0e7

В

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

31 цветовая комбинация, о которой должен знать каждый дизайнер

Последнее обновление 16 октября 2020 г.

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

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

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

1. Закатное сияние

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

2. Сдержанный и хладнокровный

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

3. Яркие акцентные цвета

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

4. Классика и ретро

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

Может оказаться полезным: Теория цвета и почему это важно

5. Естественный и землистый

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

6. Смелый и яркий

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

7. Средиземноморский блюз

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

8. Утонченность и спокойствие

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

9. Фиолетовые тона и оттенки

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

10. Темно-фиолетовый и синий

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

Интересное чтение для вас: Основные элементы дизайна, о которых вы должны знать

11. Приглашающий и живой

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

12. Классический вид

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

13. Красный и живой

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

14. Яркие и ретро

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

15. Яркий и свежий

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

16. Классика 70-х

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

17. Элегантный, но доступный

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

18. Готическая архитектура

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

Вы можете найти это интересным: Как дизайн способствует повествованию бренда?

19. Изящный и футуристический

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

20. Текстурированный и динамичный

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

21. Минималистичный, но теплый

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

22. Чистота и энергия

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

23.Красочная вибрация

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

24. Городской пейзаж

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

25. Синие джинсы и старая машина

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

26. Расслабляющая и невозмутимая

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

27. Корпоративное и традиционное

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

Лучшее чтение для вас, оно вам понравится: Полное руководство по визуализации оттенков с помощью этого тезауруса цветов

28. Модность в полном расцвете

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

29. Сумеречная луна

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

30. Розово-красный и черничный

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

31. Богатый и красочный

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

Как выбрать эстетическую цветовую палитру [2021]

Глава 6

Цветовые схемы веб-сайта

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

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

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

Какие цветовые схемы у веб-сайта?

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

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

Источник: Томми Хилфигер

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

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

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

То есть 60% пространства вашего веб-сайта должно быть отведено под основной цвет, а 30% – под цвет с контрастирующим эффектом (вторичный или третичный цвет). Остальные 10% пространства предназначены для вашего акцентного цвета, чтобы выделить важную информацию.

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

Вот некоторые типичные цветовые схемы веб-сайтов: ваш основной цвет + белый + серый, желтый + зеленый + коричневый, зеленый + синий, красный + желтый + синий и т. Д.

Где использовать цветовые схемы вашего сайта?

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

У вас, вероятно, уже есть выбранные вами цвета.Но где их использовать? И какой процент будет работать лучше всего? Помните правило 60-30-10, о котором я упоминал ранее. Не следует использовать одинаковое количество каждого цвета, так как создать контраст будет сложнее.

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

Основной цвет на вашем сайте

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

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

Источник: Home24
  • Логотип.
  • Заголовок и заголовки.
  • Призыв к действию.
  • Заголовок.
  • Выделите поле с важной информацией.
  • Гиперссылки.
  • Иконки.
  • Графики.
Дополнительные / акцентные цвета на вашем сайте

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

Источник: Carhartt
  • Субтитры и подзаголовки.
  • Призыв к действию.
  • Выделите поле вторичной информации.
  • Нижний колонтитул.
  • Иконки.
  • Графики.

Цвета кнопок призыва к действию, которые конвертируют

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

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

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

Источник: Ронкато

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

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

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

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

Важное примечание:

Если вы добавите ощущение срочности в свои призывы к действию, они будут значительно более эффективными. Так что попробовать стоит. Помните, что то, что работает для некоторых веб-сайтов, не должно работать для всех сайтов. Итак, проводите A / B-тест, пока не найдете то, что вам подходит.

Лучшие и худшие цвета CTA

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

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

Источник: Джек и Джонс

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

Red выделяется на большинстве веб-сайтов. Кроме того, красный – это цвет, который вызывает волнение и создает срочность.

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

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

Источник: Том Форд

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

Действительно, черный цвет темный и мрачный, поэтому его сложно выделить на большинстве фонов веб-сайтов.

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

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

Совет:

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

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

Как выбрать цвета кнопки CTA для конвертации?

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

Ознакомьтесь с этими важными советами по выбору цвета кнопок CTA:

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

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

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

2. Подберите цвет, соответствующий вашему бренду

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

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

3. Стратегически добавьте пустое пространство

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

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

Если вы используете правильное количество белого пространства на своем сайте, это повлияет на эффективность ваших CTA. Как? Потому что правильное использование белого сделает ваши кнопки CTA более заметными.

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

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

4. Используйте дополнительные кнопки CTA

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

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

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

Другая тактика, которая обычно хорошо работает, – сделать текст вторичного или приглушенного CTA неудобным, например «Да, я хочу больше X, пожалуйста» (основной CTA) или «Нет, у меня достаточно X» (приглушенный CTA).

Большинству людей никогда не бывает достаточно X, если то, что вы предлагаете, разумно.Таким образом, очевидным щелчком будет вариант «Да».

5. Не забывайте учитывать размер кнопок CTA
.

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

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

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

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

Важное примечание:

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

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

Отслеживание и мониторинг поведения пользователей с помощью цветовых схем веб-сайта

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

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

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

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

Важность понимания поведения пользователей на веб-сайте

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

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

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

Что такое Lucky Orange
от Lucky Orange

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

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

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

Запись сеанса
Источник: Hotjar

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

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

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

Записи сеанса

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

Тепловая карта

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

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

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

Оптимизация коэффициента конверсии с учетом поведения пользователя

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

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

Что такое оптимизация коэффициента конверсии (CRO) в цифровом маркетинге?
by Fountain

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

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

Ниже перечислены ключевые функции для оптимизации цветовых схем веб-сайта:

A / B-тест цветов кнопок CTA

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

Но стоит проверить, какие цвета призыва к действию более убедительно влияют на вашу аудиторию. Помните, что сообщение, которое вы пишете в своих призывах к действию, тоже имеет значение. Если вы проведете A / B-тестирование эффективности вашей кнопки CTA, вам придется сменить один цвет на другой. А затем используйте тот, у которого больше CTR.

A / B-тест размеров кнопок CTA

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

Но, если на вашем сайте уже слишком много элементов значительного размера, изменение размера CTA может оказаться не таким эффективным. Что критично для CTA, так это то, что он контрастирует с остальными элементами.

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

A / B-тест ваших изображений

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

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

Размер изображения, качество, количество изображений и т. Д. – вот аспекты, на которые вы должны обратить внимание. Следовательно, A / B-тестирование с вашими изображениями намного сложнее, чем с CTA.

Тем не менее, это необходимо. Но помните, что нельзя менять все сразу. Лучше внести небольшие изменения в соответствии с предпочтениями вашей аудитории и посмотреть, как получится.

A / B-тест ваших ссылок на места, по которым люди нажимают

Что такое A / B-тестирование и как его использовать
от GrowthLab

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

Что это вам говорит? Посетители вашего сайта считают, что вы должны разместить там ссылку. Если это ваш случай, вам нужно их выслушать и создать там соответствующую ссылку.

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

Итак, вам нужно будет следить за тем, как люди взаимодействуют с вашими ссылками. А затем A / B-тест для внесения необходимых изменений. Таким образом, ваш сайт, несомненно, получит больше кликов.

Как улучшить взаимодействие с пользователем с помощью цветовых схем веб-сайта?

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

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

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

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

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

Убедитесь в единообразии используемых цветов

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

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

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

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

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

Использовать пробел; это твой лучший союзник

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

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

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

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

Проверьте читаемость своего сайта

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

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

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

Будьте осторожны с цветами гиперссылок

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

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

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

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

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

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

Выделите кнопку с призывом к действию

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

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

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

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

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

Примеры персональных веб-сайтов и цветовые палитры

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

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

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

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

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

Вот список хорошо продуманных личных сайтов:

  1. Данило де Марко
Источник: Данило де Марко

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

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

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

  1. Алекс Вандерлит
Источник: Алекс ван дер Лит

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

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

  1. Владимир Груев
Источник: Владимир Груев

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

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

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

  1. Владим Тюрин
Источник: Владим Тюрин

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

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

Примеры бизнес-сайтов и цветовые палитры

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

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

Более того, эти сайты не часто меняют содержание и дизайн из-за единообразия. Как вы знаете, последовательность – ключ к узнаваемости бренда.

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

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

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

Вот список хорошо продуманных бизнес-сайтов:

  1. Ferrumpipe
Источник: Ferrumpipe На веб-сайте

Ferrumpipe используется палитра дополнительных цветов (зеленый-оранжевый) вместе с монохромными (зеленый).

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

  1. Oracle
Источник: Oracle На сайте

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

Это хорошо подобранная цветовая палитра для брендов, цель которых – ассоциироваться с природой, экологией и людьми.

  1. NBC
Источник: NBC На веб-сайте

NBC используется монохромная цветовая палитра.Фактически, он использует только палитру, образованную оттенками серого. Два оттенка серого – это круто, так как они синего цвета, а два других – черного.

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

  1. Samsung
Источник: Samsung

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

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

  1. Группа сплайнов
Источник: Сплайн

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

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

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


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

40 красивых цветовых комбинаций логотипа, которые идут вместе, как арахисовое масло и желе

16 минут на прочтение

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

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

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

Что нужно знать о психологии цвета

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

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

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

5 типов комбинаций цветов

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

1. Монологичные сочетания цветов

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

2. Дополнительные цветовые комбинации

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

3. Аналогичные цветовые комбинации

Это цветовые комбинации между цветами, которые находятся рядом друг с другом на цветовом круге.

4. Триадные цветовые комбинации

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

5. Тетрадические цветовые комбинации

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

Как насчет плохих сочетаний цветов логотипа?

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

Вы можете подумать, что фирменные цвета субъективны и ужасных цветовых сочетаний не бывает.

Но вы ошибаетесь.

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

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

Более того, существуют цветовые схемы логотипов, которые просто не соответствуют индивидуальности бренда.

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

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

Источник изображений

40 красивых цветовых палитр логотипа для вдохновения

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

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

  1. Желтый
  2. Оранжевый
  3. Красный
  4. Розовый
  5. Фиолетовый
  6. Синий
  7. Зеленый
  8. Черный
  9. Серый
  10. Коричневый
  11. Цветной

1.Цветовые комбинации желтого логотипа

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

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

  • Черно-желтый логотип – Nikon

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

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

  • Желто-красный логотип – Shell

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

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

  • Желто-зеленый логотип – Subway

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

  • Желто-синий логотип – Pokemon

Логотип Pokemon был создан в 1998 году и состоит из желтого шрифта с синим контуром, который идеально подходит для обозначения игривости, веселья и игр.Желтый также является цветом Пикачу, одного из самых известных персонажей франшизы.

  • Желто-фиолетовый логотип – Los Angeles Lakers

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

Эта цветовая палитра логотипа притягивает взгляд и завораживает.

2. Цветовые комбинации оранжевого логотипа

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

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

Давайте взглянем на некоторые из самых известных цветовых схем оранжевого логотипа.

  • Оранжево-черный логотип – Harley Davidson

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

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

  • Оранжевый и красный логотип – Mastercard

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

  • Сине-оранжевый логотип – Tide

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

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

  • Оранжевый и зеленый логотип – Crush Orange

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

3. Цветовые комбинации красного логотипа

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

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

  • Красно-черный логотип – Netflix

Словесный знак Netflix в представлении не нуждается. Netflix Red на черном фоне создает ощущение кинематографа премиум-класса.

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

  • Красный, черный и желтый логотип – Lego

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

  • Красно-белый логотип – Coca-Cola

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

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

Логотип Coca-Cola очень мало изменился за последние 130 лет и остается одним из самых знаковых красно-белых логотипов всех времен. Исследования показывают, что 94% населения мира узнают этот логотип.

  • Красный, черно-белый логотип – YouTube

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

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

  • Красный, белый и синий логотип – Suzuki

Знаменитый логотип Suzuki был создан в 1958 году со стилизованной буквой S. Завершенный полным названием Suzuki, он стал одним из самых узнаваемых красных и синих логотипов в автомобильной промышленности.

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

  • Красный, желтый и синий логотип – Burger King

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

Но Burger King отлично справился с этим.

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

  • Красный, синий и зеленый логотип – Mountain Dew

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

4. Цветовые комбинации розового логотипа

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

  • Сине-розовый логотип – Baskin Robbins

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

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

  • Розово-оранжевый логотип – The Dunkin Donuts

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

  • Розово-белый логотип – Victoria’s Secret PINK

Victoria’s Secret PINK – это подразделение и линия бренда, ориентированная на молодых женщин в возрасте от 15 до 22 лет.Ярко-розовая цветовая гамма логотипа в сочетании с белым чиста и приглашает подростков и молодых людей открыть для себя красочный мир нижнего белья и одежды.

5. Сочетание цветов фиолетового логотипа

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

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

  • Пурпурно-белый логотип – Milka

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

Шоколад Milka использует отличительную фиолетовую упаковку с 1901 года, но известный нам логотип был зарегистрирован только в 1960 году.

  • Фиолетовый и оранжевый логотип – FedEx

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

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

Нынешний логотип увидел свет в 2000 году, и с тех пор компания верна этому дизайну.

6. Сочетание цветов синего логотипа

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

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

  • Синий красно-белый логотип – Pepsi

В то время как Coca-Cola всегда использовала красную цветовую схему логотипа, Pepsi не всегда выбирала синий. Знаковый синий появился вместе с бело-красной смесью в конце 1950 года.

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

  • Сине-желтый логотип – Ikea

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

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

  • Светло-синий логотип – PayPal

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

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

  • Сине-белый логотип – Oreo

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

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

  • Синий, черно-белый логотип – BMW

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

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

7. Цветовые комбинации зеленого логотипа

Green – это природа, свежесть и чистота, и это отличный выбор для брендов, которые хотят ассоциироваться с природой.

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

  • Оттенки зеленого логотипа – Animal Planet

Одним из самых популярных зеленых логотипов является логотип Animal Planet, в котором используется несколько оттенков зеленого как символа природы. Бренд стремится к сохранению дикой природы, устойчивости и гармонии.

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

  • Желто-зеленый логотип – Sprite

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

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

  • Зелено-черный логотип – Tripadvisor

Несмотря на то, что «Сова Олли» на фоне TripGreen является второстепенным логотипом, его все же стоит упомянуть, потому что это хорошее цветовое сочетание.

  • Зелено-белый логотип – Starbucks

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

С 2011 года логотип Starbucks был упрощен: белая сирена отображается на зеленом фоне.

  • Красно-зеленый логотип – Heineken

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

Одной из уникальных особенностей культового логотипа Heineken является красная звезда, символ, используемый пивоварами со времен средневековья и относящийся к его ингредиентам.

8. Сочетание цветов черного логотипа

Черные логотипы изысканны, элегантны и очаровательны. Часто говорят о роскоши, профессионализме и изысканности.

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

  • Цвет черно-белого логотипа – Chanel

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

Черно-белый брендинг Chanel – это превосходство, элегантность и вневременная красота. Этот символ отражает корни бренда и не менялся с 1910 года.

  • Цвет черно-желтого логотипа – Caterpillar

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

Сочетание цветов было отличительной чертой логотипа с 1989 года. Самые ранние логотипы были красными или черно-белыми.

  • Черно-оранжевый цвет логотипа – Amazon

Еще одним примером логотипа, в котором для согрева всего ансамбля используется капля цвета, является логотип Amazon.

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

Они впервые представили эту цветовую палитру в 1998 году и с тех пор остаются ей верны.

9. Сочетание цветов серого логотипа

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

Давайте посмотрим на некоторые из наиболее заметных серых логотипов и посмотрим, что обозначают их цветовые схемы.

  • Серый, белый и черный логотип – Википедия

Бренд Википедии – это знания и обмен ими с миром, и именно это обозначает серый цвет.

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

Логотип Википедии всегда был монохромным, за исключением версии 2003 года, в которой логотип головоломки был красочным.

  • Сине-серый цвет логотипа – Volkswagen

Серые и синие логотипы – символ элегантности, прочности и силы. Это мужское сочетание цветов с оттенком чувствительности и креативности, которое дает серебряное сияние.

Несмотря на то, что Volkswagen представил новый логотип в 2019 году, сочетание сине-серебристого цвета по-прежнему считается его торговой маркой.

10. Коричневые логотипы Логотипы

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

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

  • Коричнево-желтый логотип – UPS

Знаменитый коричнево-желтый логотип

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

UPS сохраняет верность этой коричнево-золотой цветовой палитре уже более ста лет. Цвета появились в первой версии логотипа UPS в 1916 году и присутствуют до сих пор.

  • Коричневый, черно-белый логотип – M&M’s

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

M & M’s сохраняет верность своей цветовой схеме и буквам своего логотипа с самого начала, почти 60 лет назад.

11.Красочные логотипы

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

Давайте посмотрим на некоторые из наиболее ярких примеров.

Google – это глобальный мультикультурный бренд, который ценит разнообразие, что также отражено в его многоцветном логотипе.

Добавить комментарий

Ваш адрес email не будет опубликован.

Начните вводить, то что вы ищите выше и нажмите кнопку Enter для поиска. Нажмите кнопку ESC для отмены.

Вернуться наверх