Цветовая гамма и ее значение в дизайне
0 ∞ 1
Цветовой гаммой называется совокупность оттенков и цветов, которые гармонируют между собой, то есть, их можно использовать вместе для оформления интерьера, покраски автомобиля, или какого-либо другого предмета – в общем, для разработки дизайна, и они, сочетаясь между собой, не будут «мозолить глаза».
Подбор цветов является очень важной задачей, так как они могут непосредственно влиять на настроение человека и его физическое состояние: некоторые цвета имеют свойство раздражать нервную систему, а другие наоборот – успокаивают ее.
Даже существует такое направление в нетрадиционной медицине как «цветотерапия» — лечение и выявление некоторых психических расстройств с помощью цвета. Именно поэтому цветовая гамма, окружающая человека, не должна раздражать его, так как это влечет за собой нервное истощение и различные болезни.
- Тепло и холод
- Выбор цветовой гаммы
- Сочетание цветовой гаммы
- Зачем нужна таблица сочетания цветов
- Выбор цветовой гаммы для сайта
- Как работать с хроматическим кругом
Классификация цветовой гаммы, в зависимости от цветов и оттенков, которые они в себя включают, делится на две группы:
- Холодная цветовая гамма – это гамма, которая включает в себя цвета, ассоциирующиеся с холодом, снегом, льдом, глубиной;
- Теплая цветовая гамма – цвета, которые напоминают человеку о жаре, огне, лете, пустыне, солнце:
Существует несколько способов осуществить корректный подбор цветовой гаммы:
- Первый метод заключается в том, что выбирается какой-либо цвет, который является основным в композиции, и его дополняют более светлыми или темными оттенками – это, так называемый, «однотонный» тип оформления;
- Второй метод – выбор цветов, которые гармонизируют друг с другом и не являются оттенками одного цвета, в отличие от первого метода.
Этот способ можно рассмотреть на примере сочетания основных цветов радуги с другими:
Этот способ можно рассмотреть на примере сочетания основных цветов радуги с другими:- Третий метод – это выбор цветов, противоположных друг другу. Такое оформление является довольно ярким и броским, но, в тоже время, оно корректно в плане сочетания цветов. Например: салатовый и розовый, красный и зеленый, и т.д.
Для того чтобы правильно понять правила, по которым определяется сочетание цветовой гаммы, необходимо воспользоваться цветовым кругом (для наглядности). Существует несколько видов сочетания цветов:
- Монохромное сочетание. Подразумевает использование цветов из одного сектора круга:
- Комплементарное сочетание включает в себя два противоположных цвета, как показано на рисунке:
- Триадическое сочетание. Состоит из трех цветов, которые выбираются методом вписывания в круг равностороннего треугольника. Вершины будут указывать на гармонирующие между собой цвета:
- Прямоугольное сочетание. Основано на использовании двух противоположных цветов (комплементарных) и соответствующих им двух аналоговых:
Данные секреты помогут создать корректную совместимость цветовой гаммы без особого труда.
Просто нужно следовать правилам использования цветового круга.
Таблица сочетания цветов так же, как и цветовой круг, является удобным вспомогательным инструментом для дизайнера, так как в ней наглядно изображены группы гармонирующих друг с другом цветов:
Такая таблица совместимости цветовой гаммы дает возможность человеку, не владеющему дизайнерским талантом, правильно подобрать цвета для своего продукта, будь то деревянный комод или веб-сайт.
Ни для кого не секрет, что оформление сайта имеет такое же большое значение, как и его контент. Поэтому разработчик должен учитывать данный аспект, чтобы ресурс был успешным. Если цветовая гамма для сайта подобрана корректно, то она будет располагать к себе посетителя, что даст возможность удержать его на данном ресурсе.
К сожалению, не каждый человек может сходу правильно подобрать гамму. Для решения данной задачи существуют веб-ресурсы, которые предоставляют пользователю возможность подобрать цвета для своего сайта. Одним из таких является colory.
ru.
Выполнив следующие действия, можно с легкостью подобрать гамму для своего сайта:
- После перехода на сайт первым делом указывается основной цвет. Для этого необходимо передвинуть точку на нужный сектор:
- Далее нужно указать количество цветов, которое будет использоваться для оформления. В данном случае будет использовано три цвета:
- Также можно воспользоваться настройками меню из правого верхнего угла для выбора наиболее подходящего цветового оформления;
- Результатом работы сервиса является соотношение цветовой гаммы, а именно: подборка цветов, которые гармонируют друг с другом и сделают привлекательным сайт любой тематики:
Хроматический круг выступает вспомогательным инструментом для дизайнеров, перед которыми частенько возникает задача подбора цветовых гамм. В основе данного «устройства» лежат три основополагающих цвета: красный, желтый и синий:
Если попарно смешать основные цвета, то получатся еще три цвета: оранжевый, зеленый и фиолетовый.
Как видно на картинке, изображение хроматического круга формируется из цветов первого, второго порядка и промежуточных между ними.
Таким образом, если дизайнеру или любому другому человеку понадобиться подобрать цветовую гамму так, чтобы она была скомпонована из гармонирующих цветов, то ему пригодятся такие вспомогательные инструменты, как цветовой круг, хроматический круг, а также онлайн-ресурсы по составлению цветовых гамм.
ДИДмитрий Ивашкоавтор
Психология цветов (часть 2) — холодная цветовая гамма интерьера
Цветом мы можем воплощать свой характер, показать свою индивидуальность или настроение. Мы также можем создавать пространство вокруг себя, чтобы помочь себе, концентрации, расслаблению или, наоборот, в стимулировании к действию и позитивном взгляде в будущее.
Как влияет на нас цвета холодные? Прочитайте обязательно вторую часть статьи о психологии цвета, если Вы уже познакомились с первой частью.
Основной холодный — белый, который ассоциируется с легкостью, чистотой, стерильностью, а также невинностью.
Используя, соответственно, белый цвет можно зрительно увеличить интерьер, добавить ему легкости и свежести, однако слишком большое количество белого, может ослеплять и утомлять зрение, вызывая ощущение дискомфорта.
Подробнее о применении белого можно будет прочитать в этой статье.
Синий
СОДЕРЖАНИЕ
Синий — это цвет стабильности. Делает так, что кажется, словно время быстрее течет. Символизирует серьезность и доверие. Особенно синий ассоциируется с интеллектом, стабильностью, единством и консерватизмом.
В интерьере имеет успокаивающее и седативное действие. Часто используется в помещениях, в которых мы хотим отдохнуть и очиститься, то есть в гостиной и спальне.
Это также хороший выбор для детской комнаты – стоит только разбить спокойствие синего цветными, яркими аксессуарами, чтобы оживить интерьер.
Оттенки синего отлично смотрятся как на стенах, так и в аксессуарах – ткани, подушки, декорации.
Синева имеет множество оттенков, от светло-синего, до глубокой синевы – все они хорошо вместе смотрятся. Каждый из них отлично сочетается с другими цветами.
Бежевый смягчит холодность синего и красиво подчеркнет его очарование. Синие аксессуары идеально сочетаются с естественными цветами древесины.
Очень эффектный контраст можно создать, комбинируя с желтым, зеленым, розовым и красным.
Зеленый
Зеленый — это краски природы. Означает жизнь, рост, возрождение, здоровье и энергию. Имеет седативные свойства, помогает в концентрации, он также является цветом надежды.
Зелень идеально вписывается в любой дизайн. Часто является основой для обустройства гостиных и спален, куда вносит гармонию и спокойствие, позволяет отдохнуть и восстановиться.
Зеленый прекрасно подходит для комнаты школьника и студента, потому что это помогает сосредоточиться. А благодаря тому, что отлично сочетается с интенсивными цветами позволяет создавать позитивные, энергетические механизмы.
Темный бутылочный оттенок зеленого связывают с элегантными кабинетами в старом стиле, где этот цвет был отличным фоном для тяжелых, деревянных предметов мебели.
Бирюза
Бирюзовый — это колер оптимизма и позитивного подхода в будущем. Его любят люди творческие и практичные.
Бирюза — это сочетание синего и зеленого – то есть, внутреннего спокойствия и практического подхода к жизни.
Возникает в оттенках различной интенсивности, каждый из них имеет свой шарм. Бирюзовый очень хорошо подходит на стенах, однако, следует иметь в виду, что он может подавлять интерьер, поэтому лучшим решением является покраска одной, главной стены.
Бирюза отлично подходит в акцентах, красиво сочетается как с яркими цветами (белым и серым), так и с темными (гранат, графит, и бронз).
Его любят как женщины, так и мужчины, поэтому часто бирюзовый является лейтмотивом спальне.
Благодаря своей оптимистической энергии может быть это как раз то, что вам нужно для обустройства детской комнаты.
Сочетание расслабляющей зелени с благоприятной бирюзой, способствует идеальному дизайну детской для нескольких детей.
Фиолетовый
Фиолетовый испокон веков ассоциируется с силой и величием царей. Отождествляется с духовностью и благородством. Фиолетовый может усилить воображение и творческий потенциал, поэтому стоит окружить себя им на рабочем месте.
Прекрасно вписывается как в современные, так и классические интерьеры, подчеркивая их характер.
Следует помнить, однако, о том, чтобы не переусердствовать с количеством фиолетового и не подавлять помещения. А правильно подобранное сочетание придадут шик и элегантность в спальне, гостиной или кабинете.
Фиолетовый превосходно сочетается с белым, светлым бежем, серым и бронзой. Отличным контрастом могут быть, например, зеленые, синие или бирюзовые аксессуары.
Серый и серебристый
Серый
Серый олицетворяет нейтральность и баланс, а также консерватизм.
Оттенки серого являются актуальным предложением для современных интерьеров.
Может быть основным цветом, который преодолеют только небольшие цветовые акценты, подчеркнув немного интерьер и придав ему индивидуальный характер.
Мебель в цветах серого является феноменальной базой для более красочной аранжировки, потому что серый цвет идеально сочетается с большинством цветов, в теплой и холодной палитре красок.
Серебро
Серебро является более живым, чем серый, но и более холодным. Символизирует современность, часто богатство.
Мелкие серебряные акценты предлагают элегантность, поэтому стоит сохранять бдительность и не переусердствовать с количеством этого цвета.
Серебро хорошо сочетается с большинством цветов, однако конечный результат зависит от сбалансированности соотношения цветов, так как легко переборщить с серебристыми аксессуарами и испортить отличную аранжировку.
Невероятно шикарный эффект можно получить сочетая между собой серебряный и золотой — результатом будет шикарный интерьер оригинальными нотками.
применений и комбинаций • Silo Creativo
89 $
Все наши премиальные темы в наборе тем
ТемыПри выборе цветовой гаммы для наших дизайнов, нет абсолютной истины выбрать правильный, так как нет возможности ошибиться в выборе полностью (ну может такое и бывает 😉 ) Мы должны выбрать диапазон цветов, который лучше всего соответствует тому, что мы хотим отразить . И мы хотим отразить конкретную вещь, в зависимости от того, для кого предназначен дизайн. Как мы сказали: « вдохновение должно застать вас за работой, », так что давайте начнем с самого начала.
Объективность цвета
Мы знаем, что чувств больше, чем цветов, поэтому один и тот же цвет может напоминать нам разные чувства которые часто противоречат друг другу. Наглядный пример в минусе. Если мы думаем о красном, мы можем думать о «любви», о чувстве, которое соединяет, или об «огне», о чувстве, которое все разрушает. В зависимости от нашего настроения и нашего опыта одно из этих двух изображений будет появляться перед другим.
Если я говорю зеленый, то мы с вами, конечно же, видим не один и тот же зеленый цвет. Я знаю, что Мар Валенсуэла увидит бирюзово-зеленый, Рикардо Прието увидит зеленый Бетис (футбольная команда), и каждый человек, читающий эту статью, будет думать в другой цветовой схеме.
Таким образом, мы находим, что цвет, возможно, является более субъективным фактором при разработке . Но, как мы видели в статьях о цветах, все цвета имеют различные объективные факторы, которые должны помочь нам выбрать, какой диапазон цветов подходит для нашего дизайна. Нам нужно знать, какова функция нашего дизайна и аудитория, которой он адресован, и как только она будет прояснена, начать создавать дизайн для них. Например, если аудитория моего логотипа — дети, я буду использовать ряд ярких цветов, привлекающих их внимание; если вместо этого аудитория — это люди, которые пострадали от жестокого обращения, цвета будут пастельными и спокойными, возможно, голубыми, дающими необходимый им покой.
Когда у нас есть основной цвет, мы должны создать диапазон этого цвета, чтобы получить те цвета, которые так зависимы. Как и в типографике, есть комбинации, более подходящие, чем другие, и в цветах также есть диапазоны, более подходящие, чем другие, для конкретного дизайна. О шести цветах мы уже говорили в других статьях, поэтому запомним те, которые давали примеры цветовой гаммы. Что вы думаете?
ПРИМЕЧАНИЕ. В каждом из диапазонов отображаются номера веб-цветов (#), которые вы можете легко ввести в таких программах, как Illustrator или Photoshop.
ОРАНЖЕВЫЙ
Этот цвет связан с изменением . Это цвет современности, нового и необычного. Это не просто любой цвет. Хотя это не любимый цвет большинства людей, он нам нравится почти во всех дизайнах и рекламе. Каждый хочет быть другим и искать ту «вещь», которая делает нас разными, и именно это дает нам оранжевый цвет в дизайне. Это оригинальный цвет .
Оранжевая цветовая палитра
Этот диапазон даст нам теплота , в то время как он отмечает оригинальный символ, который мы можем использовать, если хотим выделиться среди конкурентов. Оранжевый прекрасно сочетается с зеленым , потому что они соединяют естественное с оригинальным, создавая место, где люди чувствуют себя комфортно. Мы также можем получить хороший диапазон цветов с землистыми тонами .
ЧЕРНЫЙ
Хотя многие это отрицают, черный — это цвет. На самом деле, это не просто любой цвет, а тот, который 9 мая0008 олицетворяет величайший страх из всех: смерть, и при этом остается самым элегантным цветом . В большинстве случаев ему сопутствуют негативные коннотации, поскольку многие худшие события человечества описываются как черные. Однако ситуация изменилась, и теперь черный цвет означает роскошь, элегантность и эксклюзивность . Это ярчайший пример смены трендов.
Черная цветовая палитра
Будучи таким специфическим цветом, чаще всего мы используем его в дизайне один, подчеркивая это ощущение роскоши. Однако он сочетается со всеми цветами, хотя это рискованно в зависимости от того, что вы разрабатываете . В большинстве случаев черный сочетается с белым.
СИНИЙ
Если бы мы говорили, что цвета представляют собой противоречивые чувства, синий является исключением, так как он не относится ни к какому отрицательному чувству . Это цвет, который повсюду: дома, на одежде, в дизайне… Единственное место, где мы не находим этот цвет, — это еда. Хотя это классный цвет, он также подразумевает тишину и покой , поэтому холодность можно убрать с помощью сопоставления других цветов. Это самый легкий цвет для запоминания, и он нравится большинству людей.
Синяя цветовая палитра
Возможно, это цвет с наибольшим числом возможных .
Только с синими оттенками мы можем получить идеальный диапазон цветов для наших дизайнов. Синий тоже очень легко сочетается с зеленым и красным . Взяв зеленый и синий и выбрав три цвета, которые развиваются между ними, мы получим идеальный диапазон цветов. Это также цвет, который можно использовать в самых разных областях. мы могли бы говорят, что вы почти никогда не ошибетесь с этим цветом.
КРАСНЫЙ
Самый популярный цвет во всем мире. Хотя это не наш любимый цвет, нормально думать о красном, так как это первый цвет, который мы видим. Это цвет красок, цвет страсти и рекламы . Красный — это цвет, который представляет чувства, поэтому люди отождествляют себя с ним. Красный — это сила, страсть… и хотя это также и гнев, если мы правильно его используем, мы можем контролировать этот гнев.
Красная цветовая палитра
Это очень привлекательный цвет в дизайне, хотя мы можем использовать его с различными цветами, он также подходит для использования отдельно или в сочетании с белым.
Тем не менее, он идеально сочетается с зеленым , серым … Красный обладает большой силой, поэтому, если мы объединим его с серым, он сохранит и подчеркнет его силу. Наоборот, если мы объединим его с зеленым, его сила уменьшится. Это хорошо в тех случаях, когда использование красного цвета может быть насильственным. Мы думаем, что красный — это наш цвет, и мы комбинируем его с белым и серым, потому что нам нравится сила, которую он передает.
ЗЕЛЕНЫЙ
Больше, чем просто цвет, это чувство . Когда мы думаем о зеленом, мы представляем себе естественное; это цвет, который нравится людям. Это цвет, который находится посередине, поэтому он передает приятные чувства; ни холодно ни жарко. Это цвет здоровья и здоровья. Но это также и цвет незрелости, отсутствия опыта. Хотя он имеет некоторые негативные коннотации, например, быть ядовитым, он не ассоциируется с плохим, что делает зеленый очень популярный цвет .
Зеленая цветовая палитра
Сочетается с серией землистых цветов . Коричневый, оранжевый или бежевый напоминают нам о натуральности и согревают. Все эти цвета дарят нам тепло и уют, напоминают о местах, где мы уже были и которые нам нравятся. Это диапазон цветов, используемый дома . Более того, как было сказано в синем, они идеально сочетаются.
ЖЕЛТЫЙ
Это, пожалуй, самый нестойкий цвет . Только с оттенком красного становится оранжевым, а синий с оттенком зеленого. Более того, как мы уже говорили, это один из цветов, которые представляют смешанные чувства. Это цвет оптимизма, но также и зависти, гнева… Некоторые бренды используют его, но это рискованный цвет в дизайне, потому что он небезопасен.
Желтая цветовая палитра
Хотя использовать ее отдельно опасно, желтый идеально сочетается с оранжевыми или красноватыми цветами . Они формируют гамму цветов заката и восхода солнца.
Используя этот диапазон, мы получаем необходимый нам оптимизм. Также часто можно увидеть желтый с синим, поскольку переход между ними стабилен, поскольку зеленый представляет собой смесь обоих.
Важно сделать объективный выбор основного цвета и, исходя из этого, следовать указаниям до диапазона цветов, который соответствует нашей цели. Мы знаем значение цветов и то, что они представляют, и это ключ к их выбору. Есть смешанные чувства, которые связаны благодаря появлению двух цветов, так много раз один и тот же цвет отображается в разных цветовых гаммах. Это лишь некоторые из них, но мы поговорим о них подробнее в следующих статьях!
Значение цвета — Smashing Magazine
- 17 минут чтения
- Дизайн, Цвета, Теория цвета, Принципы дизайна, Графический дизайн
- Поделиться в Twitter, LinkedIn
Об авторе
Кэмерон Чепмен — профессиональный веб-дизайнер и графический дизайнер с более чем 6-летним опытом работы.
Она пишет для ряда блогов и является автором The Smashing…
Больше о
Кэмерон ↬
В дизайне мало вещей более субъективных — или более важных — чем использование цвета. Цвет, который может вызвать одну реакцию у одного человека, может вызвать противоположную реакцию у другого из-за культуры, прежних ассоциаций или даже просто личных предпочтений. Получайте обновления по электронной почте о следующих статьях.
Теория цвета сама по себе является наукой и искусством, на котором некоторые строят всю карьеру в качестве консультантов по цвету или иногда консультантов по брендам. Знание того, как цвет влияет на большинство людей, является невероятно ценным опытом, который дизайнеры могут освоить и предложить своим клиентам.
Но это не так. Такая простая вещь, как изменение точного оттенка или насыщенности цвета, может вызвать совершенно другое чувство.
Культурные различия могут усугубить эти эффекты: оттенок счастья и воодушевления в одной стране становится удручающим в другой.
Это первая книга из трех частей по теории цвета. Здесь мы обсудим значения различных цветовых семейств и приведем несколько примеров использования этих цветов (с небольшим анализом каждого). Во второй части мы поговорим о том, как оттенок, цветность, насыщенность, насыщенность, тона, оттенки и оттенки влияют на то, как мы воспринимаем цвета. А в части 3 мы обсудим, как создавать эффективные цветовые палитры для ваших собственных дизайнов.
Еще после прыжка! Продолжить чтение можно ниже ↓
Теплые цвета
К теплым цветам относятся красный, оранжевый и желтый, а также варианты этих трех цветов. Это цвета огня, осенних листьев, закатов и восходов, обычно они заряжают энергией, страстностью и позитивом.
Красный и желтый являются основными цветами, а оранжевый находится посередине (что делает его второстепенным цветом), что означает, что все теплые цвета действительно теплые и не создаются путем комбинирования теплого цвета с холодным.
Используйте теплые цвета в своих проектах, чтобы отразить страсть, счастье, энтузиазм и энергию.
Красный (основной цвет)
Красный — очень горячий цвет. Он ассоциируется с огнем, насилием и войной. Это также связано с любовью и страстью. В истории он был связан как с Дьяволом, так и с Купидоном. Красный на самом деле может оказывать физическое воздействие на людей, повышая кровяное давление и частоту дыхания. Было показано, что он также улучшает метаболизм человека.
Красный может ассоциироваться с гневом, но также ассоциируется с важностью (подумайте о красной ковровой дорожке на церемониях вручения наград и мероприятиях со знаменитостями). Красный также указывает на опасность (причина, по которой стоп-сигналы и знаки красные, а предупреждающие надписи часто красные).
За пределами западного мира красный цвет вызывает другие ассоциации. Например, в Китае красный цвет — цвет процветания и счастья. Его также можно использовать для привлечения удачи. В других восточных культурах невесты надевают красный цвет в дни свадьбы.
Однако в Южной Африке красный — цвет траура. Красный также ассоциируется с коммунизмом.
Красный цвет стал символом осведомленности о СПИДе в Африке из-за популярности кампании [RED].
В дизайне красный цвет может быть ярким акцентом. Он может иметь ошеломляющий эффект, если его слишком много использовать в дизайне, особенно в чистом виде. Это отличный цвет для использования, когда сила или страсть хотят быть изображены в дизайне. Тем не менее, красный цвет может быть очень универсальным: его более яркие версии более энергичны, а более темные оттенки более мощные и элегантные.
Примеры
Ярко-красный цвет иллюстрации на главной странице сайта Nacache Design придает странице массу энергии и яркости. Ярко-розово-красный фон на веб-сайте Ming Lab привлекает внимание и вызывает страстность. (2010) Приглушенный красный цвет на сайте Startup Lab энергичен, но не агрессивен. (2010) На веб-сайте Bigsound Buzz используется монохромный дизайн различных оттенков и тонов красного, что в данном случае придает маково-ретро-атмосферу.
(2010) На веб-сайте Build in Amsterdam используется ярко-красный акцентный цвет, который сразу привлекает внимание к середине страницы. (2010)Оранжевый (вторичный цвет)
Оранжевый — очень яркий и энергичный цвет. В своих приглушенных формах он может ассоциироваться с землей и с осенью. Из-за своей связи со сменой времен года оранжевый цвет может символизировать изменение и движение в целом. Оранжевый также тесно связан с творчеством.
Поскольку апельсин ассоциируется с одноименным фруктом, он может ассоциироваться со здоровьем и жизненной силой. В дизайне оранжевый привлекает внимание, не будучи таким подавляющим, как красный. Его часто считают более дружелюбным и привлекательным, и менее неприятным.
Примеры
Яркая и смелая домашняя страница Bitter Renter в полной мере использует энергию, которую оранжевый цвет может привнести в дизайн. Темно-оранжевый крупный шрифт We Are Not Sisters сразу же производит впечатление. (2010) Тонкое использование оранжевого цвета Milk Street Кристофера Кимбалла в качестве акцентного цвета показывает, что его можно использовать в более элегантных и консервативных дизайнах.
(2010) Sbjct смешивает тонкий персиковый цвет с темно-оранжевым для более монохроматического дизайна, в котором все еще много энергии. (2010) Робин Де Ниро также использует очень светлый персиковый фон с двумя оттенками оранжевого для типографики в гораздо более сдержанном дизайне.Желтый (основной цвет)
Желтый часто считается самым ярким и энергичным из теплых цветов. Он ассоциируется со счастьем и солнечным светом. Однако желтый также может ассоциироваться с обманом и трусостью (назвать кого-то желтым — значит назвать его трусом).
Желтый также ассоциируется с надеждой, что можно увидеть в некоторых странах, когда семьи, чьи близкие находятся на войне, демонстрируют желтые ленты. Желтый тоже ассоциируется с опасностью, хотя и не так сильно, как красный.
В некоторых странах желтый цвет имеет совсем другое значение. В Египте, например, желтый цвет означает траур. В Японии он олицетворяет мужество, а в Индии это цвет торговцев.
Ярко-желтый цвет в вашем дизайне может придать ощущение счастья и бодрости.
Мягкие желтые обычно используются в качестве гендерно-нейтрального цвета для младенцев (а не синего или розового) и маленьких детей. Светло-желтые также дают более спокойное ощущение счастья, чем ярко-желтые. Темно-желтые и золотисто-желтые цвета иногда могут выглядеть старинными и использоваться в дизайнах, где требуется ощущение постоянства.
Примеры
Не-совсем-настоящий-желтый цвет чайника живой и яркий, но не подавляющий. (2010)Deskpass использует немного более темный желтый цвет, что придает ему привлекательный, но слегка приглушенный вид. (2010) В Toyfight используется яркий фон золотарника, но в остальном их дизайн остается простым и понятным. Веб-сайт Milano Contract District простой и минималистичный, и все влияние дизайна исходит от ярко-желтого фона. Susa Ventures использует оттенок золотарника как акцентный цвет в их типографике с большим эффектом.Прохладные цвета
К холодным цветам относятся зеленый, синий и пурпурный, они часто более приглушенные, чем теплые цвета.
Это цвета ночи, воды, природы, обычно успокаивающие, расслабляющие и несколько сдержанные.
Синий — единственный основной цвет в холодном спектре, а это означает, что другие цвета создаются путем сочетания синего с теплым цветом (желтый для зеленого и красный для фиолетового).
Из-за этого зеленый приобретает некоторые свойства желтого, а фиолетовый — некоторые свойства красного. Используйте холодные цвета в дизайне, чтобы создать ощущение спокойствия или профессионализма.
Зеленый (дополнительный цвет)
Зеленый — очень приземленный цвет. Он может представлять новые начинания и рост. Это также означает обновление и изобилие. В качестве альтернативы, зеленый может также представлять зависть или ревность, а также недостаток опыта.
Зеленый обладает многими успокаивающими свойствами, что и синий, но он также включает в себя энергию желтого. В дизайне зеленый может иметь уравновешивающий и гармонизирующий эффект и очень стабилен.
Подходит для дизайна, связанного с богатством, стабильностью, обновлением и природой.
Ярко-зеленые более энергичны и ярки, в то время как оливково-зеленые более характерны для мира природы. Темно-зеленые — самые стабильные и олицетворяют достаток.
Примеры
На сайте «Память — наша родина» используется сине-зеленый оттенок, усиленный желтой типографикой, но не слишком яркий. На сайте Rhythm of Food используется ярко-зеленый цвет, который идеально подходит для сайта, связывающего еду и информацию. Насыщенный темно-зеленый цвет станет отличным акцентным цветом на веб-сайте элегантного ресторана, такого как Le Farfalle Osteria’s. (2010) Веб-сайт Анны Розы Крау имеет мягкий шалфейно-зеленый фон, который работает почти как нейтральный для этого портфолио. Ярко-зеленый фон HelloMind омолаживает и дает ощущение роста (в соответствии с их продуктом для улучшения работы вашего мозга). Studio Лаймово-зеленые акценты Farquhar выглядят эффектно и современно и выделяются своей минималистской компоновкой.Синий (основной цвет)
В английском языке синий часто ассоциируется с грустью.
Синий также широко используется для обозначения спокойствия и ответственности. Светло-голубой может быть освежающим и дружелюбным. Темно-синие более прочные и надежные. Синий также ассоциируется с миром и имеет духовные и религиозные коннотации во многих культурах и традициях (например, Дева Мария обычно изображается в синих одеждах).
Значение синего сильно зависит от точного оттенка и оттенка. В дизайне точный оттенок синего, который вы выберете, окажет огромное влияние на восприятие вашего дизайна. Светло-голубой часто расслабляет и успокаивает. Яркий синий может заряжать энергией и освежать. Темно-синий, как и темно-синий, отлично подходит для корпоративных сайтов или дизайнов, где важны прочность и надежность.
Примеры
Ярко-синий фон главной страницы веб-сайта с результатами исследования Future of Design выделяется и затем используется в качестве акцентного цвета на остальной части сайта. (2010) Versett использует ярко-синий в качестве основного цвета на своем веб-сайте, а также ряд других ярких оттенков, чтобы различать разные разделы.
(2010) На веб-сайте Deep Mind в качестве фона используются различные оттенки синего, что придает сайту авторитетный и заслуживающий доверия вид. (2010)Фиолетовый (дополнительный цвет)
В древние времена красители, используемые для создания фиолетовых оттенков, добывались из улиток и были очень дорогими, поэтому их могли позволить себе только члены королевской семьи и очень богатые люди.
Фиолетовый — это сочетание красного и синего цветов, обладающее некоторыми свойствами обоих. Это также связано с творчеством и воображением.
В Таиланде фиолетовый — цвет траура по вдовам. Темно-пурпурный традиционно ассоциируется с богатством и королевской властью, а более светлый пурпурный (например, лавандовый) считается более романтичным.
Темно-фиолетовый цвет в дизайне может придать ощущение богатства и роскоши. Светло-фиолетовые мягче и ассоциируются с весной и романтикой.
Примеры
Первый проект в портфолио Филиппо Белло использует фиолетовую цветовую гамму, которая создает ощущение творчества.
(2010) На сайте документального фильма «Единый общий дом» используются яркие оттенки фиолетового и ярко-розовые акценты, чтобы придать ощущение энергии, творчества и воображения. и привлекает внимание к важным элементам страницы, таким как кнопки. Темно-фиолетовые оттенки веб-сайта Orbit создают ощущение изысканности, соответствующей их искусственному интеллекту. Фиолетовый — идеальный оттенок для такого творческого мероприятия, как KIKK Festival 2016.Нейтральные цвета
Нейтральные цвета часто служат фоном в дизайне. Они обычно сочетаются с более яркими акцентными цветами. Но их также можно использовать самостоятельно в дизайне и создавать очень сложные макеты. Значения и впечатления от нейтральных цветов гораздо больше зависят от цветов, которые их окружают, чем от теплых и холодных цветов.
Черный
Черный — самый сильный из нейтральных цветов. С положительной стороны, это обычно ассоциируется с силой, элегантностью и формальностью. С отрицательной стороны это может быть связано со злом, смертью и тайной. Черный — традиционный цвет траура во многих западных странах. Это также связано с восстанием в некоторых культурах, а также связано с Хэллоуином и оккультизмом.
Черный цвет, используемый не только в качестве акцента или текста, обычно используется в более смелых, а также очень элегантных дизайнах. Он может быть как консервативным, так и современным, традиционным или нетрадиционным, в зависимости от цветов, с которыми он сочетается. В дизайне черный обычно используется для типографики и других функциональных частей из-за его нейтральности. Черный может помочь передать ощущение изысканности и загадочности в дизайне.
Примеры
Выцветший черный (технически темно-серый, но достаточно близкий к черному, что имеет смысл классифицировать его как таковой) веб-сайта DUA прекрасно работает в таком минималистичном дизайне. (2010) Черный фон Общества анонимных гамбургеров — идеальный холст для удивительных фотографий еды на сайте. анонимный гамбургерНа многих изображениях в портфолио Тимоти Сакченти преобладает черный цвет, который также является цветом прозрачного меню, что придает всему сайту резкий, современный вид.
(2010) Минималистичный дизайн с использованием черного цвета в качестве акцента придает сайту Heco суперсовременный вид. Черный оттенок, использованный здесь вместе с анимацией, придает сайту резкий, почти жуткий вид.Белый
Белый находится на противоположном конце спектра от черного, но, как и черный, он может хорошо сочетаться практически с любым другим цветом. Белый часто ассоциируется с чистотой, непорочностью и добродетелью. На Западе невесты в день свадьбы обычно надевают белое. Это также связано с индустрией здравоохранения, особенно с врачами, медсестрами и стоматологами. Белый ассоциируется с добром, и ангелы часто изображаются белыми.
Однако на большей части Востока белый цвет ассоциируется со смертью и трауром. В Индии это традиционно единственный цвет, который разрешено носить вдовам.
В дизайне белый обычно считается нейтральным фоном, который позволяет другим цветам в дизайне звучать громче. Тем не менее, он может помочь передать чистоту и простоту и популярен в минималистском дизайне.
Белый цвет в дизайне также может изображать либо зиму, либо лето, в зависимости от других дизайнерских мотивов и цветов, которые его окружают.
Примеры
Black & Wood использует белый цвет как в качестве фона, так и в качестве акцента (например, в типографике), что придает сайту очень чистый вид. (2010) В основном белый фон веб-сайта Нуно Коэльо Сантоса вносит свой вклад в современную эстетику. На веб-сайте Skylark использовалась белая типографика, чтобы придать сайту ощущение чистоты, не переходя к минималистскому дизайну. (2010) Spent использовал белую типографику, чтобы придать сайту современный, но мягкий вид. (2010) Dwell использует белый цвет в качестве акцента на своей странице-заставке, очень уникальный, но эффективный выбор для чего-то, что включает призыв к действию. (2010)Серый
Серый — нейтральный цвет, который обычно считается холодным концом цветового спектра. Иногда его можно считать капризным или депрессивным. Вместо белого в некоторых дизайнах можно использовать светло-серый цвет, а вместо черного — темно-серый.
Серый, как правило, консервативный и формальный, но может быть и современным. Иногда его считают цветом траура. Он обычно используется в корпоративном дизайне, где формальность и профессионализм являются ключевыми. Это может быть очень изысканный цвет. Чистые оттенки серого — это оттенки черного, хотя другие оттенки серого могут иметь примеси синих или коричневых оттенков. В дизайне очень распространен серый фон, как и серая типографика.
Примеры
Веб-сайт Round очень современный, с различными оттенками серого, используемыми для обозначения различных разделов сайта. (2010) Серый фон на веб-сайте For Office Use Only настолько тонкий, что кажется почти белым, и придает сайту очень современный вид. (2010) На веб-сайте Shinola Грей приобретает утонченный, но приземленный вид. (2010) В сочетании с современной типографикой серый цвет приобретает современный вид. (2010) Серый — идеальный фоновый цвет для портфолио иллюстраций. (2010)Коричневый
Коричневый ассоциируется с землей, деревом и камнем.
Это полностью естественный цвет и теплый нейтральный цвет. Коричневый может ассоциироваться с надежностью и надежностью, стойкостью и приземленностью. Его также можно считать скучным.
В дизайне в качестве фона обычно используется коричневый цвет. Это также видно в текстурах дерева, а иногда и в текстурах камня. Это помогает придать дизайну ощущение тепла и полезности. Иногда он используется в своих самых темных формах в качестве замены черного, будь то фон или типографика.
Примеры
Trefecta использует теплый коричневый цвет в качестве акцентного цвета для кнопок и CTA, что является неожиданным выбором, учитывая современность остального дизайна. (2010) Кремовый фон и коричневая типографика сайта-портфолио Ясухиро Ёкоты теплые и землистые, но при этом служат просто хорошим фоном для дизайнерских работ в виде оттенков серого. Парикмахерская Off & On использует различные коричневые элементы для большей части своего сайта. сайт, придавая ему старомодный вид. (2010) Веб-сайт Умберта Чессари использует различные оттенки коричневого для цветовых акцентов, что придает ему землистую привлекательность.
(2010) Веб-сайт Green Rebel использует коричневый цвет для большей части своей типографики и графики, а также в некоторых текстурах, придавая ощущение органичности. (2010)Beige and Tan
Beige несколько уникален в цветовой гамме, так как может принимать холодные или теплые тона в зависимости от окружающих цветов. Он сочетает в себе теплоту коричневого и прохладу белого, и, как и коричневый, иногда кажется скучным. В большинстве случаев это консервативный цвет, который обычно используется для фона. Он также может символизировать благочестие.
Бежевый цвет в дизайне обычно используется в качестве фона и обычно встречается на фоне с текстурой бумаги. Он примет характеристики окружающих его цветов, то есть сам по себе мало повлияет на окончательное впечатление, которое дизайн производит при использовании с другими цветами.
Примеры
На веб-сайте People Map используется более золотистый оттенок загара, что придает сайту высококлассный вид, особенно в сочетании с типографикой.
(2010) На веб-сайте La Pierre Qui Tourne используются различные оттенки коричневого цвета в качестве основной цветовой палитры, а также несколько очень ярких цветов для очень забавного дизайна. Сайт Mile Inn сочетает в себе современную типографику с бежево-черной цветовой палитрой для сайта, который чувствует себя ретро и бедро. (2010) Коричневый акцент, использованный на этом сайте, совершенно неожиданный и придает ему вид модерна середины века.Кремовый и цвет слоновой кости
Цвет слоновой кости и кремовый — изысканные цвета, сочетающие теплоту коричневого и прохладу белого. Обычно они тихие и часто вызывают ощущение истории. Слоновая кость — спокойный цвет с некоторой чистотой, связанной с белым, хотя он немного теплее.
В дизайне слоновая кость может придать сайту ощущение элегантности и спокойствия. В сочетании с землистыми цветами, такими как персиковый или коричневый, он может приобретать землистый оттенок. Его также можно использовать для осветления более темных цветов без резкого контраста с использованием белого.