Дизайн и цвет – Дизайн в цвете. Цвет — это мощная сила в руках дизайнера

Дизайн в цвете. Цвет — это мощная сила в руках дизайнера

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

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

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

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

Выбор цветовой палитры

Шаблон для палитры

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

Определите цель

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

Спросите себя следующее:

• Какой посыл вы хотите передать через дизайн?
• Какова цель вашего дизайна? Быть информативным? Убеждать?
• Какие эмоции вы хотите рождать своим дизайном у пользователей?

Цель дизайна должна служить как руководство в выборе палитры цветов.

Определите свою аудиторию

Кто ваша аудитория, и как это влияет на дизайн?

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

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

Красный конверт в Китае

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

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

Изучите теорию цвета

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

Хороший материал для старта – Теория цвета от Design School и Цветовая теория 101 от Hubspot. Прочитайте об интересном применении теории цвета в посте Почему Facebook синий? Наука за цветами в маркетинге.

Поиск вдохновения

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

Обычным источником вдохновения для цветовых палитр являются сайты вроде Dribbble и Behance. Если вы хотите вдохновиться для конкретного стиля дизайна, например, material design, можете использовать сайт вроде MaterialUI. Эквивалент в плоском дизайне – FlatUIColors.

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

Дизайн интерьеров оживляет пространство с помощью цвета.

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

Корейские клипы отлично вдохновляют

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

Вдохновение повсюду, включая вашу повседневную жизнь.

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

Задайте дизайн-систему

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

В качестве примера дизайн-системы посмотрите на систему Salesforce. Больше примеров найдете в 50 дотошных руководствах по стилю, которые должен увидеть каждый стартап перед запуском.

Дизайн-система MashCreative

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

При выборе палитры для дизайна лучше следовать принципу KISS (Keep it simple, stupid – Делай проще, дурачок!). Чем меньше цветов, тем лучше. Для большинства систем дизайна такая структура отлично подойдет для старта:

• Фон
• Главный тон
• Вспомогательный тон
• Цвет ошибки
• Цвет успешной операции

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

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

Состояния дизайна

Выбор цветовой палитры

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

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

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

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

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

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

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

Геометрическое представление может выглядеть примерно так.

Применение цветовых палитр

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

Цвета бренда Airbnb

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

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

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

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

Начните без цветов, а затем медленно их добавляйте

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

Заключение

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

Я бы хотел знать, как вы работаете с цветами. Каков ваш процесс? Делитесь в комментариях.

ux.pub

Психология цвета в дизайне, таблица цветов

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

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

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

Красный цвет

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

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

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

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

Оранжевый цвет

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

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

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

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

Желтый цвет

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

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

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

Зеленый цвет

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

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

Синий цвет

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

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

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

Бирюзовый цвет

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

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

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

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

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

Розовый цвет

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

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

Коричневый цвет

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

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

Серый цвет

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

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

Черный цвет

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

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

Белый цвет

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

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

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

Копирование материалов запрещено, все материалы защищены авторским правом. Дизайн-студия Елены Шутовой.

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

e-shutova.com

Вкратце о теории цвета и о значении цвета в дизайне

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

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

А можно без цветового круга?

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

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

Источник: Hubspot

Primary — первичный, Secondary — вторичный, Tertiary — третичный

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

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

Почему мы взялись за тему значений цветов?

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

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

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

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

 

Оранжевый — это счастливый союз красного и желтого. Это цвет действия, который ассоциируется с витаминами (на ум сразу приходят апельсины, правда?). Поэтому он символизирует здоровье, свежесть и положительную энергию. Зачастую оранжевого боятся, но только потому, что он весь лучится юностью. Конечно же, он ассоциируется с весельем и развлечениями, так что будет не лучшим выбором для традиционных брендов и товаров класса «люкс». Давайте оставим веселые цвета молодежи.

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

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

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

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

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

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

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

 

Белый во многом минималистичен. Это цвет перфекционистов. Если вспомнить крупные бренды, на ум сразу приходит Apple, который взял этот цвет на вооружение и не проиграл — белый отлично подчеркивает элегантность и простоту их продуктов. Белый помогает сделать дизайн более «чистым» и придает брендингу более современный характер. Однако есть и недостаток: при помощи белого трудно выразить индивидуальность, поэтому лучше сочетать его с каким-то еще цветом.

 

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

Подписывайтесь на наш блог

Получайте лучшие статьи по фотографии и бонусы доступные только подписчикам

Комментарии

комментариев

blog.depositphotos.com

Психология цвета и web-дизайн

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

Теория цвета. Основные моменты

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

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

• Контраст
• Дополнение
• Резонанс

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

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

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

Цвет и эмоции

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

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

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

Красный цвет

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

Красный цвет эмоционально воспринимается как олицетворение молодости, силы, власти, важности.

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

Оранжевый цвет

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

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

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

Желтый цвет

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

Зеленый цвет

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

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

Синий цвет

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

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

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

Черный цвет

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

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

Белый цвет

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

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

Серый цвет

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

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

Бежевый цвет

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

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

Цвет слоновой кости

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

Выбор цветовой гаммы

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

Триада

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

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

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

Цвета-аналоги

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

depix.ru

Цвет в дизайне интерьера | DESIGN-CLUB

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

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

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

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

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

Воздействие цвета

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

Что такое целевая установка? Всякий раз дизайнер работает над конкретным помещением. Если это спортзал — цель: сохранение физического тонуса, если он имеет дело с учебным заведением, то его цель стимулировать умственную деятельность, если же это SPA салон, то логично создать в нем спокойную релаксирующую обстановку. Фото интерьеров (ниже) демонстрируют как с помощью использования того или иного цвета можно создать определенную атмосферу в помещении.

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

