что значит приглушенный цвет
Основные свойства цвета
Чтобы разбираться в одежде и понимать на каких правилась строятся самые удачные цветовые сочетания, сначала стоит разобраться какие свойства есть у цвета и как отличать один оттенок от другого.
Цветовой круг
Мы все помним что такое радуга, и как красиво перетекают цвета один в другой. Самый простой способ представить цветовой спектр и какие цвета стоят рядом — это изобразить их в виде цветового круга.
Теплые и холодные оттенки
Стрелочки показывают какие цвета теплые, а какие холодные.
Теплые цвета: красный, оранжевый, желтый
Холодные цвета: синий, зеленый, фиолетовый
Но все не так просто. Почти в каждом цвете (кроме оранжевого, он всегда теплый) есть градации оттенков. Чем ближе цвет к синему, тем он холоднее, и наоборот чем ближе к оранжевому, тем теплее. Давайте посмотрим как это работает в разных цветах.
Светлый и темный
С этим свойством цвета проблем меньше всего. Тут мы можем безошибочно определить светло-желтый и темно-желтый. Светлый — тот, что ближе к белому, а темный — тот что ближе к черному.
Светлые оттенки делают образ более легким и воздушным. Более романтичным. Поэтому для свидания вы можете использовать легкие пастельные оттенки. Глубокие темные тона наоборот более «суровые» и «тяжелые». Хороши для создания солидного монументального образа. Например в деловой среде.
Яркий и приглушенный
Яркие цвета — сочные, чистые, без примесей. Например оттенки тропических цветов чаще всего ярких оттенков. Приглушенный цвет — в котором есть примесь серого, как будто покрытый слоем пыли. Например оттенок лаванды — приглушенный.
Для еще одного примера вспомните лист мать и мачехи или лопуха. С одной стороны цвет яркий, а с тыльной стороны цвет как будто смешанный с серым — он приглушенный.
Яркие оттенки вносят в образ смелость, задор, динамику. Они служат прекрасным средством для постановки акцентов в образе.
Спокойные оттенки хороши для базового гардероба, для основы образов.
Приглушенные цвета. Их роль в дизайне
Любой современный UX дизайнер понимает, что в течение последних лет сложилась прочная тенденция плоского и минималистичного дизайна. Такие компании, как Apple, Microsoft и Twitter используют эту концепцию при разработке своих продуктов.
Плоский дизайн и минималистиный подход идут рука об руку. Плоский дизайн исключает появление глубины, за счет избегания градиента и затенения. Минималистичный дизайн поддерживает этот эффект, избегая ненужных функций и контента в пользу чистого, гладкого, монохромного подхода. Вместе эти два подхода выступают за отказ от излишеств, вместо этого выбирая ясность и четкость.
Тем не менее, несмотря на усилия обеих практик, пытаясь сделать пользовательский интерфейс как можно более простым, в реальности пересечение плоского и минималистичного дизайнов создает проблемы юзабилити для пользователей. Упрощение функций на странице сделало его более трудным для пользователей, потому что появилась необходимость разбираться, где именно они могут нажать и почему они нажимают там.
В статье, опубликованной Nielsen Norman Group под названием «Долговременное воздействие на плоский дизайн: как тренд медленно снижает эффективность пользователя», автор Кейт Мейер описывает, как до появления плоского дизайна такие «кликабельные» элементы как тени или рельефные кнопки помогали указать пользователям на функциональность элементов на странице. Но с развитием плоского дизайна становится все сложнее определить, что является фоном, а что кнопкой. В то время как плоский дизайн пытается сделать взаимодействие более цельным, устранение глубины элементов страницы сбивает с толку пользователей.
К счастью, появилась третья концепция: приглушенные цвета. Достаточно обратиться к цветам этого года (Serenity and Rose Quartz), выбранным компанией Pantone (Pantone, LLC — общепризнанный мировой авторитет в области цвета), чтобы убедиться в растущей популярности цветов, которые являются менее жесткими и более успокаивающими.
И правда, если мы посмотрим цвета Pantone, начиная с 2000 года, мы увидим экспоненциальный рост в сторону более приглушенных тонов.
Причина этого сдвига является такой же очевидной, как и конфликт с плоским дизайном — приглушенные цвета позволяют дизайнерам создать глубину в пределах страницы, не нарушая правил минимализма плоского дизайна. Глубокий приглушенный синий цвет приятен для глаза пользователя и может создать впечатление глубины цвета на странице без использования теней.
Для того, чтобы посмотреть, как это работает в реальности, мы можем обратиться к картинам раннего Ренессанса. Складки платья Мадонны на картине Рафаэля «Малая Мадонна Каупера» демонстрирует, как только при помощи цвета можно передать глубину и текстуру.
На контрасте с этой техникой выступает светотень — техника, которая использует свет и тень, чтобы создать форму. Это можно увидеть в более поздних картинах эпохи Возрождения — например, картина Леонардо да Винчи «Мона Лиза». Эти картины больше похожи на скевоморфизм, являющийся предшественником плоского дизайна, опирающийся на градиент и затенения. Как и большинство тенденций в жизни история повторяется, и эволюция цвета в дизайне пользовательского опыта не является исключением.
Повторная популяризация приглушенных цветов в веб-дизайне имела несомненное влияние на различные аспекты жизни общества — такие как реклама, мода и музыка. Для примера можно использовать рекламные компании Casper и Thinx.
Обе компании использовали приглушенные цвета в их печатной рекламе. Но когда речь идет о печатной продукции, то здесь нет необходимости в создании плоского эффекта или минималистичного дизайна, поскольку пользователь не взаимодействует с листом бумаги. Он не нажимает на бумагу и не прокручивает изображение. Есть только одно действие, которое необходимо выполнять — смотреть. Тем менее, обе компании использовали приглушенные цвета, показывая тем самым их новую роль, помимо UX практики.
Приглушенные цвета стали представлять современность, прогрессивность и эффективность. Они представляют собой то, что является новым и актуальным. Приглушенные цвета в знаменитом клипе исполнителя Drake на песню «Hotline Bling?». Мы уверены, что эти цвета были выбраны сознательно. Приглушенные цвета говорят с современной культурой и, следовательно, с массой. Они оказывают эмоциональное воздействие на пользовательский опыт, поскольку имеют значение в конкретный момент. На них не просто легче смотреть, чем на резкие цвета, они концептуально модные.
Итак, будьте осторожны при выборе цветов. Кроме того, что приглушенная цветовая схема поможет улучшить некоторые вопросы функциональности плоского дизайна, она также имеет эмоциональный эффект, связанный с современностью и релевантностью. Решение о выборе цвета не может быть принято только головой. Однако если вы не можете представить «Hotline Bling» без этих захватывающих цветов, вы не должны представлять ваш сайт без такой же впечатляющей палитры.
Крутая шпаргалка по сочетанию цветов
Крутая шпаргалка по сочетанию цветов Правильное сочетание цветов — одна из важных составляющих совершенного образа и стильного и целостного интерьера. Именно поэтому мы решили поделиться шпаргалкой, с которой вы точно не промахнетесь при выборе одежды или дизайна квартиры.
Схема № 1. Комплиментарное сочетание
Комплиментарными, или дополнительными, контрастными, являются цвета, которые расположены на противоположных сторонах цветового круга Иттена. Выглядит их сочетание очень живо и энергично, особенно при максимальной насыщенности цвета.
Схема № 2. Триада — сочетание 3 цветов
Сочетание 3 цветов, лежащих на одинаковом расстоянии друг от друга. Обеспечивает высокую контрастность при сохранении гармонии. Такая композиция выглядит достаточно живой даже при использовании бледных и ненасыщенных цветов.
Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.
Вариант комплиментарного сочетания цветов, только вместо противоположного цвета используются соседние для него цвета. Сочетание основного цвета и двух дополнительных. Выглядит эта схема почти настолько же контрастно, но не настолько напряженно. Если вы не уверены, что сможете правильно использовать комплиментарные сочетания, — используйте раздельно-комплиментарные
Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.
Сочетание 4 цветов, равноудаленных друг от друга. Цвета здесь несхожи по тону, но также комплиментарны. За счет этого образ будет динамичным, игривым и ярким. Пример: фиолетовый, красно-оранжевый, желтый, сине-зеленый.
Цветовая гамма сезона: актуальные оттенки и сочетания
Сезон весна-лето 2012 столь разнообразен по цветовым решениям, что разобраться в них не так просто. И сегодня мы займемся изучением основных цветовых групп и типов цветосочетаний, актуальных в этом сезоне.
Актуальные цвета
Цветовая гамма нынешнего сезона представлена тремя группами: пастельными, приглушенными и яркими оттенками.
Пастельные тона
Фаворит сезона – пастельные оттенки: бледно-желтый, мятный, сиреневый, бледно-розовый, светло-голубой.
2. Christian Dior, Sportmax, Gabriele Colangelo
3. Hussein Chalayan, Oscar de la Renta, Givenchy
Сложные приглушенные оттенки
Если пастельные цвета – это основные цвета спектра, разбавленные белым цветом, то оттенки приглушенной гаммы – это смесь основных цветов с оттенками серого.
Перечислим актуальные оттенки этой группы: глухой синий, приглушенные зеленые оттенки (фисташковый, оливковый, хаки), сложный светло-коричневый, глухой оранжевый, бордовый.
5. Miu Miu, Mulberry, Burberry Prorsum
6. Michael Kors, Rick Owens, Missoni
Яркие цвета
Главные оттенки этой группы: оранжевый, желтый, травяной зеленый, а также «морские» оттенки (синий, голубой, аквамарин).
8. Alberta Ferretti, Hermes, Akris
9. Matthew Williamson, Elie Tahari, CNC Costume National
Цветовые сочетания
Сочетания цветов, используемые в коллекциях сезона весна-лето 2012, можно поделить на два основных типа:
1) Сочетания внутри групп:
2) Сочетания между смежными группами:
Схематично эти типы сочетаний показаны в таблице:
Разберем каждый тип актуальных цветовых сочетаний на примерах.
1) Сочетания внутри групп
Сочетание пастельные + пастельные тона
Это один из самых простых вариантов сочетаний, так как пастельные оттенки хорошо сочетаются между собой. Пастельную гамму можно также разбавлять белым цветом.
11. Jill Stuart, 3.1 Phillip Lim, Issey Miyake
12. Commuun, Ralph Lauren, Alexandre Herchcovitch
Сочетание приглушенные + приглушенные оттенки
13. Michael Kors, Burberry Prorsum, Salvatore Ferragamo
14. Paul & Joe, Burberry Prorsum, Karen Walker
15. Celine, Cristina Sabaiduc, Proenza Schouler
16. Sacai, Paul Smith, Kle
Такие сочетания наиболее часто встречаются в коллекциях resort 2012, поэтому в основном мы будем использовать их во время летнего отдыха. Для других случаев яркие цвета актуально использовать либо в качестве основы однотонных комплектов, либо в виде отдельных акцентов.
17. Milly, Douglas Hannant, Hoss Intropia
18. Vionnet, Lyn Devon, Antonio Berardi
19. Alice + Olivia, Carlos Miele, Vionnet
2) Сочетания между смежными группами
Смежные цветовые сочетания выглядят более сложно и интересно, чем сочетания внутри групп. Однако и подбор оттенков в этом случае – более сложная задача.
Сочетание пастельные + приглушенные цвета
Трудно выделить универсальные цветовые сочетания пастельных и приглушенных оттенков, поскольку варианты очень разнообразны. Давайте посмотрим примеры таких сочетаний.
20. Mulberry, Joseph, Just Cavalli
21. Claudia Schiffer, Chloe, Nicole Farhi
22. Tibi, J. Mendel, Ralph Lauren
23. Trussardi, Diane von Furstenberg, 3.1 Phillip Lim
24. Prada, Noel Caleb, Diane von Furstenberg
Сочетание яркие + приглушенные цвета
Чтобы понять, как вписать яркие цвета в актуальный look, посмотрим самые интересные сочетания этого типа. Яркими акцентами могут стать как отдельные вещи комплекта, так и аксессуары и даже подкладка пальто.
25. Diane von Furstenberg, Jo No Fui, Antonio Marras
26. Aquascutum, See by Chloe, Diane von Furstenberg
27. VPL, Lacoste, Lela Rose
28. Vivienne Westwood Anglomania, Paul Smith, Fendi
29. Rachel Comey, Marc Jacobs, Iceberg
30. Marni, Tommy Hilfiger, Stephen Burrows
Итак, давайте обсудим: какие цвета и типы цветовых сочетаний вы будете использовать весной, а какие – летом?
1″ :pagination=»pagination» :callback=»loadData» :options=»paginationOptions»>
Что такое цветовой круг Иттена и как дизайнеры подбирают цвета с его помощью
Каждый [охотник] желает знать, как гармонично сочетать оттенки. Пробуем магию цветового круга.
Круг Иттена — это схема из 12 цветов. Все оттенки во внешнем круге получены из трёх цветов, расположенных в центре.
Давайте разберёмся, из чего состоит круг Иттена и для чего он нужен художникам и дизайнерам.
Пишущий дизайнер. Пришла в профессию, получив второе образование, ранее занималась когнитивными исследованиями, SMM и копирайтингом. Пишет о визуальных трендах, делится наблюдениями из отрасли и техническими лайфхаками.
Как устроен круг Иттена
В центре есть треугольник из основных цветов — синего, жёлтого и красного, — смешивая которые, можно получить любые оттенки, доступные человеческому глазу. Эти цвета в схеме также называются первичными. Если смешать по два из трёх первичных цветов, получаются вторичные цвета. Жёлтый с синим при смешении дают зелёный, жёлтый с красным — оранжевый, а синий с красным — фиолетовый.
Ещё в круге есть третичные цвета. Они получаются при смешивании первичного и вторичного цвета, которые соседствуют друг с другом на схеме. Например, жёлтый и зелёный дают третичный цвет — жёлто-зелёный, жёлтый и оранжевый дают жёлто-оранжевый и так далее. В результате во внешнем круге на схеме мы видим 12 цветов, из которых три первичных, три вторичных и шесть третичных.
Если посмотреть на внешний круг, можно увидеть, что цвета в нём расположеы в спектральном порядке, как на радуге: от красного, который по физическим характеристикам имеет самую большую длину волны, до фиолетового, у которого она самая короткая.
Как и когда появился круг Иттена
В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.
Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.
Зачем нужен круг Иттена
Цветовой круг помогает подбирать гармоничные цветовые сочетания. Пожалуй, сейчас это самый популярный инструмент графических дизайнеров и художников. Опираясь на схему, можно выбрать палитру для интерфейса сайта, фирменного стиля или иллюстрации.
Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.
Цвета в круге выстраиваются в стройную систему, и это здорово. Потому что простые фигуры, наложенные на такую схему, будут показывать гармоничные сочетания.
Основные комбинации на круге Иттена
Вариантов сочетаний цветов по кругу Иттена очень много. Давайте рассмотрим несколько из них, которые используются чаще всего.
1. Если провести через центр круга прямую линию, получится комплементарное сочетание — оно максимально контрастное.
Сочетание дополнительных цветов активное и энергичное. Если использовать их в равных пропорциях, они могут перебивать друг друга. Такое сочетание хорошо подходит для расстановки акцентов: для этого один из цветов берут как базовый, а другого добавляют немного, чтобы выделить отдельные объекты на изображении.
Это хорошая альтернатива комплементарному сочетанию: здесь сочетание по-прежнему контрастное, но уже не такое резкое. Если вам нужно чуть приглушить контраст дополнительных цветов или просто расширить палитру с двух до трёх цветов, можно выбирать такой вариант.
3. Равносторонний треугольник образует классическую триаду: три цвета в его углах будут давать сбалансированное сочетание. Этот вариант подойдёт, если вам нужно больше разнообразия в цветовой гамме.
Если вы задумали использовать один конкретный цвет и хотите подобрать к нему ещё два, которые будут кардинально различаться, схема с равносторонним треугольником поможет сделать это быстро и избежать ошибок.
4. Ещё один вариант комбинации из трёх цветов — аналоговая триада. Здесь задействованы цвета, расположенные на круге рядом. Это сочетание без интенсивных контрастов.
Эта палитра — спокойная и сдержанная. Аналоговое сочетание подойдёт, если вам нужны мягкие переходы между цветами без резких акцентов.
5. Когда трёх цветов недостаточно, можно выбрать четыре. Например, квадрат, наложенный на круг Иттена, образует сочетание тетрады : все четыре цвета гармонируют между собой.
По сути, здесь представлено сочетание из двух пар дополнительных цветов. Сочетание четырёх цветов в тетраде позволяет создавать красочное и разнообразное изображение.
6. Ещё одно сочетание двух пар комплементарных цветов — прямоугольная схема. В отличие от тетрады, здесь сочетаются более близкие оттенки.
Если нужно четыре цвета, но не требуется такой широкий спектр, как в квадратной схеме, то этот вариант подойдёт. Здесь будет достигнут контраст за счёт сочетания комплементарных пар, но сами эти пары ближе друг к другу на спектре.
Что делать с тысячами других оттенков
В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать и более широко.
Представим, что нужен контраст к бирюзовому. На круге его нет, но мы понимаем, что этот цвет — зелёно-голубой. Значит, контрастный цвет на круге будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет контрастно к бирюзовому.
А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.
Автоматические инструменты для выбора палитры
Технологии облегчают жизнь современным дизайнерам и художникам. Например, подобрать сочетание конкретных оттенков можно на расширенном цветовом круге. Он позволяет точно задать тон, насыщенность, яркость и найти подходящие цвета, используя те же самые схемы круга Иттена, которые мы рассмотрели.
В теории Иттена есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом в нашем обзоре книги «Искусство цвета».
Для более сложной работы с множеством цветом есть удобный инструмент у Adobe. Он основан на таких же правилах сочетания, но позволяет быстро редактировать параметры каждого цвета в палитре и смотреть, как от этого меняется гармоничная гамма.
Что делать дальше
Круг Иттена помогает быстро подбирать подходящие сочетания для разных случаев. В бумажной или цифровой версии им пользуются как новички, так и опытные дизайнеры и художники. Это полезный инструмент, который упрощает работу. Конечно цветовосприятие можно тренировать и научиться подбирать цветовые сочетания самостоятельно. Со временем появится навык, позволяющий не зависеть от наличия схемы под рукой.
Хотите поупражняться в колористике под руководством опытных преподавателей? Записывайтесь на наш курс графического дизайна.