|
| |
15 сервисов для игры с цветом
Попытки найти идеальное цветовое решение уходят корнями далеко вглубь истории, к шедеврам великих художников. Теперь поисками идеального сочетания цветов, как филосовского камня, занимаются дизайнеры. Как сказал французский импрессионист Клод Моне: «Цвет – моя каждодневная одержимость, моя радость и моя мука».
Люди ассоциируют цвета с предметами, к примеру, красные яблоки и зеленая трава. Также, мы считаем цвет чем-то постоянным, даже тогда, когда знаем, что белое вино на самом деле желтое, даже скорее золотистое, и что синее море, совсем не синее, и его цвет может варьироваться от темно-серого до бирюзового.
Мы совершенно игнорируем тот факт, что интерпретация цвета является сложным процессом, который задействует в нашем восприятии не только глаза, но и настроение. При создании сайта, перед дизайнером появляется ряд вопросов, требующих ответа. И один из них – это сочетание цветов, идеально подходящее для будущего веб-проекта, как бы тривиально это не звучало. Гармония цветов – первое, что бросается в глаза посетителю, поэтому этот нюанс, лучше, хорошо продумать.
Представляем вашему вниманию пятнадцать отличных онлайн-сервисов, которые помогут вам подобрать подходящее сочетание цветов. Многие ресурсы позволяют загружать уже готовые палитры цветов, чтобы потом доработать. Сервисы позволяют искать и группировать цветовые схемы по определенным ключевым словам и оттенкам. Это очень помогает, когда у вас есть один цвет и нужно его использовать с рядом других, близких к нему цветов. Но самое главное, что все предложенные сервисы совершенно бесплатные.
1. Adobe Kuler – специальное веб-приложение для создания цветовых схем, которые могут вдохнуть жизнь в совершенно любой проект. Вы можете экспериментировать с цветами и просматривать тысячи тем из Kuler сообщества. Тут есть рейтинговая система самых лучших палитр, составленных другими пользователями. При желании, можно составить собственную палитру или загрузить изображение с приятной цветовой гаммой.
2. Сolourlovers – это серьезный ресурс, где люди не просто выбирают палитры цветов, но и говорят о цвете. Здесь можно найти и бесшовные текстуры, и готовые палитры. Также, на этом ресурсе есть форум, где ведется общение.
3. Главное преимущество Colorscheme в том, что весь процесс работы происходит в пределах одного экрана, то есть вам не нужно переходить на другие страницы. Первый шаг – выбор цветовой модели для будущего веб-проекта. Вы можете комбинировать холодные и теплые оттенки. Далее, изменяете яркость и контрастность, вы можете использовать готовые стили. Справа можно видеть результаты своей работы. Также, есть предварительный просмотр готового сайта, конечно же, примерный. Этот ресурс будет крайне полезен начинающим дизайнерам.
Очень порадовал список с названиями цветов.
4. С ColoRotate вы можете с легкостью создавать и управлять палитрами цветов в объемном 3d-пространстве для лучшего контроля цвета текста и фона. Цвета оживают, потому что в объеме наш ум воспринимает цвет иначе. Слайдеры и джойстики интуитивно понятны и просты в управлении. К тому же, вы можете синхронизировать палитры цветов между компьютерами и делиться заготовками с коллегами или клиентами.
5. ColorBlender – простой в использовании инструмент для создания цветовых палитр для веб-разработки. Основная функция этого ресурса – создание палитры из шесть цветов. Вы выбираете один, а программа подбирает остальные пять соответствующих цветов. Это позволяет легко и быстро создавать палитры.
6. Colormunki – это многофункциональный ресурс для работы с цветовыми палитрами и управления цветом в сфере графического, промышленного и интерьерного дизайна.
7. ColorExplorer является бесплатным инструментом для проектирования и работы с цветовой палитрой. Набор инструментов сайта не ограничивается подбором цветов, вы можете просматривать популярные библиотеки цветов, соединять библиотеки, экспортировать палитру в популярные программы, такие как AdobePhotoshop, Illustrator и многие другие. Также, можно импортировать цвета из изображений. Этот сайт был разработан специально для профессиональных дизайнеров. Тут нет регистрации, подобранную палитру можно просто сохранить. Однако, если вы хотите защитить свою палитру от посторонних глаз, можно создать и свой собственный профиль.
8. Главная идея Сolr: игра с цветом и цветовыми схемами. Этот сайт является одновременно игрушкой и серьезным генератором идей.
9. С ColorCombos вы попадете в мир цветов, в котором вы обязательно найдете свою идеальную цветовую палитру. Этот сайт был создан, чтобы помочь веб-разработчикам и дизайнерам быстро выбирать и тестировать различные комбинации цветов. Библиотека ресурса содержит сотни и тысячи образцов цвета. С помощью данного ресурса можно создать красивый сайт с отличным сочетанием цветов.
10. На Ficml можно подбирать цветовые оттенки и благодаря номеру, который высвечивается, можно использовать эти цвета в AdobePhotoshop или других программах. Всего несколько кликов мыши производят цветовое волшебство.
11. На Сolrd можно создавать схемы цветов, шаблоны, загружать изображение, чтобы узнать его цветовую гамму и многое другое.
12. ColorHunter – это ресурс, на котором можно найти и создать цветовые палитры, сделанные из изображений. Чтобы найти цветовые палитры на сайте, нужно ввести поисковый запрос в поле в верхней части страницы. Поиск можно осуществить по тегам, шестнадцатеричному коду цвета или ссылке на изображение. Изображение, также, можно загрузить из ПК.
13. Mudcu позволяет имитировать девять видов цветовой слепоты.
14. Etsy – это самый забавный и необычный способ подобрать цвет.
15. На Archizona оптимальное сочетание цветов можно подобрать, перемещая ползунок внизу. Это аналог цветового круга. Это один из немногих русскоязычных сервисов по подбору цветов.
Надеемся, данные инструменты помогут вам найти идеальную цветовую палитру для вашего будущего веб-проекта.
Источник: templates.motocms.ru
Правильные сочетания и подбор цвета для сайта: рекомендации для новичков
80% всей информации из внешнего мира мы воспринимаем с помощью зрения. При виде какого-либо объекта, оценке его внешнего вида, формы и цвета мы создаем первое впечатление о нем. Человек может за доли секунды понять, что хочет купить товар только потому что ему нравится его цвет, их красивое сочетание, выбранная палитра. Согласитесь, вряд ли вы решитесь купить желто-зеленые брюки в красный горох и пойти в них на важное совещание, ведь цвета абсолютно не сочетаются и вы будете выглядеть, мягко говоря, нелепо.
Аналогичное восприятие цвета происходит у пользователя при виде сайта. Дизайн ресурса — первое, что бросается в глаза человеку, а его цвет — первое, что оценивается. Моментально подсознательно пользователь принимает решение останется ли он на странице или закроет ее, нравится ли ему цвета сайта, вызывают ли они у него приятные и правильные ассоциации или же, наоборот, отталкивают и формируют негативные эмоции.
Именно поэтому важно знать
В этой статье мы расскажем как работать с цветовой палитрой, как подбирать цветовое решение в веб-дизайне, а также подскажем какими сервисами можно воспользоваться, если вы — новичок в этом вопросе.
Зависимость цвета сайта и его стиля от ЦА
Выбор стиля сайта с точки зрения его цветового исполнения должен напрямую зависеть от целевой аудитории, ее возрастной категории, рода занятий, предпочтений и интересов. Представьте ситуацию. Сайт продает новые марки автомобилей. Соответственно, целевая аудитория у него — состоятельные мужчины возрастом от 35 лет. А теперь подумайте, захочет ли посетитель вашего сайта просмотреть предложения, если сайт будет исполнен в розовом цвете? Очень сомнительно. В данном случае ресурс и сама компания-продавец будет восприниматься несерьезно, отсюда и будет сформирована репутация компании. Вот вам яркий пример сайта по продаже вязаных изделий, где ЦА, в основном, женщины. Не впечатляет, правда?
Суть ясна — сочетание цветов на сайте должно соответствовать ЦА. Следовательно, перед тем, как окончательно выбрать цветовое решение, необходимо детально изучить своего потенциального покупателя.
Цветовая гамма для сайта: как выбрать?
Мы уже определились с тем, что цвета сайта должны соответствовать целевой аудитории. Теперь поговорим о том какую конкретно цветовую гамму следует выбрать для каждой группы и как это сделать.
Принцип выбора цветовой палитры в соответствии с ЦА
Если говорит обобщенно о цветовых решениях, то рекомендуем опираться на следующие рекомендации:
- Для сайтов на детскую тематику лучшие цвета для сайта — яркие, контрастные и позитивные;
- Для ресурсов, где ЦА — девушки и женщины — нежные, светлые;
- Для сайтов, где целевая аудитория — мужчины — темные или нейтральные.
Конечно, каждый нюанс нужно продумывать. Если у сайта целевая аудитория и мужчины, и женщины (например, компания продает товары общего потребления), то в таких случаях следует опираться на нейтральность. Не малое значение имеет и фирменный стиль компании. Если он уже существует и укреплен на рынке (например, логотип или бренд всем знаком), то преобладающими цветами на сайте должны быть «фирменные». Но, все же, о правилах контрастности и мотивации к действию с помощью цвета забывать не стоит.
Сочетание цветов для сайта
На самом деле процесс выбора сочетающихся между собой цветов не такой уж и сложный. Главное, придерживаться принципа простоты — не использоваться более 3-4 разных цветов, подбирать сочетающиеся между собой оттенки. В этом случае поможет цветовое кольцо, созданное Ньютоном еще в начале 18 века. Конечно, этот пример уже устаревший, так как дизайнерам и архитекторам представлена возможность выбирать среди тысячи оттенков с помощью специальных сервисов в режиме онлайн, о которых мы расскажем дальше.
С момента его появления художники и ученые развили идею, создав широкое разнообразие оттенков. Изначально идея была такова, что существует только три основного цвета: синий, красный и желтый. При смешивании двух цветов появлялся оттенок. При смешивании оттенка с основным цветом, появлялся новый оттенок. С помощью сочетаний оттенков в разных пропорциях насыщенности, появился современный круг цветовой палитры. Благодаря этому кругу можно выбирать основные и дополнительные цвета, используя различные методы совмещения, воздействуя тем самым на правильное восприятие сайта пользователем.
При группировке цветов можно создавать собственные оттенки, используя инструмент насыщенности и светосилы. Насыщенность отвечает за чистоту выбранного тона (чем больше его насыщенность, тем меньше вхождение серого цвета в него), а светосила за яркость.
Цветовые контрасты
У каждого цвета есть свой противоположный цвет. Оттенками, контрастными основному выбранному цвету, чаще всего делают акценты на сайте — выделяют триггеры, заголовки, подзаголовки, текст. Контрастные цвета привлекают внимание человека и создают своеобразную мотивацию к действию. Определить два цвета, контрастные друг другу, очень легко. Для этого нужно выбрать один цвет из круга и провести линию к другому, расположенному на противоположной стороне.
Создавать контрасты цветов можно несколькими способами.
Цветовые тоны
Использование высококонтрастных цветов (например, черного и белого, синего и желтого) создает оптимальный акцент. Это практичный и эффективный метод выделять самую важную информацию.
Светлота тона
При выборе контрастных цветов не обязательно использовать классические варианты. Использование более светлого и более темного оттенка одного цвета создаст гармоничную композию, позволив выделить необходимые части дизайна.
Температура тона
Все существующие цвета можно разделить на три группы с точки зрения температуры: теплые (красный, оранжевый, желтый), холодные (зеленый, синий) и нейтральные (черный, белый). Использование нескольких тонов, различных по температуре (например, красный и белый) позволит создать достаточно динамический, но логически комбинированный контраст.
Интенсивность цвета
Чем меньше в цвете серого, тем он более насыщенный. Применение менее интенсивных цветов в качестве фоновых с акцентами из более насыщенных создают идеальный тандем. При этом более насыщенные цвета привлекают внимание в первую очередь — отличный способ создать акцент на триггере.
Цветовое распространение
Комбинация ярких вставок на нейтральном фоне создает очень привлекательный дизайн сайта. Лаконичное внедрение контрастных оттенков создают очень эффективные акценты, от которых невозможно отвести взгляд.
Как воспринимается цветовая палитра сайта пользователем?
Каждый цвет вызывает определенные ассоциации у человека. Тон или оттенок может вызвать как положительное восприятие сайта, так и отрицательное. Поэтому при подборе палитры, очень важно знать и понимать какие чувства могут они вызвать у вашего пользователя.
Перед тем, как мы интерпретируем восприятие основных цветов человеком, стоит сказать, что в зависимости от темперамента и настроения пользователя зависит его восприятие сайта. Немалое значение имеет место проживание человека. Например, православный человек может ассоциировать бежевый цвет с предельной простотой, а человек, следующий буддизму, с элегантностью и спокойствием. Мы же опишем наиболее распространенные ассоциации с цветом, присущие западной культуре.
Красный
Эмоции: страсть, любовь или опасение, важность.
Самым стимулирующим и привлекающим к себе внимание считается красный. Именно его чаще всего используют дизайнеры для выделения конверсионных элементов: лидогенерирующих кнопок, форм призыва к действию и т.д.
Но не забывайте, что красный — эмоциональный цвет. Поэтому не стоит им увлекаться. Использовать этот цвет в качестве основного следует только в тех случаях, когда пользователя необходимо предупредить. В остальном, он должен оставаться лишь акцентом, к которому хочется привлечь внимание.
Оранжевый
Эмоции: позитив, дружелюбие, движение, энергия, молодость.
Как самый теплый оттенок красной палитры, оранжевый может вызывать большой ассоциативный ряд. Однако все ассоциации будут положительные. Если взять оранжевый в качестве основного фона, то он создаст ощущение «молодежности» и вызовет положительные впечатления. Вот яркий пример тому.
Так как оранжевый — яркий цвет, его можно задействовать в качестве акцентов. Он справится со своей задачей не хуже, чем красный.
Желтый
Эмоции: радость, счастье, энтузиазм.
Желтый вызывает бодрость и добавляет энергии сайту. Его восприятие можно сравнить с красным, но ассоциации будут несколько мягче. Следовательно, и сайт будет восприниматься пользователем по-другому. Желтый — цвет солнца и детства, но, в зависимости от тематики сайта, может играть отнюдь не детскую роль. Наоборот, он позволит показать потребителю, что такой сайт принадлежит профессионалам. Судите сами, этот пример показывает как яркий и позитивный цвет вызывает доверие к компании.
Зеленый
Эмоции: спокойствие, благополучие, рост, стабильность.
Зеленый цвет находится между синим (расслабляющим цветом) и желтым (цветом энергии), а значит создает идеальный баланс. В зависимости от насыщенности оттенка, цвет может восприниматься по-разному. Например, самые светлые оттенки скажут о легкости, а насыщенные, наоборот, создадут тяжелую атмосферу. Вместе с тем, на примере мы видим как насыщенный зеленый создает ощущение престижности.
Синий
Эмоции: спокойствие, открытость, безопасность.
В зависимости от насыщенности цвета, его можно воспринимать по-разному. Например, как знак доверия, используются светлые тона (обратите внимание, социальные сети Твиттер, ВКонтакте и Facebook используют именно светло-синий цвет). Темно-синие оттенки создают ощущение надежности. В этом примере сайт компании идеально отображает и профессионализм, и надежность. Синий цвет смотрится богато и роскошно.
Фиолетовый
Эмоции: богатство, помпезность, роскошь или тайна, мистика.
Испокон веков фиолетовый считался цветом богатства, ассоциировался с королевством и роскошью. Светлые тона (пурпурный, лиловый) создают чувства помпезности, стиля.
Темные цвета на сайте навевают романтику и таинственность.
Белый
Эмоции: добро, чистота, доступность.
Белый цвет считается нейтральным и часто используется в качестве основного фона. Он сочетается с любыми темными тонами и позволяет с их помощью делать акценты.
Белый цвет создает эффект минимализма, но, вместе с тем, делает сайт стильным. На сегодняшний день подобное решение — самое модное и трендовое.
Черный
Эмоции: изысканность, власть.
Черный ассоциируется с величием, доминантностью. Нередко крупные компании прибегают к использованию черного в качестве основного фона. Он прекрасно сочетается со всеми светлыми и пастельными тонами, создавая с их помощью акценты. Черный, как и белый, может сказать о минимализме, но, вместе с тем, вызывать исключительно положительные эмоции. Вот яркий пример тому, как сайт автомобилей Роллс Ройс создает неуклонное впечатление роскоши при абсолютном минимализме.
Однако стоит понимать, что с черным цветом в дизайне следует быть осторожным. Очень важно не переусердствовать, чтобы из роскошного цветового оформления сайт не превратился в траурный, вызывая негативные эмоции у посетителя.
Как выбрать цвет для сайта: определяемся между основным, вторичным и фоновым
Выбирая цветовую палитру для своего сайта, подбирайте каждый цвет поэтапно:
- Для начала следует определить основной цвет. Этот цвет, как правило, используется в большей мере, им могут выделяться основные заголовки или важная информация;
- Выбираем вторичный цвет — цвет, которым будет выделяться второстепенная по важности информация;
- Акцентирующий цвет — самый важный инструмент для привлечения внимания посетителя. Он должен быть контрастным, выделяющемся и на основном, и на фоновом цвете;
- Фоновый — цвет, который преобладает на сайте, заполняя свободное пространство. Должен взаимодействовать со всеми выбранными оттенками, не привлекать на себя внимание.
Рассмотрим на примере использование всех цветов
В качестве основного цвета выбран белый. Как видим, белым цветом выделены названия категорий, заголовок и другая информация. Вторичным цветом стал голубой, акцентирующим — красный, фоновым — коричневый. Несмотря на то, что коричневый — достаточно тяжелый для восприятия цвет, в данном случае он уместен. Став «невидимым», он не привлекает к себе внимания, лишь подчеркивая остальные выбранные цвета. Таким образом, информация воспринимается сразу, и лишь акценты красного не позволяют отвлечься.
Лучшие цветовые схемы для сайта: несколько примеров для вашего вдохновения
Рассмотрим на нескольких примерах цветовые схемы сайтов, которые создают правильные впечатления у своей целевой аудитории.
Пример 1
Простая и эффективная схема, которая складывает впечатление высокого интеллекта. В качестве основного цвета взят черный, акцентирующего — белый, фонового — желтый. Отличное сочетание цветов, которое повышает читабельность и восприятие информации.
Пример 2
Нежные, пастельные тона позволяют выделять акценты на предложениях. Универсальное решение для целевой аудитории, в которую входят и мужчины, и женщины любой возрастной категории. Цвета дизайна навевают спокойствие и умиротворение, но, в то же время, подталкивают к действию с помощью более контрастных штрихов.
Пример 3
Несмотря на то, что серый — достаточно унылый цвет, в умелых руках он может стать эффективным инструментом. Как видно на примере, светлый серый прекрасно сочетается со всеми цветами разной теплоты и тонов, собирая их воедино и создавая единую логичную картину.
Пример 4
Пример того, как белый, несмотря на свою нейтральность, создает ощущение высокого стиля. Каждый цветной элемент привлекает внимание, рассказывает о творчестве и вдохновении. Минималистский фон в сочетании с крутой цветной графикой создают великолепный тандем.
Пример 5
Черный цвет никогда не выйдет из моды, это классика. Обратите внимание, как сочетание всего двух цветов способны раскрыть полную картинку сайта. Использование метода контрастных пятен (в роли которых использованы фотографии) создается впечатление роскоши. Здесь нет ничего лишнего, абсолютный минимализм. Но, вместе с тем, сайт вызывает положительные ассоциации.
Популярные сервисы для подбора цветовой палитры сайта
Мы собрали для вас 4 самых популярных сервиса, с помощью которых вам удастся правильно подобрать цветовую палитру вашего ресурса.
Colorscheme
В режиме онлайн в цветовом круге можно подобрать или генерировать один или несколько вариантов сочетания цветов. Сервис позволяет сочетать цвета по дополнению друг друга и контрастам, предоставляет возможность «прикинуть» как выбранная палитра будет смотреться на сайте (с помощью шаблона), а также посмотреть как будут видеть палитру пользователи с различным отклонениями в восприятии цвета.
In Color Balance
Сервис вобрал в себя все возможные сочетания цветов и демонстрирует их примеры. Можно сортировать примеру по холодным и теплым тонам, выбирать их по определенным цветам, а также по контрастности.
Design Palette
Очень удобный сервис для подбора сочетающихся между собой цветов. Просто выбираете один или несколько цветов, которые хотите видеть в дизайне своего сайта, и сервис автоматически подбирает оттенки, подходящие к вашему выбору, с указанием их кодов. Также вы можете посмотреть готовый шаблон сайта, где демонстрируется выбранная палитра.
Paletton
Простое управление позволяет быстро найти лучшее для себя цветовое решение. Просто выбирайте основной цвет и двигайтесь по цветовому кругу в выборе дополнительных.
Какой должна быть палитра цветов для сайта?
К выбору цветовой палитры для сайта следует подходить очень серьезно. Не стоит опираться на собственные желания. Думайте о своей целевой аудитории, с помощью цветов сочетайте их потребности со своим предложением. Используйте контрастные цвета для создания читабельного текстового содержимого, применяйте яркие и контрастные цвета, если необходимо привлечь внимание потенциального клиента. Не используйте одновременно много цветов и подбирайте сочетающиеся между собой оттенки. При затруднении в выборе гармоничной палитры, обращайтесь к специальным сервисам или просматривайте оформление дизайнов сайтов для новых и свежих идей. Не игнорируйте наши рекомендации и не забывайте о том, что цветовая схема вашего интернет-сайта создает общее настроение подачи ресурса, и, как следствие, влияет на конверсию, продажи и вашу прибыль.
Понравилась статья? Ставьте лайки и подписывайтесь на наш блог!
Следующий проект:17 примеров лучших сайтов ресторанов и кафеПредыдущий проект:Правильная структура веб сайта под SEO: примеры, виды и 15+ рекомендации по разработке структурыСервисы подбора цвета для веб-дизайна
Цвета для веб-дизайна играют огромную роль. Чтобы грамотно подобрать цветовую схему для сайта, существуют специальные сервисы. Уверена, что у каждого веб-дизайнера в закладках есть хотя бы один такой.
Иногда вот сидишь и думаешь, какой оттенок голубого выбрать основным для сайта, чуть светлее или чуть ярче, а может потемнее взять… А к нему еще надо дополнительные подобрать. Можно конечно делать это и на глаз, но лучше воспользоваться одним из специальных сервисов.
Я не буду рассказывать про теорию цвета (это слишком объемная информация), а просто опубликую здесь сервисы, которые есть у меня в закладках и которыми я пользуюсь .
Сервисы подбора цвета для веб-дизайна
colorscheme.ru
С этим инструментом я дружу уже много лет. Наиболее удобный инструмент для подбора цветов (на мой взгляд). У него много дополнительных возможностей. Например можно посмотреть пример светлой и темной страницы с выбранными цветами.
Есть возможность оценить, как будут видеть вашу цветовую гамму люди с дальтонизмом и другими особенностями зрения. Можно выбрать безопасные веб-цвета.
color.adobe.com
Adobe Kuler второй веб инструмент, который я довольно часто использую. Подбор цветовой схемы происходит практически также, как и на предыдущем сайте, но люблю я его не за это. Кроме того, что вы сами можете создавать цветовые схемы, вы можете посмотреть и использовать схемы, созданные другими людьми.
Для этого надо нажать кнопку в левом верхнем меню «Смотреть». И перед вами откроется галерея всевозможных цветовых сочетаний.
paletton.com
Этот инструмент немного похож на Сolorscheme, но имеет меньше функций, зато есть возможность посмотреть, как будут выглядеть цветовые блоки.
Этим сайтом я практически не пользуюсь, но раз уж он есть у меня в закладках, то решила добавить и его.
Следующие два сайта генерируют палитру из выбранного вами изображения. It is magic 🙂
Вы выбираете любую картинку, цвета которой вам нравятся, сервис ее анализирует и выдает вам цветовую палитру. Эти два сайта отличаются лишь тем, как предоставлять им картинку.
Color Palette Generator
На этом сайте необходимо указать ссылку на изображение.
palettegenerator.com
На этот сайт нужно загрузить картинку со своего компьютера.
palettable.io
Очень удобный инструмент для подбора цвета. Основан на принципе «Нравится — Не нравится».
flatcolors.net
Как видно из названия, здесь можно подобрать цвета для модного сейчас, плоского дизайна. Сайт интересен тем, что выбрав палитру, вы можете скачать ее для программ Corel и Photoshop.
materialpalette.com
Еще один модный тренд — материал дизайн. Данный сайт помогает подобрать сочетания цветов для UI (user interface). Дополнительно на сайте есть большой набор иконок.
getuicolors.com
И напоследок снова user interface. Здесь просто набор цветов для UI дизайна. Нажав на любой цвет, можно посмотреть как на определенном фоне будет читаться белый текст.
Вот такие инструменты есть у меня в закладках.
Напишите в комментариях, какими сайтами подбора цвета для веб-дизайна пользуетесь вы?
Нужен сайт с правильными цветами? Пишите, сделаем 🙂
Нашли ошибку? Выделите фрагмент текста и нажмите CTRL+ENTER
Полезные сервисы подбора цветов для сайтов и UX-дизайна
Цвет – один из самых важных элементов в работе дизайнера. Но его, как концепцию, довольно сложно освоить: из-за множества комбинаций палитр зачастую трудно решить, каким образом лучше оформить интерфейс веб-страниц и приложений. Ранее мы публиковали обзоры инструментов по выбору сочетания цветов и генераторов палитр. А сегодня хотим расширить тему, разместив в блоге перевод статьи Essential Color Tools for UX Designers от Nick Babich.
В заметке содержится список лучших сервисов подбора цвета для сайтов и UX-дизайна, которые помогут значительно сэкономить вам время. Благодаря данным проектам вы узнаете:
- откуда черпать вдохновение;
- как создать собственную палитру;
- как сделать дизайн доступным людям с нарушениями цветового зрения.
1. Ищем вдохновение
Краски природы
Черпайте вдохновение из окружающего вас мира. Все, что вам нужно – просто осмотреться. Модная одежда, обложки книг, дизайн интерьера… вас окружает так много потрясающих вещей. Но лучшие цветовые сочетания – это краски природы. Запечатлите красивый момент и попробуйте создать собственную подборку на основе конкретного изображения.
Лучшие сочетания красок – в природе. Можете получить цветовую схему из любого фото
Behance
В популярном сервисе Behance найдете интересные работы, включенные в наилучшие онлайн-портфолио настоящих профессионалов своего дела. Этот сайт – также прекрасный источник вдохновения. Чтобы просмотреть новые достойные примеры проектов, просто выберите нужный цвет.
Dribbble Colors
Dribbble – одна из лучших социальных сетей для дизайнеров, которая пригодится при создании пользовательского интерфейса. Если вы желаете визуально понять, каким образом другие специалисты использовали конкретный цвет, откройте страницу по ссылке dribbble.com/colors и укажите нужное значение.
Подбирая цвет для сайта здесь можно задать минимальный его процент — поэкспериментируйте, например, попробуйте поставить 30 % синего.
Попробуйте указать минимальный процент определенного цвета в Dribbble
Designspiration
Designspiration – полезный инструмент в первую очередь тем, у кого уже есть идеи цветовых комбинаций и кто хочет увидеть примеры таких сочетаний. Выберите от 1 до 5 вариантов, и найдете картинки, соответствующие указанным параметрам.
В Designspiration найдете разные примеры цветовых комбинаций
Tineye Multicolr
С помощью сервиса подбора цвета Tineye Multicolr сможете определить желаемую гамму изображения и даже задать процент каждого из них (соотношение). Сайт интегрирован с базой данных, состоящей из 20 млн фоток Creative Commons от Flickr. Это определенно один из самых быстрых способов найти бесплатные картинки в идеальной палитре.
Colorzilla
ColorZilla – расширение для установки в браузерах Chrome и Mozilla Firefox. Оно включает в себя такие инструменты, как «пипетка», функции просмотра палитр, создания CSS-градиентов и многое другое.
Расширение ColorZilla доступно в Chrome и FirefoxShutterstock Spectrum
Один из лучших способов представить, как же будет выглядеть цветовая гамма, – посмотреть соответствующие изображения. Большинство решений, предлагающих выбор цвета для дизайна сайта, включают подобную функцию, но Shutterstock Spectrum располагает невероятно удобным интерфейсом и предварительным просмотром, что действительно может оказаться полезным.
Причем вам не потребуется подписка, поскольку предварительной оценки картинки будет вполне достаточно (даже несмотря на то, что на ней присутствует «водяной знак») .
W3Schools
Недавно в блоге рассматривали подборку инструментов по веб-цветам в дизайне от W3Schools. Там собрано очень много информации по теме, начиная от их названий/кодов оттенков, теории сочетания палитр и заканчивая описанием разных форматов: HEX, RGB, CMYK, HWB и др. Также найдете простенькие генераторы, конверторы и тому подобные «мини-сервисы». В целом, интересно посмотреть.
2. Создаем цветовую палитру
Material Design Color Tool
Сервис подбора цветов для сайта Material Design Color Tool позволит создавать цветовые схемы, делиться ими и просматривать приблизительный пользовательский интерфейс для подобранных вами параметров. Одна из полезных его функций – измерение уровня доступности любого сочетания цветов.
Coolors
Coolors – сайт для создания многоцветной палитры. Просто закрепите определенный цвет и нажмите на «пробел». Инструмент хорош также тем, что вы получите не один результат, а можете сгенерировать несколько вариантов, изменив лишь начальные данные.
Имеется загрузка изображений и считывание палитры из него.
Цветовая схема в Coolors на основе фото
Adobe Color CC
Сервис подбора цвета Adobe Color CC (ранее Kuler), сейчас довольно популярен. Он находится в свободном доступе в интернете, но существует также и десктор-версия. С помощью данного веб-приложения вы сделаете свою палитру, используя цветовой круг:
Проект позволяет создать/сохранить палитру из 5 значений
А можете получить определенный результат из готового изображения:
Подбор цвета для сайта по картинке
Здесь есть сотни готовых комбинаций, ищите их в разделе «Смотреть»:
Если пользуетесь десктоп-версией, то сможете в один клик экспортировать созданную вами цветовую систему в графические редакторы InDesign, Photoshop и Illustrator.
Paletton
Его часто сравнивают с предыдущим Adobe Color CC, поскольку эти проекты очень похожи. Разница лишь в том, что в Paletton вы не ограничены пятью параметрами, а можете экспериментировать с дополнительными тонами интерфейса.
Color Reference
Дополнительно можете глянуть на Color Reference. Вместе с другими программами дизайна на Android устройствах приложение позволяет работать в любом месте, просто используя свой смартфон. Кроме непосредственно задач по созданию/экспорту цветовых палитр, здесь можно выбирать определенные цвета из картинок или использовать базовые варианты.
3. Делаем палитру доступной
В настоящее время нарушения цветового восприятия куда более распространены, чем мы предполагаем. Около 285 млн человек в мире испытывают проблемы со зрением. Всегда нужно проверять, доступна ли выбранная вами цветовая гамма таким пользователям.
WebAIM Color Contrast Checker
Одни тона прекрасно сочетаются друг с другом, другие же – совсем наоборот. Огромное количество проектов не проходят тест А/А, и это факт. Очень важно проверять визуальное оформление интерфейса и контрастность тонов, особенно если на странице много текста. Для этих целей используйте WebAIM Color Contrast Checker при подборе цветов сайта.
WebAIM Color Contrast Checker – веб-инструмент, с помощью которого проверяются цветовые коды в шестнадцатеричных значениях.
Coolors
О данном сервисе мы уже упоминали выше. Кроме всего прочего Coolors также поможет вам проверить придуманную палитру на цветовую слепоту.
Тип цветовой слепоты в схеме
Вместо режима «Обычный» выберите тот тип проблемы со зрением, который вы желаете сымитировать. В результате поймете, как именно человек, неспособный различать определенные цвета, увидит ваш дизайн.
Так человек с протаномалией видит палитру
NoCoffee Vision Simulator для Chrome
С помощью сайта NoCoffee Vision Simulator сможете просмотреть, как люди с цветовой слепотой или слабым зрением будут воспринимать определенные веб-страницы. Например, указав параметр «Ахроматопсия» в секции «Color Deficiency», вы увидите веб-страницу в сером цвете.
Так выглядит проект CNN для человека с дейтеранопией
Заключение
Все сервисы подбора цвета для сайтов и UX-дизайна, упомянутые в статье, определенно помогут вам в поисках интересной и эффективной гаммы. Но помните: лучший способ научиться создавать удивительные палитры – много практиковаться и экспериментировать.
Интерьерное сочетание цветов, онлайн подбор программами
Выбор цвета и цветовых сочетаний будет определять настроение и ощущение от вашего дизайна. Ошибки здесь быть не должно. К счастью, существует целый ряд компьютерных программ, готовых таблиц и схем, предлагающих гармоничное сочетание цветов и облегчающих процесс подбора.
Расскажу о бесплатных ресурсах, которыми пользуюсь сама при подборе цветовой гаммы. Готовое сочетание цветов, онлайн подбор разных вариантов, новые визуальные образы – все это возможно совершенно бесплатно при поддержке ведущих дизайнеров и художников.
Источник вдохновения
Я считаю, что внезапно стать успешным колористом или дизайнером по цвету – невозможно. Но можно понемногу приучить глаза и голову видеть и воспринимать цвет, сочетания цветов, замечать оттенки.
Именно таким источником вдохновения является бесплатный онлайн ресурс IN COLOR BALANCE ( https://color.romanuke.com/ ). Здесь создана отменная коллекция невероятно красивых фото . К каждой фотографии добавлена подборка цветов, составляющих цветовую композицию.
Можно бесконечно наслаждаться виртуозной работой авторов проекта над созданием цветовых сочетаний, подсказанных природой. Обращаю внимание, что это не просто компьютерный подбор цветов, а собранная вручную палитра на основе природной гаммы.
На этом же сайте можно заказать печатные версии цветовых схем в отличном качестве.
Кради как художник
Это название известной книги Остина Клеона (https://austinkleon.com/steal/) . Основная мысль – ваш личный творческий подход к уже придуманным кем-то идеям, это тоже творчество. Оно дает прекрасные результаты.
Поэтому, почему бы не воспользоваться цветовой гаммой, которая уже придумана и используется с успехом крупными компаниями для своего продвижения.
Бесплатная программа BrandColors ( https://brandcolors.net/) предлагает более 500 цветовых схем, которые используют в своих логотипах известные мировые бренды. Тут же для вашего удобства приведены точные hex коды каждого цвета.
Плюсы и минусы использования цветовых сочетаний, приведенных на этом ресурсе.
— Вся работа по безупречному подбору цветов уже сделана профессиональными дизайнерами
— Цветовые сочетания прочно ассоциируются с уже известными компаниями, но не с вами
— Подходит только для графического дизайна, использование такой схемы в интерьере – это уже ваше творчество.
Выбор готовой палитры
Бесплатный онлайн подбор цветов, все палитры уже готовы, вы только выбираете. В программе ColorDrop (https://colordrop.io/ ) представлены очень удобные 4-х цветные палитры для различных целей. Палитры составлены специалистами по цветовому оформлению. Цвета обозначены в различных кодах, что дает больше возможности для подбора в компьютерной графике, художественной краски, строительной краски, цвета ткани, отделки, полиграфии.
В программе также есть конвертор цветового кода, позволяющий точно перекодировать выбранный цвет, или сочетание.
Кроме этого, здесь имеется палитра плоских цветов. Выбрав нужный вам цвет, например цвет обивки любимого дивана, вы сразу получите несколько палитр, содержащих этот оттенок.
Составление собственной палитры по фото
Если у вас есть фото интерьера, цветовую гамму которого вы хотите воспроизвести у себя дома, то сделать это просто. Загружаете любимое фото в программу COOLORS ( https://coolors.co/ ), которая быстро сгенерирует цветовую карту по изображению.
Нажимаете значок фотоаппарата, в окно грузите фото, или указываете ссылку, если фото размещено в интернете. После того, как фото появится на экране, визиром уточняете точки, откуда брать образец цвета.
Программа предоставляет много возможностей, для корректировки палитры вручную. По сути это вполне профессиональный дизайнерский инструмент.
Работать с цветом можно при помощи кнопок
— Alternative shades – оттенки цвета
— Drag – передвинуть цвет вправо или влево по палитре
— Adjust – настроить тон, насыщенность и яркость
— Lock – зафиксировать цвет.
В результате получаете нужную вам палитру с цветами в кодировке hex, по этим кодам можно подбирать цвет краски и не бояться, что изображение на мониторе не точно передает цвет, который вам нужен в реальности.
В заключении скажу, что профессиональные дизайнеры всегда делают много выкрасок в интерьере, кропотливо отбирают образцы. В общем, работают с физическими окрашенными объектами в конкретном помещении с учетом различного освещения.
Напишите, была ли вам полезна эта статья. Что еще о работе с цветом в интерьере вам нужно узнать, чтобы использовать в своем доме. С удовольствием поделюсь с вами своим опытом.
Подбор цвета для сайта онлайн. 5 супер полезных сервисов — Digital-студия Лантана
Если Вы только задумались о создании сайта для продвижения своего личного бренда или бренда своей компании, то Вам потребуется сделать подбор цвета для сайта.
Подбор цветов является одной из важнейших задач предпринимателя, поскольку цвета оказывают сильное влияние на людей: одни цвета привлекают, а другие, наоборот, отталкивают.
Существует целая теория цветов, соблюдение принципов которых, будет гарантировать сочетаемость всех цветов на вашем сайте. К счастью, Вам не придется во всем этом разбираться. Можно просто воспользоваться уже готовыми сервисами. В этом случае Вы точно не ошибетесь с выбором цветов для сайта.
Итак, представляем 5 супер полезных сервисов онлайн, которые помогут подобрать цвета для Вашего бренда.
Несмотря на то, что сайт на английском языке, разобраться с ним проще простого. Нажимайте пробел и получайте бесконечное количество сочетаемых цветов. Получаемые цвета можно копировать в буфер обмена для дальнейшего использования в ваших приложениях.
Второй очень популярный сервис — Adobe Color СС. Работа с сервисом — одно удовольствие: одним нажатием на кнопку мыши Вы получите великолепные цветовые сочетания. В выпадающем списке “Изменить сочетание Color” доступны все возможные варианты формирования сочетаний согласно теории цветов.
Данный веб-инструмент тоже довольно популярен среди дизайнеров. Для того, что бы начать пользоваться Paletton достаточно просто выбрать нужный цвет, а генератор цветов сам подберёт для вас все необходимые цвета и оттенки в монохромной палитре. На верху цветовой палитры имеются кнопки, которые позволяют выбрать различные цветовые схемы. Система поддерживается разработчиками и постоянно совершенствуется.
Еще один инструмент для формирования цветовой палитры. Разобраться также легко и просто.Кроме возможности создания палитры сочетаемых цветов на сайте имеется своеобразный рейтинг популярных схем среди пользователей по всему миру. Поэтому Вы может просто взять понравившуюся схему и применить к своему дизайну.
Данный инструмент также имеет множество настроек, которые позволяют выбрать абсолютно любое сочетание.
Заключение
Данные сервисы могут быть полезны не только для подбора цвета для сайта, но и для брошюр, буклетов, маркетинг-китов и многих для других целей, даже для выбора одежды.
Если Вам понравилась подборка, поделитесь, пожалуйста, в соцсетях, мы будем благодарны.
6 идеальных цветовых палитр | HGTV
Коричневый, синий и кремовый
Создайте непринужденную и универсальную цветовую схему, сочетая коричневый, синий и кремовый, как дизайнер Шелли Рил Дэвид сделала на этой кухне, столовой и гостиной.Хитрость заключается в том, чтобы сохранить одинаковые значения каждого цвета, например, темно-коричневую мебель, которая сочетается с коричневым цветом ковра. (Мы нашли это: коврик Sachi Black Bean компании C.) Это позволяет удивить акцентами аналогичной насыщенности, но разных цветов, например зеленой лампой и подушкой в красную полоску.
Корица, фиолетовый и зеленый
Когда дело доходит до цвета, природа — это естественное вдохновение.Возьмите ориентир с земли прямо за окном или из вашего любимого места отдыха. Дизайнер Лори Деннис использовала приглушенные земные тона в главной спальне загородного дома клиента в Палм-Спрингс. Прикроватные тумбочки и потолок с корицей, постельное белье приглушенной сирени и живые зеленые растения хорошо сочетаются в цветовой гамме триады.
Тон в тон
Оттенки бежевого, кремового и коричневого создают спокойную и удобную главную спальню, разработанную Линдой Вудрам для HGTV’s Dream Home 2007 года.Создать монохромную палитру так же просто, как подобрать образцы цвета краски в магазине товаров для дома. Просто выберите один понравившийся вам цвет, затем перейдите на одно значение вверх или вниз от этого цвета в спектре. Чтобы однотонный цвет не был однообразным, используйте фактурные ткани и текстиль.
Один цвет, одинаковая интенсивность
При полном использовании цвета, как в детской спальне дизайнера Стивена Миллера, убедитесь, что интенсивность цвета одинаковая.То есть не сочетайте бледно-розовый с неоново-розовым, иначе комната будет казаться изолированной. Точно так же, если вы предпочитаете насыщенный синий цвет, пастельный синий будет выглядеть неуместно. Даже в аналогичных комнатах, которые имеют тенденцию быть успокаивающими, выбирайте оттенки схожей интенсивности. Фото Мэтью Миллмана.
Оранжевый и синий
Дополнительные цвета или цвета, расположенные напротив друг друга на цветовом круге, предназначены не только для спортивных команд.Дизайнер Констанс Рамос соединила приглушенные оранжевые и синие тона с шкафами для эспрессо в этом домашнем офисе, придав пространству теплую и свежую привлекательность. Другие дополнительные цветовые пары, которые стоит попробовать: красный и зеленый; фиолетовый и желтый.
Черный, белый и зеленый
Независимо от того, насколько смелым вы подходите к цвету в своем пространстве, не забудьте использовать основы, чтобы связать все это воедино.Эта гостевая спальня, найденная в Dream Home 2007 HGTV, отличается ярким цветовым оформлением. Но именно белое и черное делают его пригодным для жизни. Дизайнер интерьеров Линда Вудрам говорит, что «цвет — моя любимая часть комнаты. Он сильный, но привлекательный, и он уравновешен черным и белым». Наш выбор для легких черно-белых акцентов — коврики в полоску под зебру, черные обрамления и прозрачные белые шторы.
Как выбрать цветовую палитру для создания идеальной цветовой схемы
Наша задача как дизайнеров — взять продукт или проект и сделать его удобным для пользователя, оставаясь при этом верными бизнес-целям.Это непростая задача. Мы отвечаем за все, от макетов и пользовательских интерфейсов до типографики и выбора цвета.
Это не должно быть ошеломляющим. Имея несколько хорошо продуманных советов и подсказок, вы можете облегчить большую часть работы по подбору шрифтов и выбору цветов и цветовых схем. Первое мы уже рассмотрели, поэтому вот некоторые подходы ко второму, которые должны улучшить вашу дизайнерскую игру и упростить выбор палитры, приятной для глаз и легкой для понимания.
Основы теории цвета
Давайте сначала разберемся с некоторыми основными вещами.Вот краткий список терминов и определений (да, например, в средней школе), чтобы мы все были на одной странице, когда дело касалось основных знаний.
Цветовая терминология
- Оттенок : какого цвета что-то, типа синего или красного
- Chroma : насколько чистый цвет; к этому добавилось отсутствие белого, черного или серого
- Насыщенность : сила или слабость цвета
- Значение : насколько светлый или темный цвет
- Тон : создается путем добавления серого к чистому оттенку
- Оттенок : создается путем добавления черного к чистому оттенку
- Оттенок : создается путем добавления белого к оттенку
Четыре основных типа цветовых палитр
- Монохромный : разные оттенки и глубины одного оттенка.Это могут быть самые простые цветовые схемы, поскольку все они взяты из одного цвета. Это усложняет (но не делает невозможным) создание резкой или уродливой схемы. Однако будьте осторожны; однотонные палитры могут быть скучными, если их сделать плохо.
- Аналог : основной цвет и цвета по обе стороны от него на цветовом круге. Эти палитры обычно отлично отражают последовательность и единообразие дизайна. С ними также легко работать, потому что нет большой разницы в оттенках.Вместо этого контраст достигается в первую очередь за счет вариаций цветового оттенка, ограничивая любое отвлечение от контента.
- Дополнительные : Дополнительные или противоположные цвета цветового круга (например, красный и зеленый, синий и оранжевый и т. Д.). Дополнительные палитры отлично подходят для передачи чувства баланса. Подобно аналогичным палитрам, добавление различных оттенков и оттенков может расширить эти схемы. Это особенно полезно для предотвращения яркого контраста, который может вызвать утомление глаз, когда два противоположных цвета помещены рядом друг с другом.
- Triadic : три цвета из равноудаленных точек на цветовом круге (например, красный, желтый и синий). Триадный метод создает более разнообразную палитру. Это требует немного большего планирования и экспериментов, поскольку включает большее количество оттенков, которые противопоставляются друг другу.
Что означают цвета
- Красный : энергия, сила, страсть
- Апельсин : радость, энтузиазм, творчество
- Желтый : счастье, интеллект, энергия
- Зеленый : амбиции, рост, свежесть, безопасность
- Синий : спокойствие, уверенность, интеллект
- Purple : роскошь, амбиции, креативность
- Черный : сила, элегантность, загадка
- Белый : чистота, чистота, совершенство
Подробнее о том, что означают определенные цвета, можно узнать из этой публикации в блоге Canva.
Примечание о доступности
Одна из проблем, о которой должны помнить дизайнеры UX, — это удовлетворение потребностей посетителей сайта с дальтонизмом или дефицитом цветового зрения (ССЗ). Этим заболеванием страдают более восьми процентов мужчин и около 0,5 процента женщин североевропейского происхождения. Дизайнеры UX должны использовать палитры для дальтонизма, адаптированные и сконфигурированные для соответствия множеству разновидностей дальтонизма. Ознакомьтесь с этой публикацией команды разработчиков Pinterest о том, как они подходят к доступности CVD на своей преимущественно визуальной платформе.
3 совета для начала работы
Начать с оттенками серого. Создавая дизайн в первую очередь в оттенках серого, вы уделяете больше внимания удобству использования и четкой навигации, а не цвету кнопки с призывом к действию в самый раз . Заставьте себя сосредоточиться на размещении элементов и оптимизации белого пространства. Чистая иерархия типов и элементов будет иметь большое значение для создания лучшего пользовательского опыта.
Используйте правило 60-30-10. Используйте ваши цвета в пропорции 60% + 30% + 10%.Это старое правило дизайна интерьера призвано сбалансировать ваши цвета. Формула работает, потому что позволяет глазу комфортно перемещаться от одной точки фокусировки к другой. Он также невероятно прост в использовании: 60% — ваш доминирующий оттенок, 30% — ваш вторичный цвет и 10% — это акцентный цвет. Даже если в вашей палитре больше трех цветов (но, пожалуйста, не больше пяти), поддерживать баланс будет чище для глаз и удобнее для мозга пользователей.
Лучшие цветовые сочетания исходят от природы. Они всегда будут выглядеть естественно. Лучшее в поиске дизайнерских решений — это то, что палитра постоянно меняется. Рассветы, закаты, пляжные сцены… все это имеет уникальные палитры, которые можно адаптировать в соответствии с вашими потребностями. Используйте такое приложение, как Adobe Capture (подробнее об этом в следующем разделе), чтобы изолировать цветовую палитру от фотографии для использования в других приложениях.
Связано: смотрите тенденции цветовых палитр на Dribbble с этой новой платформой
3 цветных инструмента, которые улучшат вашу палитру
Color Hunt — это «бесплатная открытая платформа для вдохновения цветов с тысячами модных цветовых палитр, подобранных вручную.«Это отличный способ пролистать (почти) бесконечный поток цветовых палитр в поисках тех, которые поразят ваше воображение.
Coolors.co — Этот инструмент представляет собой «сверхбыстрый генератор цветовых схем для крутых дизайнеров». Существует приложение для iOS вместе с надстройками Adobe для Photoshop и Illustrator. Вы можете просматривать тысячи цветовых палитр от сообщества, сохранять и получать доступ к своим любимым цветовым палитрам практически отовсюду и использовать их в своих проектах всего несколькими щелчками мыши.
Paletton — Это похоже на Coolors и Color CC с основным отличием в том, что вы не ограничены только 5 тонами.Это отличный инструмент, который можно использовать, когда у вас есть основные цвета и вы хотите изучить дополнительные тона. Если вы хотите изучить все различные типы цветовых палитр, о которых мы говорили выше, это отличный инструмент, чтобы узнать о них.
Выбрав цветовую палитру, обязательно добавьте ее в свою дизайн-систему с помощью нового диспетчера системы дизайна InVision. У вас еще нет учетной записи DSM? Обязательно зарегистрируйтесь сегодня. Текущие пользователи DSM, войдите в систему ниже, чтобы испытать эти новые функции.
100 идей и примеров сочетания цветов
Когда дело доходит до дизайна, поиск идеального сочетания цветов может быть вашим секретом успеха в создании привлекательного творения. Можно сказать, это один из самых важных шагов в создании безупречного образа.
Но без каких-либо дизайнерских идей или принципов дизайна может быть трудно с нуля придумать выигрышную цветовую комбинацию.
В конце концов, как вы должны знать, действительно ли он хорошо выглядит или помогает донести цель вашего дизайна? Независимо от того, разрабатываете ли вы плакат, логотип или визитку, сочетание цветов играет ключевую роль в том, как это воспринимается.
Итак, мы проделали для вас тяжелую работу, предоставив вам 100 цветовых комбинаций, вдохновленных природой, едой и напитками, путешествиями и предметами повседневного обихода. Но прежде чем мы перейдем к одобренным дизайнером цветовым комбинациям, которые вам следует использовать, давайте рассмотрим основные цветовые комбинации, которые использует большинство дизайнеров.
Типы цветовых комбинаций
Различные цветовые комбинации вызывают различные настроения или тона с помощью теории цвета и психологии цвета. Ниже приведены некоторые из наиболее популярных типов используемых сочетаний цветов.
Дополнительные цветовые комбинации
Дополнительные цветовые комбинации — это цвета, расположенные напротив друг друга на цветовом круге. Дополнительные цвета придают зрителю ощущение энергии и жизненной силы.
Триадные цветовые комбинации
Триадные цветовые комбинации — это комбинация трех цветов. Они равноудалены по цветовому кругу, образуя форму треугольника. Такое сочетание цветов может создать у зрителя ощущение покоя и гармонии.
Аналогичные цветовые комбинации
Аналогичная цветовая комбинация — это комбинация от 2 до 5 цветов, которые расположены рядом друг с другом на цветовом круге. Это создает у зрителя ощущение умиротворения и умиротворения, и дизайнеры часто выбирают приглушенные оттенки в этих комбинациях.
Тетрадические цветовые комбинации
Тетрадические цветовые комбинации — это схема, которая включает один основной и два дополнительных цвета. Также используется один дополнительный цвет, подчеркивающий акценты.Все четыре цвета равномерно распределены по цветовому кругу, поэтому не может быть явного преобладания одного цвета.
Nature
01. Fresh & Bright
Украсьте свой дизайн этой веселой палитрой. Изображение пользователя u2tryololo с Flickr.
Свежая зелень и яркие цветы делают весну желанным зрелищем после долгой зимы. В этой цветовой палитре представлены яркие оттенки зеленого и кораллового, которые сделают ваш дизайн ярким. Эти цвета можно использовать для плакатов весенних или летних мероприятий или, возможно, для рекламы, которая хочет выглядеть свежей и молодой.
02. Приглушенный и профессиональный
Продвигайте свой бренд с помощью этой профессиональной палитры. Изображение Винсента Д’Амико.
Красный и синий — одни из наиболее распространенных цветов, которые компании используют для брендинга, и не зря. Красный говорит «уверенный и сильный», а синий — «успокаивающий и заслуживающий доверия». Эта цветовая комбинация предлагает немного того и другого, со слегка ненасыщенными оттенками, которые не слишком сильны. К консервативным синим и серым оттенкам кирпично-красный оттенок добавляет дополнительный цвет, который по-прежнему остается профессиональным.Это подойдет для любого корпоративного контекста или для более «серьезного» дизайн-проекта.
03. Темный и землистый
Сделайте свой дизайн более выразительным с помощью этого шаблона. Изображение Вольфганга Штаудта.
Пустынные пейзажи полны резких контрастов, как и эта цветовая гамма. Для неожиданного сочетания цветов, более приглушенного, чем яркого и яркого, попробуйте эту пару с оттенками сливы и красновато-оранжевого.
04. Четкий и драматичный
Природа дает самые интересные цветовые контрасты.Изображение Александра Щукина.
О природной красоте Исландии ходят легенды, и эта палитра пытается передать ее драматические контрасты. Теплые сероватые оттенки двух верхних цветов приятно контрастируют с более прохладными зелеными. Ассортимент более светлых и темных оттенков позволяет легко комбинировать любые два или три цвета и при этом дополнять друг друга.
05. Cool Blues
Сохраняйте спокойствие с этой синей палитрой. Изображение предоставлено Sunova Surfboards.
Монохроматические цветовые схемы (состоящие из различных оттенков, тонов или оттенков одного цвета) чрезвычайно универсальны.Хотя эта палитра не может квалифицироваться как монохроматическая в соответствии с техническим определением, для визуальных целей она создает аналогичный эффект. С таким универсальным цветом, как синий, эту комбинацию можно использовать где угодно.
06. Открытый и естественный
Сохраняйте чистоту и естественность. Изображение предоставлено PapaPiper через Flickr.
Если у вас есть торговая марка или вам нужен дизайн, подчеркивающий естественные или «зеленые» качества, логичным выбором будет цветовая палитра с зеленым и коричневым оттенками.Вместо обычных тусклых оттенков, эта цветовая комбинация делает вещи более яркими, добавляя оттенки зеленого лайма.
07. Водяной сине-зеленый
Зеленый цвет бывает разных оттенков. Увеличьте его с помощью этой водянистой сине-зеленой палитры.
Еще один победитель для любого бренда, стремящегося подчеркнуть свои экологические качества. Это капризное сочетание водянистой зелени обладает утонченной изысканностью.
08. Основные цвета с ярким поворотом
Сохраняйте простые вещи, но при этом сохраняйте эффектность с помощью этой основной цветовой палитры.Изображение Клинта Лоси.
Яркие цвета обладают неоспоримой притягательной силой. Эти основные цвета слегка приглушены, что придает палитре уникальность.
09. Освежающий и красивый
Сделайте свой дизайн популярным с помощью этой палитры сладких конфет.
Яркие бирюзовые оттенки оттенков ярко-желтого и розового цвета жевательной резинки, создавая палитру, почти напоминающую пасхальные конфеты. Если розовый делает палитру слишком «девчачьей» для целей вашего дизайна, просто оставьте ее в стороне и выберите два верхних цвета морской волны плюс желтый для яркого и чистого сочетания.
10. Игривый зеленый и синий
Серые оттенки этого зеленого вкуса делают его отличной нейтральной базой для вашего дизайна. Изображение Шанди-ли Кокс.
Голубоватые оттенки вверху и внизу этой подборки имеют серые оттенки, что делает их почти нейтральными — отличная основа для игры с более смелыми тонами, такими как салатовый.
11. Fresh & Energetic
Почти неоновые оттенки синего и зеленого уравновешивают два других более консервативных цвета и добавляют яркую свежесть, придающую комбинации некоторый импульс.Такая схема может хорошо работать для фитнес-бренда или любого дизайна, который должен сочетать деловой стиль с энергичной атмосферой.
12. Surf & Turf
В этом пейзаже присутствуют как теплые, так и холодные цвета, яркие и приглушенные оттенки. Вдохновленная им пляжная, мягкая цветовая палитра основана на этих контрастах для сочетания, которое напоминает расслабляющий отдых на острове — всего лишь один пример того, как мы можем связать цвет с определенными местами, настроениями или эмоциями.
13. Осень в Вермонте
Эти землистые цвета имеют деревенскую реалистичность, вызывая образы леса. Эта цветовая комбинация идеально подходит для тех, кто хочет добавить аутентичности своему бренду.
14. Ледяной синий и серый
Контраст теплого серого с холодным ледниковым синим цветом создает динамическую цветовую схему, которая визуально более интересна, чем обычная комбинация серого и тусклого синего. Если вам нужна более сдержанная палитра, вместо темно-синего и темно-серого попробуйте эти более светлые и яркие оттенки.
15. Птицы и ягоды
Эта цветовая палитра напоминает о первых моментах весны и о недавно появившихся цветах, бутонах и ягодах.
16. День и ночь
Эта цветовая комбинация является прекрасным примером силы контраста. Сильные, яркие оттенки желтого и оранжевого уравновешиваются индиго и темно-синими тонами, создавая общий эффект, который не бросается в глаза.
17. Стильный и ретро
Приглушенные оттенки этой цветовой схемы имеют винтажную атмосферу, а светлый аквамарин и золото были особенно популярны в 1950-х и 60-х годах.Но это не значит, что эта комбинация выглядит устаревшей. Эти цвета (и современная эстетика середины века в целом) снова стали популярными и по-прежнему выглядят стильно.
18. Оттенки цитрусовых
Ничто так не говорит о «здоровье», как эти разнообразные оттенки цитрусовых. Оранжевый, желтый и зеленый лайм — идеальный выбор, если вам нужна цветовая комбинация, предлагающая свежесть и жизненную силу.
19. Закат до заката
Цвета, которые видны по небу, когда солнце садится и приближается к сумеркам, входят в широкий спектр персикового и синего цветов, создавая изысканную палитру, делающую любой дизайн уникальным.
20. Яркий и тропический
Сочетание цветов настолько тропическое, что вы почти чувствуете теплый ветерок на своей коже. Эти теплые цвета обладают молодой энергией и жизненной силой.
21. Warm Naturals
Подумайте об осени и различных оттенках коричневого, красного, оранжевого и зеленого, в которые превращается листва. Используйте эти цвета, чтобы создать привлекательный и уютный дизайн.
22. Bold Berries
Эта палитра уравновешивает цвета красного и коричневого спектра с желтым и зеленым.Это яркая и смелая будка, но все же успокаивающая и веселая.
23. Летний подсолнух
Эта цветовая комбинация создает ощущение открытого пространства, как в летнем бейсбольном матче: красная грязь алмаза в бейсболе, зеленая трава на окраине поля, яркое солнце в голубом небе. накладные расходы. Однако он более тонкий (и имеет большее разнообразие цветов), чем, скажем, более очевидные зеленые и коричневые тона в №6.
24. Современный и четкий
Сочетание черного и белого с яркими, четкими оттенками зеленого создает современную палитру, которая утонченная, но не слишком серьезная.Вместо того, чтобы сочетать красный или синий с черным и белым, освежите вещи зеленым.
25. Timeless & Nautical
Классическая комбинация: нейтральный темно-синий и слоновая кость сочетаются с красным и синим павлином в этой комбинации, которая напоминает океан и катание на лодках.
Еда и напитки
26. Нейтральный и универсальный
Нейтральные цвета, такие как оттенки серого и коричневого, очень универсальны и могут сочетаться практически с чем угодно.Однако цветовая гамма всех нейтральных оттенков тоже может быть неплохой. В зависимости от того, как вы примените его к дизайну, он может быть высококлассным и изысканным (подумайте о брендинге роскошного отеля) или успокаивающим и удобным (подумайте о декоре любимой кофейни по соседству).
27. Яркие цвета
Смелые, но не слишком яркие, эти цвета привлекают внимание и изысканны.
28. Garden Fresh
Апельсин часто ассоциируется с энергией, а что может быть более энергичным, чем эти два дополняющих друг друга оранжевых тона? Не совсем белый и грушево-зеленый цвета уравновешивают палитру, создавая ощущение свежести.
29. Летнее барбекю
Это цветовое сочетание — чистая ностальгия. Он пробуждает воспоминания о теплых летних днях, тусовках на заднем дворе и просто наслаждении днем.
30. Berry Blues
Как демонстрирует эта палитра, для эффективной цветовой комбинации не обязательно использовать совершенно разные цвета. Различные оттенки синего идеально сбалансированы, и часто говорят, что синий цвет вызывает доверие.
31.Подставка для лимонада
Эта веселая палитра красных, оранжевых и желтых оттенков, несомненно, оживит любой дизайн, в котором вы ее используете. Хотя подставки для лимонада в основном ассоциируются с летом, эта палитра также напоминает осень. Вы можете получить больше палитр, вдохновленных осенью, в этой статье: 5 цветовых палитр, вдохновленных осенью
32. Serene & Spa-Like
Успокаивающие, спа-зеленые и синие — великолепные сами по себе — выглядят немного живее с всплеск малины в качестве акцентного цвета.Добавление более яркого или смелого акцентного цвета к более сдержанному выделению — хороший прием, чтобы оживить цветовую палитру и сделать ее немного интереснее.
33. Fun & Tropical
Это удачное сочетание цветов не воспринимает себя слишком серьезно. Хотите оформить приглашение на летнюю вечеринку? Может быть, плакат или реклама детского мероприятия? Подобная палитра прояснит, где находится самое интересное.
34. Пряные нейтральные
От светлого до темного оттенка можно легко применить к дизайну.Контраста достаточно, чтобы вы могли выбрать цвет фона, цвет текста и один или два цвета акцента только из этих четырех.
35. Пастель
Применение пастельной палитры будет несколько ограничено — дизайн, связанный с Пасхой, весной, младенцами или чаепитием, является довольно безопасным выбором. Пастельные цвета обычно кажутся красивыми и нежными, поэтому вы должны убедиться, что ваш дизайн вызывает подобное настроение, если вы хотите использовать такую цветовую комбинацию, как эта.
36. Жирный и культурный
37. Солнечный цитрус
38. Четкие дополнительные цвета
Красный и зеленый — одна из трех пар дополнительных (или противоположных) цветов на традиционном цветовом круге; другие включают оранжевый / синий и фиолетовый / желтый. В сочетании эти цвета производят поразительное впечатление с высокой контрастностью, которое может немного раздражать, если вы не используете их осторожно. Вот почему для этой палитры красный и зеленый были сбалансированы и смягчены (не полная насыщенность, как красный и зеленый, которые вы видите на рождественских украшениях), чтобы сделать дополнительную цветовую палитру более свежей.
39. Теплый и деревенский
40. Neon Night
41. Jewel Tones
42. Полированный и привлекательный
Теплые оттенки серого с золотисто-желтым оттенком — это сочетание, которое вы иногда можно увидеть в контексте дизайна интерьера и домашнего декора. Он в основном нейтральный (и теплые оттенки серого кажутся успокаивающими и манящими), но желтый добавляет бодрости и энергии к общей палитре, которая изысканна, но не душна.
43. Свежая зелень
44. Зимние красные
Напоминающая зимние ягоды и голые ветки на фоне заснеженного неба, это сочетание цветов станет отличной альтернативой вашим традиционным рождественским или праздничным палитрам. Насыщенные красные оттенки в сочетании с серыми с фиолетовыми оттенками кажутся праздничными, но изысканными.
45. Summer Fiesta
46. Chocolaty Browns
Кто сказал, что коричневый цвет должен быть скучным? Добавьте красные и фиолетовые оттенки, и вы получите полную, богатую цветовую палитру, которая — как эти шоколадные кексы — кажется немного декадентской.
47. Естественно элегантный
48. Уютный и теплый
49. Фиолетовый закат
50. Клубника со сливками
Путешествие
4
4 52. Bold & Basic
Белый, черный (или в данном случае очень темно-синий), красный и желтый — очень распространенная комбинация. Но с этими насыщенными оттенками точно не скучно. Если вы ищете смелую палитру, в которой нет проблем с необычными цветами, но которая по-прежнему является сильным, привлекательным заявлением в вашем дизайне, эту цветовую схему легко применить.
53. Vineyard Neutrals
54. Modern & Urban
55. Misty Greens
56. Sunkissed Village
Многие окружающие скалы деревни на побережье Средиземного моря окрашены в теплые пастельные тона. Вы можете воссоздать этот солнечный, беззаботный образ с помощью этой подборки оттенков и привнести в свой дизайн немного итальянской сладкой жизни, создавая теплый и уютный эффект.
57. Sun & Sky
58.Aqua Blues
59. Urban Oasis
60. Candy-Coated Brights
Эти яркие оттенки выглядят так, как будто они принадлежат кондитерской, и обязательно придадут дизайну немного юношеской энергии. Просто убедитесь, что общий эффект дизайна был немного «громким», потому что, как и граффити, которыми они вдохновлены, эти цвета определенно не тихие; они хотят сделать заявление.
61. Приглушенный и старинный
62.Классный и вневременной
Трудно воспроизвести металлический эффект с помощью простого цвета, но темно-синий и золотой — это неподвластная времени комбинация, которую вы увидите во всем, от шикарных приглашений на вечеринку до официальных цветов элитных школ и спортивных команд. Чтобы добавить классу дизайну, попробуйте сочетание двух цветов. (Если вам удастся напечатать ваш дизайн с акцентами из золотой фольги, даже лучше!)
63. Cosmopolitan
64. Веселый и дружелюбный
65.Ночная жизнь
Цвета чернил, которые используют все принтеры (голубой, пурпурный, желтый и черный; сокращенно CMYK), сами по себе образуют поразительную комбинацию, похожую на неоновые и световые вывески большого города ночью.
66. Прибрежный
67. Maritime Brights
68. Винтажный шарм
69. Сдержанный и универсальный
70. Arctic Sunrise
Синий и серый всегда прекрасно сочетаются друг с другом и вы, конечно, можете использовать три нижних варианта этой палитры сами по себе), но добавление светло-кораллово-розового цвета вместе с более ярким синим придает этой комбинации немного дополнительного блеска.
71. Средиземноморский полдень
Обед в итальянском ресторане, кто угодно? Некоторые из вещей, которые чаще всего ассоциируются с итальянской кухней — вино, насыщенный томатный соус, свежая паста ручной работы — все это проявляется в этой цветовой гамме. Попробуйте добавить в дизайн немного тепла и аромата. Включение кремового нейтрального оттенка уравновешивает более яркие подборки; вы можете использовать его в качестве фона или основного цвета, а также один или несколько других в качестве стильных акцентов.
72.Hazy Grays
73. Достопримечательности города
74. Ретро и расслабляющий
75. Зеленые поля
Предметы повседневного использования
76. Выразительные и неожиданные
15 Современный
Черный, серый и белый — всегда приемлемые цвета. Но добавьте немного синего кобальта, и эти заурядные нейтральные оттенки станут фоном для современной привлекательной палитры, которая подойдет для любого стиля дизайна, от корпоративного до модного.
78. Оранжевый акцент
79. Beyond Black & White
Красный или синий могут быть обычными парами для базового черного и белого, но здесь более глубокий красный вместе с более ярким бирюзовым синим придают новый оттенок. знакомое сочетание.
80. Нейтральные цвета потертого шика
81. Warm & Cool
82. Industrial & In-Control
83. Осенние апельсины + дополнительные нейтральные
Эта теплая и уютная цветовая комбинация имеет приглушенные оттенки. апельсины, которые не сокрушат вашу аудиторию.
84. Вечеринка у бассейна
Развлечение на солнышке! Это цветовое сочетание молодое и игривое. Два блюза уравновешивают апельсины, гарантируя, что на этой «вечеринке у бассейна» все не станет слишком сумасшедшим.
85. Classic Metallics
Если вам нужна комбинация, которая гласит «традиция» или «надежность», не ищите дальше. Эти классические оттенки, вдохновленные металлическими элементами, добавят классности вашему дизайну.
86. Тонкий и универсальный
Эта палитра напоминает цвета, которые можно увидеть в пляжном домике, она немного морская, слегка выцветшая и винтажная, но включенные здесь оттенки не поместят вас в какой-то определенный стиль.Они универсальны и изящны: это цветовое сочетание не бросит тень на ваш дизайн.
87. Профессиональный и традиционный
88. Светлый и естественный
89. Темный и драматический
Здесь неоново-красный цвет играет с землистыми, приглушенными городами коричневого, сланцевого и крепового цветов. Эта цветовая комбинация идеальна, если вы хотите выделить один цвет в частности, а остальные оттенки будут играть второстепенные роли.
90.Золотой полдень
91. Темный и красивый
Темное дерево, кожа, старые книги — вещи, которые вы можете найти в английском пабе или одном из тех джентльменских клубов, которые вы видите в старых фильмах. Если ваш дизайн может быть изысканным, попробуйте эту комбинацию насыщенных коричневых оттенков и более светлого дымчатого нейтрального оттенка.
92. Технология и природа
93. Веселый блюз + розовый
94. Экзотический и эффектный
95.Снова в школу
96. Яркий и живописный
97. Городская жизнь
98. Кухня 1950-х годов
99. Smoky Purples
100. Модный и столичный
- 4 Свежий и яркий: лепесток, мак, стебель, весенний зеленый
Приглушенный и профессиональный: туман, камень, тень, осенняя листва
Темный и землистый: сервице, тень облаков, пустыня, красная глина
Хрустящий и драматический: грозовое облако, водопад, мох, луг
Холодный блюз: глубокий аквамарин, океан, волна, морская пена
На открытом воздухе и естественный: лесной зеленый, трава, лайм, земля
Водянисто-сине-зеленый : сине-черный, кадетский синий, дождь, зелень
Основные цвета с яркими оттенками: небо, закат, подсолнух, трава
Освежающие и красивые: аквамарин, бирюза, канареечно-желтый, розовый тюльпан
Игривые зеленые и синие тона: голубая сосна, молодая трава, отражение, туман
Свежий и энергичный: голубое небо, гранит, сосна, поля
Серфинг и дерн: песчаник, жженый апельсин, море, лагуна
Осень в Вермонте: малиновый, лес, ржавчина, золото
Ледяной синий и серый: пасмурный, теплый серый, лед, голубой ледник
Птицы и ягоды: лавандово-серый, ветвь , ягода, желтые перья
День и ночь: темно-синий, черника, мандарин, нарцисс
Стильно и ретро: небо, солнце, горы, туман
Оттенки цитрусовых: оранжевый, желтый, оливково-зеленый , лайм
Закат до сумерек: темно-фиолетовый, индиго, серо-коричневый, румянец
Яркий и тропический: ярко-розовый, жевательная резинка, пыльца, шартрез
Теплые натуральные оттенки: кора, зеленые водоросли, бронз е, золотарник
Яркие ягоды: баклажаны, клубника, лимонный лайм, зеленый базилик
Летний подсолнух: синий, листовой зеленый, подсолнечник, семена
Современные и свежие: темно-зеленые, белые, растения, новые рост
Вечные и морские: темно-синий, синий павлин, слоновая кость, конфетное яблоко
Нейтральные и универсальные: сланец, керамика, латте, кофе
Жизнерадостные цвета: авокадо, желтый перец, голубая вода, томат
Летнее барбекю: зеленое, обугленное, дегустированное, помидор
Ягодно-синий: темно-синий, чернила индиго, черника, барвинок
Подставка для лимонада: вишнево-красный, лед, мармелад, апельсиновый сок
Serene и спа: шалфей, медовая роса, колокольчик, малина
Веселые и тропические: электрик, банан, арбуз, дыня
Пряные нейтральные оттенки: кайенский перец, цин намон, сливки, карамель
Пастели: нежно-голубой, персик, масло, ириски
Смелые и культивированные: инжир, красное яблоко, швейцарский сыр, базилик
Солнечный цитрус: цитрусовые, грейпфрут, рубиново-красный, белый
Свежие дополнительные цвета: золотистый вкусный, гренни смит, веревочное яблоко, красное лакомство
Теплый и деревенский: грибы, лук, красный перец, коряги
Неоновая ночь: икра, авокадо, лосось, черные водоросли
Тона драгоценностей: фиолетовый лук, спелые помидоры, лимон, специи
Полированный и привлекательный: лен, устрица, олово, чай с лимоном
Свежая зелень: изумруд, зеленая фасоль, светло-зеленый, хлопок
Зимние красные: ягодный, вишневый, шифон, дымчатый
Летняя фиеста: авокадо, кинза, лосось, тосты
Шоколадно-коричневые: какао, шоколад, ирис, глазурь
Естественно элегантный: желтая груша, зеленый мох, умбра, золото
Уютный и теплый: красный лук, пряный, пастернак, перец горошком
Фиолетовый закат: каменный фон, ляпис, лосось, перец горошком
Grecian Holiday: греческий синий, море, гипс, коралл
Bold & basic: ночь, красный для телефонной будки, жемчуг, вспышка
Нейтральные цвета виноградников : темный, вино, глина, пыльная роза
Современный и городской: солнечный свет, стальной синий, кость, уголь
Туманная зелень: лес, вечнозеленое растение, сосна, туман
Солнечная деревня: терракота, мед, бискотти, камень
Солнце и небо: лазурно-голубой, горчичный, асфальт, тень
Аква-блюз: голубой павлин, глубокий аквамарин, лишайник, туман
Городской оазис: листья, кора, марби, коричневый камень
Яркие цвета, покрытые конфетами: апельсин, фуксия, долька лимона, синяя малина
Приглушенные и старинные: голубое яйцо Робина, нектар, тосканский красный, оливковый
Классный и неподвластный времени : темно-синий, сумрак, золотой, бронзовый
Cosmopolitan: серо-голубой, стальной, оловянный, румяный
Веселый и дружелюбный: темно-бирюзовый, арктический, белое облако, кирпич
Ночная жизнь: голубой, пурпурный , желтый, черный
Прибрежный: голубой, облака, песок, пальма
Морские цвета: соленая вода, лагуна, белила, малина
Винтажный шарм: жимолость, теплый серый, замазка, увядшие розы
Сдержанный и универсальный: бурное море, туман, ржавчина, уголь
Арктический восход: восход, голубой топаз, лазурный, сосулька
Средиземноморский полдень: смородина, с карлет, бархатцы, булыжник
Мутно-серый: сине-зеленый, водный путь, дымка, смог
Городские достопримечательности: красный пожарный, светло-серый, джинсовая ткань, бетон
Ретро и расслабляющий: имбирь, светло-серый, овес, бетон
Зеленые поля: колотый горох, камуфляж, свет, трава
Яркие и неожиданные: бирюзовый, холодный серый, коричневато-фиолетовый, оранжево-красный
Элегантный и современный: сине-черный, холодный серый, белый, кобальт
Оранжевый акцент: шпон, песочный доллар, уголь, оранжевый
Beyond black & white: бирюза, губная помада, серовато-белый, черный
Нейтральные оттенки шебби-шик: металл, крафт-бумага, газетная бумага , оловянный
Теплый и прохладный: блеклый темно-синий, удар, морской бриз, теплый
Промышленные и контролируемые: чернила, алюминий, бумага, красный рубин
Осенний оран ges + дополнительные нейтральные оттенки: тыква, дыня, хлопок, горячий шоколад
Вечеринка у бассейна: королевский синий, голубой бассейн, апельсиновый сок, красный апельсин
Классический металлик: черная сталь, бумага, сусальное золото, серебро
Нежный и универсальный: сине-зеленый, мятный, блеклый красный, овсянка,
Профессиональный и традиционный: кирпично-красный, глянцевый белый, матовый черный, средне-серый
Светлый и натуральный: камень, шалфей, пахта, кожа
Темный и драматичный: сланец, неоново-красный, креп, коричнево-серый
Золотой полдень: бордовый, овсянка, зола, цель
Темный и красивый: красное дерево, каштан, кожа, пергамент
Технологии встречает природу: лютик, серебряная пластина, темный, зеленый
Веселый синий + розовый: нежно-розовый, теплый белый, ярко-синий, эгейский синий
Экзотический и эффектный : оникс, серо-коричневый, фейерверк, океанический
Снова в школу: дерево, желтый карандаш, оранжевый, розовый ластик
Яркий и живописный: ультрамарин, арбуз, солнечный свет, бирюза
Городская жизнь: мягкий серый, черноватый, комнатное растение, сине-серый
Кухня 1950-х: мята, красный, фарфор, свежий синий
Дымчато-фиолетовый: теплый серый, темно-синевато-серый, бежевый, лиловый
Модный и мегаполисный: темно-синий, золотой , уголь, серый
Клубника и сливки: клубника, папайя, молоко, мюсли
Следующие шаги
Готовы вывести свой дизайн на новый уровень? Вот несколько удобных инструментов Canva, которые помогут вам в путешествии по цвету
Хотите знать, какие цвета хорошо сочетаются друг с другом? Цветовое колесо Canva позволяет легко комбинировать цвета.
Хотите цветовую схему, которая идеально сочетается с вашими любимыми изображениями? С помощью генератора цветовой палитры Canva вы можете создавать цветовые комбинации за секунды. Просто загрузите фотографию, и мы будем использовать ее оттенки, чтобы создать вашу палитру.
Ищете цвета, которые гарантированно будут хорошо смотреться вместе? Мы создали тысячи одобренных дизайнером палитр, которые вы сможете использовать в своем следующем дизайне.
Как выбрать правильную цветовую палитру для вашего дома
Нет ничего индивидуальнее цвета.Выбор цветовой палитры является одновременно и самой важной, и самой сложной частью для многих, когда дело доходит до украшения дома. Прочтите и получите несколько полезных советов, поскольку мы поможем вам создать цветовую палитру, которая наилучшим образом соответствует вашему стилю, индивидуальности и образу жизни.
mikehutch50 / Twenty20
Выбор цветаНачните с работы с цветовым кругом. Есть основные, второстепенные и третичные цвета.
Мгновенно получайте скидки на предметы интерьера!
Подключайтесь к купонам на благоустройство дома и промокодам, которых вы так долго ждали.
Посмотреть предложения- Основные цвета — красный, синий и желтый. Это чистые цвета, и их невозможно создать.
- Дополнительные цвета: оранжевый, зеленый и фиолетовый. Эти цвета образуются при совмещении равных частей двух основных цветов. Например, равные части желтого и синего дают зеленый цвет. Как бы то ни было, именно здесь мы начинаем выбор цвета.
- Третичные цвета представляют собой смесь вторичных и основных цветов в различных частях для создания разных оттенков, в результате чего основные и вторичные цвета становятся менее яркими.Чтобы затемнить и смягчить эти оттенки, часто добавляют белый и черный.
Photographee.eu/ Shutterstock
Создание вашей цветовой схемыИспользуйте свой цветовой круг, чтобы создать свою собственную цветовую схему, которая лучше всего соответствует вашей индивидуальности. Есть 4 вида возможных цветовых схем.
- Монохроматический. В монохромной цветовой схеме используется тон в тон одного цвета с добавлением белого или черного для осветления или затемнения цвета.Например, в этой схеме синий может стать бледно-голубым или темно-синим, и для создания этого эффекта используются все три оттенка одного и того же оттенка.
- Аналог. В аналогичной схеме используются цвета, которые появляются рядом друг с другом на цветовом круге. Например, желтый будет использоваться с зеленым или оранжевым, или синий будет использоваться с зеленым или фиолетовым. Это создает красочную и часто успокаивающую палитру.
- Контрастность. Контрастная схема более драматична.Здесь используется триада контрастных цветов, таких как желто-оранжевый, зелено-синий и красно-фиолетовый. Это привнесет больше цвета и энергии в палитру вашего дома.
- Дополнительный. Наконец, у нас есть дополнительная схема, в которой два противоположных цвета, такие как синий и оранжевый, используются вместе для создания драматической, смелой и высокоэнергетической цветовой схемы.
Мы предостерегаем от выбора цвета стены в первую очередь.Краски для стен недорогие, их можно создать любого цвета и любого оттенка по вашему желанию. Лучше всего начать с того, что труднее найти такие предметы, как мебель, коврики или ковры. После того, как вы выбрали мебель, вы можете переходить к цвету стен. Вы можете решить, что предпочитаете цвет не на стенах, а на аксессуарах или мебели. Многие предпочитают это. Другие, наоборот, предпочитают более нейтральную обстановку на фоне смелых и мощных стен.
На что обратить вниманиеФотограф.eu / Shutterstock
При выборе цветовой палитры вы можете начать с контрастов: что-то темное сочетается с чем-то светлым. Если вы хотите придать комнате больше цвета и энергии, подумайте о добавлении чего-нибудь яркого. Где вам нужны эти цвета? Если вам удобнее использовать светлые стены, обратите внимание на мебель, аксессуары и коврики, чтобы добавить цвета. Выбирая цвета, особенно более смелые, убедитесь, что они четкие, а линии чистые.Если ваш стиль более тонкий, следует рассмотреть более мягкие нейтральные оттенки.
Цветовые тонаПроверьте свои цвета с образцами красок и тканей. Нарисуйте планы комнат и нарисуйте цвета. Если они работают на бумаге, попробуйте покрасить небольшие участки стен. Именно по этой причине вы можете купить краску любого цвета в пробном размере. При рисовании пробных участков смотрите на другие комнаты и на то, как они соединяются, чтобы вы могли создать поток из комнаты в комнату, чтобы цвета дополняли друг друга.Смежной комнате может потребоваться неакцентный или нейтральный цвет, или, наоборот, вы можете работать с контрастными тонами, если всегда есть подобие потока.
ОсвещениеОсвещение — важный аспект любого интерьера и функциональности в доме, и его никогда не следует упускать из виду. Свет отражает и отклоняет цвет, постоянно меняя его в течение дня. Самые естественные цвета комнаты — это те, которые можно найти в светлое время суток, а оттенки будут меняться в течение дня и сезона по мере изменения освещения.Различные светильники также могут изменить внешний вид цвета. Например, индиго может казаться более синим в одной комнате и иметь гораздо больше красного в другой.
ОбязательстваВам нравится идея наполнить пространство цветом, но вы еще не совсем готовы добавить его к своим стенам. Есть много способов добавить ярких красок в ваш дом. Если вы сохраните нейтральные цвета стен — бледно-бежевые, песочные, цвета слоновой кости, серые и белые — вы можете добавить цвета с помощью ковров, мебели, ламп, подушек, покрытий и произведений искусства, цветов и свежих фруктов.Вы также можете покрасить потолок или акцентную стену.
С чего начать с цветаkane251 / Twenty20
Начать с начала. Началом может быть центральная комната, парадный холл или вестибюль. Есть ли цвет или набор цветов, которые вам особенно нравятся? Вы предпочитаете синий, желтый, зеленый? Начните с цвета, который вам больше всего подходит. Затем возьмите этот цвет и посмотрите на него на несколько оттенков светлее и на несколько оттенков и оттенков темнее.Так, например, на цветовом круге вы выбрали зеленый цвет. Вы пошли в магазин красок и выбрали дюжину или около того, чтобы нарисовать образцы разных оттенков зеленого. Вам нравятся два оттенка: в одном больше серого, а в другом — синего. Возможно, выберите один оттенок для столовой, а другой — для гостиной. Чтобы они работали вместе, выберите нейтральный, который можно использовать в обеих комнатах для потолка или отделки, или для того и другого. Некоторые предлагают сохранять нейтральные тона прихожих, лестничных площадок и соединительных пространств.
Отделить верхний этаж от нижнегоКорневамаха / Твенти20
Верхний и нижний этажи являются двумя отдельными объектами и должны рассматриваться как таковые. Лучше всего покрасить лестничную площадку или коридор в мягкий или нейтральный цвет, так как часто верхний этаж состоит в основном из спален, которые часто могут иметь самые разные цвета и контрасты. Детские комнаты часто бывают яркими и яркими, в то время как номера и домашние офисы — нет. Если к вашей главной спальне примыкает главная ванная комната, вам не нужно красить обе комнаты в один цвет, но подумайте о разных тонах одного цвета — возможно, покрасьте одну комнату немного светлее другой.Поскольку они связаны между собой, должно быть некоторое подобие потока. Выбор цвета должен доставлять удовольствие и ни в коей мере не вызывать стресса. Не торопитесь ни с чем. Посетите магазин красок, поговорите с профессионалами, принесите домой столько образцов, сколько захотите, и повесьте их по всему дому, если хотите. В конце концов, это рекомендации, которые помогут вам, но все правила и рекомендации не обязательно должны соблюдаться до последней степени. Слушайте свою интуицию, доверяйте своим инстинктам — они никогда не лгут!
Шпаргалка по лучшим комбинациям цветов для вдохновения вашего дизайна
Наша жизнь наполнена красками.Цвет влияет на наше настроение, чувства и восприятие, а также на наши процессы принятия решений. Это означает, что ваш выбор цветовых сочетаний играет важную роль в создании вашего бренда и веб-сайта.
Выбор наилучшего сочетания цветов — это одновременно наука и искусство. Хотя не все были рождены с глазом на цвет и врожденными способностями к графическому дизайну, есть методы и принципы, которые вы можете использовать, чтобы выбрать лучшие сочетания цветов, чтобы произвести сильное впечатление и достичь желаемого эффекта.Мы составили памятку, чтобы облегчить стресс от выбора цветовых комбинаций, которые подходят вам и наверняка понравятся вашей аудитории.
Не ждите, пока это сделает кто-то другой. Возьмите на работу себя и начните командовать.
Начни бесплатноОсновы сочетания цветов
Прежде чем мы начнем выбирать цветовые комбинации, неплохо иметь базовое представление о цветах, терминологии, том, как цвета работают вместе, эмоциональных связях с ними и той роли, которую они играют в создании реакции.
Давайте начнем с повторного представления визуального представления отношений цветовых оттенков: цветового круга.
Цветовое колесо
Было ли это еще в начальной школе или совсем недавно, когда вы пытались использовать Photoshop в последний раз, большинство из нас в какой-то момент видели версию цветового круга. История этого важного руководства для художников и дизайнеров восходит к началу 1700-х годов. Знание основ цветового круга существенно поможет в выборе цветовой комбинации, особенно если вы плохо разбираетесь во вселенной теории цвета.
Как работает цветовое колесо?
Простое цветовое колесо состоит из 12 цветовых оттенков, расположенных вокруг центральной ступицы.
Цветовой круг, состоящий из основных, дополнительных и третичных цветовВсе цвета происходят из комбинации основных цветов . Три основных цвета: красный, синий и желтый. Эти три цвета по сути являются родителями всех остальных цветов.
Основные цвета выделены на цветовом кругеСмешивание равных частей любых двух основных цветов приводит к созданию вторичных цветов.
- Красный + Синий = Пурпурный.
- Синий + желтый = зеленый.
- Красный + желтый = оранжевый.
Третичные цвета — это цвета, полученные в результате смешения одного из основных цветов с одним из ближайших вторичных цветов. Третичные цвета находятся между всеми основными и вторичными цветами.
- Красный + Оранжевый = Красно-оранжевый.
- Желтый + Оранжевый = Желто-оранжевый.
- Желтый + зеленый = желто-зеленый.
- Синий + Зеленый = Сине-зеленый.
- Синий + Пурпурный = Сине-фиолетовый.
- Красный + Пурпурный = Красно-фиолетовый.
Цветовая терминология
Как и любая другая область исследования, мир искусства, дизайна и цвета изобилует техническим языком. Общее понимание цветовой терминологии будет полезно как здесь, так и в будущем вашего бизнеса.Давайте познакомим вас с основными терминами, наиболее часто используемыми в хроматическом мире.
- Оттенок — Термины «цвет» и «оттенок» часто взаимозаменяемы художниками и дизайнерами. Во всех смыслах это поможет вам, но слова «цвет» и «оттенок» на самом деле означают разные вещи. В общем, «цвет» используется для обозначения всех цветов, включая черный, белый и серый. В то время как «оттенок» относится к происхождению цвета, который мы видим. Это базовый того цвета, который мы видим, и он всегда является одним из шести основных и дополнительных цветов на цветовом круге.
- Оттенок — «Оттенок» — это более светлая версия данного оттенка. Это оттенок, к которому добавлен только белого. Иногда оттенок может казаться ярче, чем исходный оттенок, но это просто более бледная версия. Оттенок может варьироваться от оттенка, который чуть светлее оригинала, до почти белого с небольшим количеством цвета.
- Оттенок — Это противоположность «оттенка». «Тень» — это оттенок, к которому добавлен только черный цвет. Конечно, он может включать различное количество черного, и результирующий цвет может быть чуть темнее исходного оттенка, или он может быть почти черным.Легкий способ запомнить это — подумать о том, как трава в оттенке дерева кажется темнее , чем трава на солнце.
- Тон — это очень похоже на «оттенок» и «оттенок», только вместо оттенка с добавлением белого или черного, это оттенок с добавлением только серого. Серый цвет, добавляемый для создания «тона», должен состоять только из черного и белого, никаких других цветов (многие цвета, которые считаются серыми, на самом деле имеют основу, которая является оттенком). Тонированные цвета обычно считаются более изысканными, чем чистые оттенки.
- Теплый или холодный — «Теплые» цвета — это те, которые напоминают или символизируют тепло, в то время как «холодные» цвета относятся к льду и более низким температурам. Например: красный, оранжевый, желтый и красно-фиолетовый — теплые цвета, а синий, фиолетовый, зеленый и сине-зеленый — холодные цвета.
Психология цвета
Теперь, когда у нас есть введение в теорию цвета, мы должны быстро взглянуть на психологию цвета. Это важно, потому что цвета и оттенки, которые вы выбираете, задают тон тому, как ваши клиенты и клиенты думают о вашем веб-сайте, визитных карточках и / или офисном пространстве.Выбор цветовой комбинации — это не выбор цветов, которые вам нравятся, а выбор цветов, которые вызывают эмоции, которые вы ждете от своей аудитории.
«Цвет — это сила, непосредственно влияющая на душу». ~ Василий Кандинский
Ниже приводится краткое изложение различных оттенков и чувств, которые они часто вызывают:
- Красный: волнение, опасность, энергия, отвага, сила, гнев.
- Апельсин: творчество, энтузиазм, здоровье, счастье, поддержка, баланс.
- Желтый: солнечный свет, надежда, оптимизм, свет, позитив, свежесть.
- Зеленый: здоровье, природа, обновление, щедрость, свежесть, окружающая среда.
- Синий: свобода, доверие, широта, надежность, вера, вдохновение.
- Фиолетовый: королевская власть, роскошь, власть, гордость, творчество, тайна.
Теплые цвета обычно создают энергию и волнение и вызывают страсть, а холодные цвета успокаивают и расслабляют.
Если вам интересно узнать больше о психологии цвета и о том, как значения цвета влияют на вас, прочитайте полный текст здесь.
Теперь, когда у нас есть понимание цвета применительно к искусству и дизайну, давайте перейдем к интересным вещам…
Цветовые комбинации
После того, как вы определились с желаемой психологией, легко подобрать цвета, которые сочетаются друг с другом. Используя цветовое колесо, вы можете быстро выбирать цветовые комбинации, которые являются монохромными, дополнительными, аналогичными, разделенными, триадными или тетрадными. Эти различные цветовые схемы определяют ваши варианты выбора между контрастными цветами и гармоничными цветами, в зависимости от желаемого эффекта, которого вы хотите достичь.
Монохромные комбинации
Монохромное цветовое сочетание — это разные вариации одного оттенка. Эта комбинация состоит из различных оттенков, оттенков и тонов выбранного оттенка. Например: темно-синий, чуть светлее синий и голубой. Эти комбинации отлично подходят для упрощения загруженного дизайна и создания гармоничного визуально привлекательного образа. Это отличная стратегия цветовой схемы, если вы хотите, чтобы ваш бренд отличался определенным цветом. Также полезно показать прогресс в дизайне, например многоуровневый прайс-лист, или создать более изысканный дизайн, используя более яркий цвет.
Дополнительные комбинации
Дополнительные цвета существуют прямо напротив друг друга на цветовом круге. Эти цвета имеют высокий контраст друг с другом и могут сделать ваш дизайн ярким благодаря высокому контрасту. Однако при неправильном использовании они могут сильно раздражать.
Вообще говоря, при использовании дополнительных цветов вы не хотите использовать их одинаково в своем дизайне. Вы хотите выбрать один из оттенков в качестве основного, а затем использовать дополнительный цвет, чтобы выделить и выделить некоторые важные элементы.
Эти контрастные цветовые схемы можно встретить и в природе, и они могут придать дизайну яркое, но естественное ощущение. Возьмем, к примеру, оранжевый коралл, выделяющийся на синем фоне океана, или лавандовый на фоне мягкой зелени листвы.
Примеры дополнительных цветовых сочетаний:
- Красный и зеленый.
- Синий и оранжевый.
- Желтый и фиолетовый.
- Желто-зеленый и красно-фиолетовый.
- Красно-оранжевый и сине-зеленый.
Выше приведен пример дополнительной комбинации: синего и оранжевого.Обратите внимание на то, как они расположены прямо напротив друг друга на цветовом круге.
Аналогичные комбинации
Эти цветовые комбинации расположены прямо рядом на цветовом круге. Гармоничное сочетание вызывает умиротворение и покой. Некоторые говорят, что это связано с аналогичными комбинациями, которые так часто встречаются в мире природы. Рекомендуется выбрать основной цвет в качестве основы, а затем выбрать еще два для выделения. Обычно это лучше всего работает со второстепенным и третичным цветом. Убедитесь, что ваш основной цвет доминирует, а два других цвета выделяются, а не перегружают.Кроме того, будьте осторожны при выборе слишком близких цветов, так как они могут смешаться друг с другом и размыть ваш дизайн.
Примеров аналогичных комбинаций:
- Фиолетовый, синий и бирюзовый.
- Красный, фуксия и фиолетовый.
- Красный, оранжевый и желтый.
- Зеленый, синий и фиолетовый.
Разделенные дополнительные комбинации
Это вариант дополнительной цветовой схемы. Однако вместо двух цветов, расположенных прямо напротив друг друга, эта комбинация состоит из одного цвета и цветов по обе стороны от дополнения.Эта стратегия добавляет больше разнообразия, чем дополнительные цветовые схемы, за счет включения трех оттенков, не будучи слишком резкими или слишком жирными. Используя этот метод, мы получаем комбинации, включающие как теплые, так и холодные оттенки, которые легче сбалансировать, чем комбинации дополнительных цветовых схем.
Примеры разделенных дополнительных цветовых схем:
- Красный, сине-зеленый и желто-зеленый.
- Синий, красно-оранжевый и желто-оранжевый.
- Желтый, сине-фиолетовый и красно-фиолетовый.
- Фиолетовый, желто-оранжевый и желто-зеленый.
Триадные комбинации
Эти простые цветовые комбинации представляют собой варианты разделенной дополнительной цветовой схемы. Цвета в этой композиции расположены на цветовом круге с равным интервалом. Возьмите равносторонний треугольник и поместите его на цветовое колесо. Цвета в каждой точке соединяются, образуя триадную комбинацию.
Эти цветовые комбинации имеют тенденцию быть довольно яркими, даже когда они приглушены, окрашены или затемнены.Цвета могут показаться игривыми или юношескими. Из-за этого вы должны быть осторожны с балансом этих цветов. Лучше всего начать с выбора одного цвета в качестве основного и использования двух других в качестве акцентов.
Примеры триадных комбинаций:
- Красный, желтый и синий.
- Пурпурный, зеленый и оранжевый.
- Сине-фиолетовый, красно-оранжевый и желто-зеленый.
Тетрадические комбинации
Как и триадная комбинация, тетрадная цветовая комбинация включает цвета, которые находятся на одинаковом расстоянии друг от друга.За исключением того, что в этих цветовых комбинациях используются четыре цвета вместо трех. Вы можете найти тетрадную комбинацию, поместив квадрат на цветовое колесо и выбрав цвета в каждом углу, или выбрав два противоположных набора дополнительных цветов.
Эти цветовые комбинации всегда яркие и веселые, а их яркость выделяет дизайн. Однако следует проявлять осторожность при поиске баланса с этими комбинациями, потому что они могут быть легко подавляющими.
Примеры тетрадных цветовых схем:
- Красный, зеленый, сине-фиолетовый и желто-оранжевый.
- Желтый, фиолетовый, сине-зеленый и красно-оранжевый.
Ключ к экспериментам
Если у вас нет естественной близости или опыта в искусстве и дизайне, выбор лучших цветовых сочетаний временами может быть немного затруднительным. Вы не узнаете, как выбранные вами цветовые комбинации будут выглядеть в вашем дизайне, пока не примените их. Вот почему эксперименты с разными оттенками, тонами, оттенками и оттенками могут помочь вам найти наилучшие цветовые комбинации для ваших целей и желаний.И помочь вам донести мысль и почувствовать, что вы намереваетесь.
Существует ряд приложений и веб-сайтов, которые также могут помочь в процессе принятия решений. Нам нравится генератор цветовой палитры в Canva, где вы можете перетащить любимую фотографию, чтобы получить цветовую палитру.
Если вы ищете цветовую схему для своего веб-сайта, визиток или офиса, мы уверены, что вы разработаете лучшую цветовую комбинацию для ваших нужд.
Наши любимые комбинации
Монохромный Искусство Кимберли Рашель .Цветовые палитры из Canva . Дополнительный Искусство Кимберли Рашель . Цветовые палитры из Canva . Аналог Цветовые палитры из Canva . Сплит Искусство Кимберли Рашель .Цветовые палитры из Canva . Триадный Искусство Кимберли Рашель . Цветовые палитры из Canva . Тетрадик Цветовые палитры из Canva .Хотите узнать больше?
Есть какие-нибудь красочные советы или собственные хитрости? Нам бы очень хотелось их услышать.Дайте нам знать об этом в комментариях!
Выбор цветовой палитры для вашего проекта
Где-то между каркасом и прототипированием вам нужен правильный выбор цвета для вашего дизайн-проекта. В некоторых отношениях ваша цветовая палитра имеет такое же значение, как и структура вашего дизайна. Учитывая его важность, вы не хотите выбирать цвета без внимательного рассмотрения.
Следующая информация поможет вам выбрать цветовую палитру, которая сделает ваши продукты более привлекательными и полезными.
Понимание теории цветаЦветовой круг выглядит обманчиво простым. На первый взгляд вы можете подумать, что он дает вам немного больше, чем выбор цветов. Чем больше вы его изучаете, тем сложнее становится. Вы обнаружите, что он дает вам примеры:
- Холодные и теплые тона. Холодные цвета включают синий, зеленый и фиолетовый. К теплым цветам относятся красный, оранжевый и желтый.
- Значение (оттенок или оттенок цвета).
- Насыщенность (интенсивность цвета).
Более глубокое понимание раскрывает почти бесчисленное множество способов использования цветового круга для создания цветовых палитр.
Различные типы цветовых палитрНекоторые популярные цветовые палитры включают:
60-30-10 Правило использования цветаПравило 60-30-10 дает вам простой способ выбрать цветовую палитру и придерживаться ее. Если все сделано правильно, это также может помочь в установлении идентичности бренда.
Согласно этому правилу, вы используете основной цвет в 60% случаев; вторичный цвет в 30% случаев; и акцентный цвет в 10% случаев.
Правило особенно хорошо работает в веб-дизайне, потому что вы можете сделать свою работу чистой и простой. Например, вы можете использовать дополнительный цвет в качестве светлого фона для своей страницы.
Заголовки, подзаголовки и другие важные аспекты дизайна могут отображаться в основном цвете. Наконец, вы можете использовать акцентный цвет, чтобы добавить немного изящества кнопкам или небольшим фрагментам текста.
Популярные цветовые палитрыПопулярные цветовые палитры постоянно меняются. Не влюбляйтесь в него слишком сильно, потому что он изменится до конца года. Некоторые варианты цветовой палитры, которые, как ожидается, будут иметь тенденцию в 2021 году, включают:
- Оттенки кожи человека.
- Перенасыщенные цвета.
- Текстурированные цвета, которые выглядят блеклыми.
- Сюрреалистичные, сногсшибательные цветовые комбинации.
Не каждому продукту нужна модная цветовая палитра, а предпочтительнее неподвластные времени фирменные цвета.Например, клиент с устоявшимся брендом может отклонить новые цветовые палитры, которые кажутся противоречащими уже знакомым клиентам и клиентам личностям.
Пытаетесь разработать идеальную цветовую палитру для своего дизайна? Множество онлайн-инструментов и приложений могут помочь вам изучить творческие возможности, которые выделят ваш продукт из общего ряда, независимо от того, любите ли вы пастель, ретро или любой другой цвет.
Охлаждающие устройства https: // coolors.co /Coolors, один из самых популярных генераторов цветовых схем за последние годы, предлагает инструменты, которые помогут вам выбирать цвета для веб-сайтов, приложений для смартфонов и других продуктов.
Многим людям нравится Coolors, потому что они могут создавать бесплатные учетные записи, которые позволяют им создавать цветовые схемы, выбирая онлайн-изображения, вводя шестнадцатеричные коды или исследуя тенденции цветовых палитр.
Цвета материала https://material.io/design/color/the-color-system.html#color-usage-and-palettesЕсли вы используете Material Design от Google, то можете полагаться и на цветовую систему Material Design.Этот инструмент обещает помочь вам использовать цвет таким образом, чтобы добавить смысл вашему пользовательскому интерфейсу.
Material Design имеет множество инструментов, которые можно использовать для создания творческих цветовых комбинаций. Однако это не означает, что вы освоили цветовое колесо. Если вы заблудились, воспользуйтесь обучающими материалами и видео Google, чтобы узнать больше о том, как цвета могут повлиять на то, как люди используют ваши продукты.
Хотите узнать больше о Material Design? Прочтите Введение во взаимодействие с материальным дизайном .
Цветной расход https://colorsupplyyy.com/app/Если у вас нет большого опыта в выборе цветовых палитр, вам нужно потратить некоторое время на то, чтобы поиграть с Color Supply.
Когда вы открываете инструмент, вы видите базовое цветовое колесо. Под цветовым кругом вы можете изменить тип цветовой палитры, которую хотите использовать. Варианты включают:
- Дополняющий
- Аналогичный
- Триада
- Щелевой дополнительный
- Квадратный
- Свежий
- Манга
Это довольно просто и позволяет легко экспериментировать с различными цветовыми палитрами.
Проблемы доступности для людей с дальтонизмом Тенденции дизайна2020 включают повышение доступности для людей, которые иначе воспринимают визуальные эффекты. Например, люди с дальтонизмом часто не могут определить зеленый, красный, синий или желтый цвета.
Около 300 миллионов человек в мире живут с тем или иным типом дальтонизма, поэтому имеет смысл выбирать цветовые палитры, которые они могут ярко ощутить. Такой инструмент, как Venngage, упрощает автоматическое использование цветовых палитр, удобных для людей с дальтонизмом.Вы также можете упростить понимание дизайна, используя высококонтрастные цвета, добавляя больше текстур к цветам и добавляя больше символов, значение которых не зависит от цвета.
Улучшение единообразия бренда с помощью цветовых палитр в UXPinНезависимо от того, какую цветовую палитру вы выберете для своего следующего дизайна, вам необходимо обеспечить единообразие, которое поможет пользователям понять, как работают продукты. Если ваша цветовая палитра меняется от страницы к странице, посетители будут очень сбиты с толку.
Вам также необходимо убедиться, что все ваши дизайнеры знают, какую цветовую палитру им следует использовать в каждом проекте. UXPin помогает менеджерам сохранять контроль над проектами, создавая системы дизайна, ограничивающие доступные дизайнеры цветовых палитр. Когда у вас есть дизайн-система, вы устанавливаете ограждения, которые позволяют дизайнерам исследовать свои творческие импульсы, не выходя за рамки бренда. Хорошая система дизайна также может упростить ваш процесс и ограничить количество изменений, которые вам нужно внести перед завершением продукта.
Хотите увидеть, насколько легко UXPin помогает вам создать дизайн-систему, которая сделает ваши дизайн-проекты более успешными? Подпишитесь на бесплатную пробную версию сегодня, чтобы протестировать функции UXPin. Вам не нужно предоставлять данные своей кредитной карты, поэтому вы можете без каких-либо обязательств использовать лучший инструмент для проектирования и создания прототипов для команд.
идей цветовой палитры — 3 шага руководства по выбору цветовой палитры
Помимо мебели и акцентов, дизайн вашего дома объединяет цветовая гамма.Если вы остановитесь на секунду и осмотритесь, вы заметите, что каждая комната в вашем доме имеет цветовую палитру, даже если она просто монохромная. Хотя стиль дизайна, который вы выбираете, во многом зависит от того, как выглядит каждая комната, выяснение того, как выбрать цветовую палитру, — это то, что объединит все воедино.
В Spacejoy мы хотим помочь вам спроектировать дом вашей мечты, по одной комнате за раз. Сегодня мы делимся некоторыми из наших самых сокровенных секретов выбора цветовой схемы.
1.Выбор цвета
Начните с работы с цветовым кругом. Вы можете найти один из них в Интернете или в местном магазине красок. Здесь вы найдете основные, второстепенные и третичные цвета. Это поможет вам сосредоточиться на цветовой схеме в дальнейшем.
- Основные цвета: ваши красный, синий и желтый. Эти цвета создать нельзя.
- Дополнительные цвета: у вас оранжевый, зеленый и фиолетовый. Это цвета, которые вы можете создать, комбинируя два основных цвета.
- Третичные цвета: это смесь вторичных и основных цветов для создания уникальных оттенков. Вы используете черный и белый, чтобы поиграть с разными оттенками и тонами.
2. Создайте свою цветовую схему
Теперь, когда у вас есть свои цвета, можно легко создать цветовую схему, которая наилучшим образом соответствует вашему стилю и домашнему интерьеру. Вы можете выбрать из четырех различных цветовых схем:
- Монохроматический: использует разные тона одного цвета по всей комнате.У вас может быть темно-синяя стена в сочетании с мягкими синими диванами и, например, искусство в нежно-голубом цвете.
- Аналогично: здесь вы используете цвета, которые появляются рядом друг с другом на цветовом круге. Например, желтый можно использовать с зеленым или оранжевым, чтобы создать красочную и успокаивающую цветовую палитру для вашего дома.
- Контраст: , как вы понимаете, здесь вы используете контрастные цвета, обычно противоположные друг другу на цветовом круге, например, зеленый с синим или красный с пурпурным.
- Дополнительные: наконец, у вас есть цвета, которые естественно дополняют друг друга. Они могут создать более драматичный вид. Например, популярным дополнительным цветом является синий против оранжевого.
Создавая цветовую схему, вы хотите начать с цвета краски для стен. Затем переходите к предметам, которые сложнее найти, например к мебели и коврикам. Когда у вас есть основные элементы домашнего декора, можно легко добавить аксессуары.
Советы по освоению цветовой схемыТеперь, когда у вас есть вдохновение, пора создать свою цветовую схему.Обратите внимание на основные цвета, которые вы заметили, используя предыдущие советы. Если вам нужна помощь в поиске нужных цветов, поиск на веб-сайтах любого производителя краски даст вам представление.
Затем выберите от трех до пяти цветов, которые вы постоянно видите в своем декоре прямо сейчас. Это основа вашей цветовой схемы. Когда вы будете готовы включить их в интерьер своего дома, помните о нескольких вещах:
- Выберите более светлые тона для окраски большинства стен, примерно 60 процентов комнаты.
- Нарисуйте акцентные стены в гостиной и спальне примерно на 30% в среднем цвете.
- Наконец, сделайте всплеск цвета у прихожей или одной из стен в столовой, только 10 процентов в самом ярком цвете.
Если вы будете следовать этим рекомендациям, ваш дом будет легко включать вашу цветовую палитру, чтобы ваш дом выглядел вместе.
Также важно поиграть с теплыми и холодными цветами в своем дизайне. Чем лучше вы понимаете, как цвета сочетаются в вашем доме, тем лучше.Вот что нужно знать об этих различиях:
- Теплые цвета: это веселые, энергичные цвета, которые помогают комнатам казаться меньше, чем при неправильном использовании. Вы должны использовать эти цвета для окрашивания акцентных стен или создания акцента в комнате.
- Холодные цвета: это успокаивающие и успокаивающие цвета, которые создают ощущение большего простора, поэтому комнаты кажутся более просторными. Этими цветами можно окрасить целую область.
3. Попробуйте разные цветовые тона
При выборе цвета для больших предметов мебели и декоративных аксессуаров также полезно помнить о своей цветовой гамме.В этом случае вы по-прежнему будете работать с теми же тремя-пятью цветами, но вы расширите свой поиск на другие тона.
Например, если мы думаем о доме с видом на океан, использование темной песчаной ленты для мебели все равно будет в рамках цветовой схемы. То же самое относится и к другому примеру; бесконечные зеленые тона дополняют ранее выбранные вами основные цвета. Когда вы играете с тонами, помните:
- Выбирайте полутона для ковров и больших предметов мебели, даже если они имеют узорчатый узор.
- Используйте самые яркие тона для таких аксессуаров, как подушки и каркасы.
Другие вещи, которые следует учитывать при выборе цветовой палитры
Как вы уже знаете, то, как краска выглядит при замене, сильно отличается от того, как она выглядит на ваших стенах и декоре. Когда вы выбираете цветовую палитру для дома, такие вещи, как освещение, ваше окружение и ваш декор, будут играть важную роль. Вот еще кое-что, о чем следует помнить.
Помните о вариантах освещенияПри выборе цветовой палитры помните, что освещение изменит внешний вид определенных цветов.Например, если вы предпочитаете теплое освещение, цвет краски для стен, скорее всего, будет более желтым и мягким.
Напротив, если вы любите яркое белое освещение, ваши цвета будут выделяться и сиять больше. Выбирая цвета, постарайтесь расположить их рядом с вашим текущим освещением, чтобы увидеть, как они отреагируют. Может быть полезно иметь несколько образцов краски и ткани.
Используйте существующий декор как вдохновениеУ вашего дома уже есть стиль. Это может быть более формально или непринужденно, но вы знаете, что это определенное чувство.Если вы присмотритесь, то заметите, что у вашей мебели уже есть тема.
Будь то модерн середины века или деревенский дом, ваш стиль будет заметен в вашей мебели. Понимание вашего стиля и темы поможет вам получить общее представление о цветах, которые вы хотите добавить в свой декор.
Тогда используйте элементы декора в качестве отправной точки. Большинство дизайнеров рекомендуют выбирать ткань или настенное искусство с рисунком не менее трех или более цветов. Используйте этот центральный элемент как свое вдохновение.
Выбирая цвета стен и другие декоративные элементы, возьмите с собой этот основной узор и поместите его у подушек, штор или дивана, чтобы посмотреть, гармонично ли смотрятся цвета. Если да, значит, вы нашли основу своей цветовой палитры.
Вне дома
Другой способ найти цветовую палитру — позволить вашему взгляду вдохновить вас. Посмотрите в свои окна. Что ты видишь? Зелень? Зеркальные здания? Нежные цветки сакуры? Конкретный? Пляж?
Представьте, что вид из вашего окна — это произведение искусства на стене, которое украшает ваше пространство, потому что это действительно так.
Глядя в окно, обращайте внимание на наиболее заметные цвета. Если вам нравится прекрасный вид на океан, вашими цветами будут морской синий, белый и песочно-серо-коричневый. Если ваше окно ведет в парк или озеро, вы увидите зеленый, коричневый и темно-синий цвета.
Использование этих цветов в помещении сделает ваш дом окруженным природой.
Тенденции цветовой палитры в 2021 году
Если вы все еще не можете найти лучшую цветовую палитру для своего дома, черпайте вдохновение в самых модных цветах года.
Теплый и гостеприимный
Для тех, кто хочет создать уютный и уютный дом, эта цветовая палитра вдохновлена деревенскими тонами, которые привносят в интерьер природу. Эта цветовая схема включает в себя румбу-апельсин (M230-7), харизматический (PPU6-14), пузырчатую скорлупу (S160-3), пряный сидр (S210-5) и красный перец (PPU2-02).
Естественный и захватывающий
Если вам нужен естественный и успокаивающий микс, тогда смесь синего и зеленого из этой коллекции поможет вам создать успокаивающее убежище.Эта цветовая палитра включает Secret Meadow (S360-6), Back To Nature (S340-4), Light Drizzle (N480-1), Bluebird (PPU15-12) и Dragonfly (PPU12-03).
Современные и традиционные
Наконец, если вы ищете современную и традиционную цветовую палитру, сочетающую пасты с нейтральными оттенками, вот коллекция, которая вам поможет. Идеально подходит для многосемейного дома, который хочет быть динамичным, но теплым и красивым. Эта цветовая схема включает в себя: пыльный сиреневый (N110-1), кремовый гриб (PPU5-13), белый цвет художника (PPU18-08), серый линкор (N360-4) и графический уголь (N500-6).