Как формируются цвета

Существует такое понятие как трехкомпонентность смешения цветов, которое хорошо иллюстрирует цветовой круг Гёте. Последовательность цветов в круге такая же как и в радуге (красный, оранжевый, желтый, зеленый, голубой, синий, фиолето­вый). Основных или первичных цветов в круге три: красный, желтый и синий. Они лежат в основе всех остальных цветов. Зеленый, фиолетовый, оранжевый — дополни­тельные или вторичные цвета, которые образуются путем смешения трех основных цветов. Третичные цвета или цвета третьего порядка: желто-зеленый, желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый и сине-зеленый — результат смешения первичных и вторичных цветов. Их название говорит само за себя.

Теплые и холодные цвета

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

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

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

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

Сочетание цветов

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

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

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

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

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

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

Если вы хотите освоить профессию дизайнера интерьера и начать зарабатывать деньги, выполняя дизайн-проекты, мы рекомендуем вам прочитать нашу БЕСПЛАТНУЮ книгу «Как стать дизайнером интерьера», доступную по ссылке:

http://desclub-training.ru/kniga-des.html ?utm_source=web_site&utm_medium=article&utm_campaign=zvet_v_designe_interiera

 

desclub-training.ru

Цвет, психология и продуктовый дизайн

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

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

Факт 1: Цветовые предпочтения связаны с гендерными различиями

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

Самые любимые цвета мужчин и женщинСамые нелюбимые цвета мужчин и женщин

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

Факт 2: Использование цвета зависит от продукта или услуги

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

Веб-сайт G-shock

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

Факт 3: Цвет делает продукт узнаваемым

Цель дизайна продукта не просто быть понятным, но также быть доступным для обнаружения. Нашему мозгу всегда нравится сосредотачиваться на брендах, которые легко узнаваемы. Чтобы создать привлекательный и узнаваемый продукт, вы должны правильно использовать цвета, которые соответствуют вашим бизнес-идеям, индивидуальности, эмоциям и отличаются от ваших конкурентов. Многие исследования показали, что цвет является ключевым фактором, когда речь идет о прямых конкурентах. Использование цвета распространено в пищевой промышленности и ресторанном бизнесе, где дизайнеры используют внешний вид продукта, опираясь на уникальные цвета. Возьмем McDonald’s, KFC, Starbucks и другие знаменитые бренды, имеющие сеть заведений, в основном они фокусируются на своих уникальных цветах и дизайнах.

Как KFC использует цвета в своем приложенииКак McDonald’s использует цвета в своем приложенииКак Starbucks использует цвета в своем приложении

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

Как цвета влияют на дизайн?

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

Синий

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

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

Розовый

Розовый цвет – это цвет, который ассоциируется с конфетами и прочими сладостями. Чаще всего многие люди называют его «девчачьим цветом». Но розовый цвет не такой женственный, как вы думаете. Это цвет игривости и радости.

Черный

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

Часто люди говорят: «В черном цвете все выглядит круто». Поскольку этот цвет добавляет мощность и стиль.

Красный

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

Зеленый

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

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

Например:

1. Есть уродливые цвета, а есть красивые цвета
2. Цвета естественным образом упорядочены на цветовом круге
3. Люди видят цвет
4. Цветовые предпочтения строго индивидуальны

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

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

ux.pub

Практика И Теория Выбора Цвета В Веб-Дизайне / WAYUP

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

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

Теория цвета в несколько абзацев

При разработке сайта у нас есть 16,8 миллионов цветов на выбор. И все их приходится комбинировать и подбирать, а если представить, сколько вариантов таких комбинаций существует, то… это практически бесконечно. Но цвета имеют смысл. Представьте, вам дарят вашу любимую вещь. Вам приятно, вы рады. А теперь представьте, что вещь вещью, но цвет её – самый ненавистный вам. Например, оттенок смешения зеленого, желтого и серого. О, вы будете возбуждены, вы будете крепиться, но радость будет сходить «на нет».

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

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

В интернете, наоборот, используется RGB (красный, зеленый, синий) и его шестнадцатеричные значения.

RGB (59, 89, 145) или #3b599b – синий Facebook

RGB (0, 0, 0) или #000000 – черный

Каждые два символа в 16-тиречном коде обозначают основной цвет: красный – 3b, зеленый – 59, синий – 9b.

Холод-тепло

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

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

Температура

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

Оттенки и тени

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

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

Насыщенность, тон, свет

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

Цветовой тон определяет отличие от основного цвета радуги (их семь). То есть, например, «зеленовато-голубой». Ни тот, ни этот, но как раз тон.

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

Цветовые схемы

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

Проектирование макета цветов

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

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

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

Когда помощь необходима

Если же у вас возникли затруднения проектирования еще на нулевой стадии, то идеи цветовых решений всегда можно найти в интернете. Просто посетите сайт с цветовыми палитрами и настройте его под себя, а затем соберите нужные цвета и работайте с ними в Photoshop. Например, изучайте webdesign-inspiration или awwwards, сортируйте по цветам и находите вдохновение.

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

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

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

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

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

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

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

Цветовые профили

Но между тем, подбор палитры это еще полбеды. Наиболее актуальная тема в веб-дизайне –  выбор цветовых профилей. Мы немного касались этой темы ранее (ссылка в начале материала), но вот, что хотим отметить сейчас. Каждый монитор может быть откалиброван под определенный цветовой профиль. Делается это, например, в Windows 10 -> Панель управления -> Управление цветом. Соответственно, определенные цвета могут передаваться по-разному на разных мониторах.

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

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

Цвета Material UI

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

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

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

Заключение

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

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

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

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

wayup.in