Сочетания цветов подбор – Подбор цветов и генерация цветовых схем

Содержание

Подбор цветов и генерация цветовых схем

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

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

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

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

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

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

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

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

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

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

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

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

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

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

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

Значение оттенка основного цвета. Кликните для ввода числового значения.

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

Значение RGB основного цвета. Кликните для ввода числового значения.

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

Значения RGB основного цвета.

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

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.

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

Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.

URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.

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

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

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

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

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

Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.

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

colorscheme.ru

15 генераторов по подбору цвета

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

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

В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.

Русские сервисы сочетания цветов

  1. colorscheme — цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
  2. In colour balance — всевозможные цветовые палитры, выделенные из лучших образцов фото.
  3. colorup.tikkurila — помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
  4. Color Adobe — сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его сэту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
  5. Генератор цветовых схем

Англоязычные сайты по подбору цвета

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

  1. Random Material Generator — название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
  2. Material Mixer — позволяет смешать и посмотреть сочетания двух цветов.
  3. Colorhunter — готовые цветовые решения.
  4. Palette Generation — генерация оттенков цвета.
  5. Material Palette — выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
  6. Colorotate — воспользуйся конусом для создания собственной цветовой схемы.
  7. Colorblender — Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
  8. Colorspire — еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
  9. Paletton — подбор сочетания цветов в зависимости от разных цветовых систем.
  10. Colorexplorer  — двигайте ползунки и выбирайте схему!

vgrafike.ru

Полезные сервисы подбора цветов для сайтов и UX-дизайна

Цвет – один из самых важных элементов в работе дизайнера. Но его, как концепцию, довольно сложно освоить: из-за множества комбинаций палитр зачастую трудно решить, каким образом лучше оформить интерфейс веб-страниц и приложений. Ранее мы публиковали обзоры инструментов по выбору сочетания цветов и генераторов палитр. А сегодня хотим расширить тему, разместив в блоге перевод статьи Essential Color Tools for UX Designers от Nick Babich.

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

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

1. Ищем вдохновение

Краски природы

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

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

Behance

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

Dribbble Colors

Dribbble – одна из лучших социальных сетей для дизайнеров, которая пригодится при создании пользовательского интерфейса. Если вы желаете визуально понять, каким образом другие специалисты использовали конкретный цвет, откройте страницу по ссылке dribbble.com/colors и укажите нужное значение.

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

Попробуйте указать минимальный процент определенного цвета в Dribbble

Designspiration

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

В Designspiration найдете разные примеры цветовых комбинаций

Tineye Multicolr

С помощью сервиса подбора цвета Tineye Multicolr сможете определить желаемую гамму изображения и даже задать процент каждого из них (соотношение). Сайт интегрирован с базой данных, состоящей из 20 млн фоток Creative Commons от Flickr. Это определенно один из самых быстрых способов найти бесплатные картинки в идеальной палитре.

Colorzilla

ColorZilla – расширение для установки в браузерах Chrome и Mozilla Firefox. Оно включает в себя такие инструменты, как «пипетка», функции просмотра палитр, создания CSS-градиентов и многое другое.

Расширение ColorZilla доступно в Chrome и Firefox

Shutterstock Spectrum

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

Причем вам не потребуется подписка, поскольку предварительной оценки картинки будет вполне достаточно (даже несмотря на то, что на ней присутствует «водяной знак») .

W3Schools

Недавно в блоге рассматривали подборку инструментов по веб-цветам в дизайне от W3Schools. Там собрано очень много информации по теме, начиная от их названий/кодов оттенков, теории сочетания палитр и заканчивая описанием разных форматов: HEX, RGB, CMYK, HWB и др. Также найдете простенькие генераторы, конверторы и тому подобные «мини-сервисы». В целом, интересно посмотреть.

2. Создаем цветовую палитру

Material Design Color Tool

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

Coolors

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

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

Цветовая схема в Coolors на основе фото 

Adobe Color CC

Сервис подбора цвета Adobe Color CC (ранее Kuler), сейчас довольно популярен. Он находится в свободном доступе в интернете, но существует также и десктор-версия. С помощью данного веб-приложения вы сделаете свою палитру, используя цветовой круг:

Проект позволяет создать/сохранить палитру из 5 значений

А можете получить определенный результат из готового изображения:

Подбор цвета для сайта по картинке

Здесь есть сотни готовых комбинаций, ищите их в разделе «Смотреть»:

Если пользуетесь десктоп-версией, то сможете в один клик экспортировать созданную вами цветовую систему в графические редакторы InDesign, Photoshop и Illustrator.

Paletton

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

Color Reference

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

3. Делаем палитру доступной

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

WebAIM Color Contrast Checker

Одни тона прекрасно сочетаются друг с другом, другие же – совсем наоборот. Огромное количество проектов не проходят тест А/А, и это факт. Очень важно проверять визуальное оформление интерфейса и контрастность тонов, особенно если на странице много текста. Для этих целей используйте WebAIM Color Contrast Checker при подборе цветов сайта.

WebAIM Color Contrast Checker – веб-инструмент, с помощью которого проверяются цветовые коды в шестнадцатеричных значениях.

Coolors

О данном сервисе мы уже упоминали выше. Кроме всего прочего Coolors также поможет вам проверить придуманную палитру на цветовую слепоту.

Тип цветовой слепоты в схеме

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

Так человек с протаномалией видит палитру

NoCoffee Vision Simulator для Chrome

С помощью сайта NoCoffee Vision Simulator сможете просмотреть, как люди с цветовой слепотой или слабым зрением будут воспринимать определенные веб-страницы. Например, указав параметр «Ахроматопсия» в секции «Color Deficiency», вы увидите веб-страницу в сером цвете.

Так выглядит проект CNN для человека с дейтеранопией

Заключение

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

design-mania.ru

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

· Инструмент для подбора цветов и генерации цветовых схем ·

Теория Цвета

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

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

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

Во-первых, давайте разберёмся в терминологии, чтобы убедиться, что вы не потеряете нить рассуждений в процессе чтения статьи. Все мы знаем, что первичными (primary) цветами являются красный, жёлтый и синий. Для того, чтобы получить вторичные (secondary) цвета, мы смешиваем один цвет с другим. Жёлтый и красный дают нам оранжевый, красный и синий — пурпурный/лиловый, а синий и жёлтый — зелёный. А что такое третичные (tetriary) цвета? Просто берётся первичный цвет и к нему добавляется соседний вторичный. Это означает, что существует шесть третичных цветов (по два цвета от каждого первичного цвета). Рис. А демонстрирует все описанные цвета во всей их красоте.

Рис. А.: для того, чтобы научиться подбирать великолепные цветовые схемы, для начала знать о трёх типах цветов.

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

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

Подбор цветов с помощью цветового круга

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

Рис. С: На цветовом круге существует четыре возможных триады цветов

Но триадами не стоит ограничиваться. Можно выбрать и комплементарные (complementary) цвета, т.е. те цвета, которые расположены в круге прямо напротив друг друга — например, красный и зелёный. Они называются комплементарными/дополняющими потому, что будучи помещёнными рядом, они делают друг друга ярче и живее, см. рис. D.

Рис. D.: цвета, противоположные друг другу на круге называются комплементарными/дополняющими

Примечание: от латинского «Complementum» — термин переводится как «дополняющий/дополнительный», в более современной литературе как «комплИментарный», и как «комплЕментарный» в равных пропорциях. Последний вариант мы считаем правильным.

Различные варианты

На этом этапе мы уже можем приступить к более сложным комбинациям. Например, можно взять две пары комплементарных цветов, что называется «двойной комплемент» (double complement). Скажем, жёлтый и пурпурный/лиловый, и синий и оранжевый. Другой схемой является альтернативный комплемент (alternate complement), когда комбинируется триада цветов с цветом, комплементарным одному из цветов триады. Зелёный, красно-пурпурный, красный и оранжевый — пример такой комбинации. Также существует «расщеплённый комплемент» (split complement), когда берётся цвет, его комплементарный цвет и два прилегающих к нему цвета.

И наконец, вы наверное слышали о тетраде: когда берутся четыре цвета, которые расположены прямо напротив друг друга. Т.е. выбираются 1 первичный, 1 вторичный и два третичных цвета. На рис. Е. Показаны примеры вышеперечисленных схем.

Рис. Е.: эти схемы вдохнут жизнь в любой веб-сайт

Всё семейство

И так, мы перебрали все возможные комбинации контрастирующих цветов. Теперь обратимся к двум типам схем, где используются родственные цвета — монохроматической (monochromatic) и аналогичной/сходственной (analogous). Монохроматичный набор цветов, как свидетельствует его название, использует один цвет и все его оттенки и вариации. При правильном использовании, эта схема может придать веб-сайту аккуратный, чистый вид. Аналогичная схема цветов с другой стороны использует цвета, которые расположены по соседству друг с другом на цветовом круге. Как можно судить по рисунку F. аналогичная схема весьма похожа на монохроматическую.

Рис. F.: «Аналогичная» схема очень напоминает монохроматическую

Итак, всё вместе

Теперь, когда мы вывалили вам на голову столько комбинаций цветов, считаем своим долгом дать несколько предостережений. Первое и самое главное: цветовые схемы, упомянутые здесь, сами по себе могут и не сработать. Вам по-прежнему придётся кое-что поменять в цветах (насыщенность или яркость), чтобы они «ужились». Приведённые здесь схемы — лишь отправная точка, а не вершина мастерства. Ведь в конечном счёте решающим фактором будет читаемость текста на веб-сайте и его внешний вид (look and feel). Чтобы увидеть, как цвета уживаются друг с другом, дизайнеры советуют воспользоваться любой графической программой, где есть функция «слои», и сравнить различные варианты схем, переключаясь между ними. Например, на рис. G, одни комбинации работают нормально, в то время как другие требуют дополнительной обработки.

Рис. G.: не всякая комбинация годится в дело

Заключение

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

colorscheme.ru

Цветовой круг и правила сочетания цветов в одежде

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

 

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

 

 

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

 

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

 

 

Как использовать цветовой круг

 

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

 

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

 

 

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

 

 

Создание цветовой гармонии

 

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

 

 

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

 

 

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

 

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

 

 

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

 

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

 

 

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

 

 

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

 

 

 

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

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

 

 

 

 

Правильное сочетание цветов в одежде

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

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

 

 

 

 

 

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

 

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

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

 

 

 

Пробуем комбинировать цвета — советы стилистов

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

 

Учитываем стиль

 

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

 

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

 

 

 

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

 

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

 

 

 

 

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

 

 

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

 

 

 

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

 

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

 

 

 

 

 

 

 

feminissimo.ru

Учимся подбирать цвета. Работа с цветовым кругом

С детства мы усваиваем правила сочетания цветов, вроде «черный подходит ко всему», или «розовое с зеленым — ужасно» (это еще Чехов разъяснил, хотя, если судить по модным показам, нынешней весной это сочетание будет на пике актуальности). Так как эти вещи усваиваются в бессознательном возрасте, потом, уже будучи в сознательном, мы не размышляем, почему плохо зеленый с розовым, и правда ли черный подходит ко всему, зато активно пользуемся усвоенными сочетаниями и избегаем цветов, про которые ничего не знаем. И если даже купим такую вещь, то потом она пылится в шкафу.
Два года назад я в каком-то странном порыве купила изумрудно-зеленые джинсы, с чем их сочетать кроме черного и белого, я тогда решительно не знала. Теперь для этих джинсов у меня есть 1)прекрасный бордовый свитер, серый кардиган+белая рубашка, 3) сиреневая футболка принтом, 4) рыжие сапоги, правда, пока я все это нашла, джинсы уже износились))). Если бы, когда я покупала джинсы, у меня была книжка по сочетанию цветов (приобрела такую на одной полиграфической выставке, куда ходила вместе с мужем), то я бы вписала свои джинсы в гардероб гораздо раньше. Но в общем, для начала можно обойтись и без книжки, так как правила сочетания цветов хорошо понятны на примере цветового круга, который доступен в интернете.
Добавлю так же, что правила эти действуют всегда, как закон Всемирного тяготения. Это значит, что если какие-то цвета сочетаются в природе или на картине великого художника, то они будут сочетаться и в одежде, и в интерьере. Другое дело, что в разные времена становятся актуальными разные типы сочетаний: например, еще пару лет назад очень модно было сочетать оттенки одного цвета, то с прошлого года на первый план вышли тенденции контрасных сочетаний (красный с зеленым, оранжевый с синим и т.д.).
Основные правила работы с цветовым кругом довольно толково описаны у
marriba at Учимся подбирать цвета — часть1. Цитирую:Сегодня я расскажу вам, как грамотно работать с цветом. Я использую это применительно к своим вальдорфским куклам. Даже если ваша деятельность не связана с работой с цветом, вы успешно можете использовать эту информацию для подбора гардероба 🙂

(Копировать просьба без изменений текста и со ссылкой на мой блог.)

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

Цветовой круг.

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

(Помимо самих сочетаний, обратите внимание на указание о контрастности — это нам понадобится позже).

2 противоположных цвета: сочетание с высоким контрастом.

красный+зеленый
синий+оранжевый
фиолетовый+желтый

Зеленый+красный.

3 цвета: классическая триада, цвета располагаются треугольником.

изумрудный зеленый+желто-оранжевый+фиолетовый
кобальтовый синий+салатовый+оранжевый
лазурный синий+лимонный+красный
голубой+желтый+розовый

Пример: голубой+желтый+розовый

3 контрастных цвета: два цвета практически родственные, один — контрастный.

Пример: зеленый+желтый+розовый.

Очень близкий вариант:
4 цвета: 3 родственных и 1 контрастный.

Пример: желтый+синий+фиолетовый+розовый.

3 родственных цвета: слабоконтрастное сочетание.

Пример: сиреневый+оттенки розового.

4 цвета: по два взаимно усиливающих.

Пример: голубой+салатный зеленый+розовый+вместо оранжевого теплый беж.

Сложно подобрать пример 🙂
Это актуально скорее для комплекта одежды в целом.

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

Наиболее контрастными будут сочетания:
1. Ярких цветов.
2. Пастельных и приглушенных цветов.
3. Пастельных и приглушенных оттенков одного цвета.

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

Конечно, есть еще черный, серый, белый цвета. Сочетания с ними тоже рассматриваем по принципу контрастности.

    

   

На фотографиях слева контраст выше, справа — ниже.

Сайт для работы с цветовым кругом

http://colorschemedesigner.com

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

make-your-style.livejournal.com

лучшие сочетания и правила выбора цветовой схемы

Тематический трафик – альтернативный подход в продвижении бизнеса

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».


Подпишись на рассылку и получи книгу в подарок!

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

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

Интересный факт

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

Общепринятые эмоциональные ассоциации

  • Красный. Возбуждающий тон, ассоциируется с властью, энергией, молодостью, страстью. Больше всех привлекает внимание, при помощи него можно о чем-то предупредить. Если на веб-странице слишком много красного — человек попытается как можно быстрее «убежать» с нее. Когда данный колор необходим, его можно использовать умеренно или применять более нежные оттенки.
  • Розовый. Романтика, женственность, нежность. При неправильном использовании намекает на неформальные отношения, поэтому неприменим для корпоративных порталов или спортивных веб-ресурсов.
  • Оранжевый. Энергия, дружелюбие, интерес, бодрость. Эмоции и ассоциации: открытость, активность, уникальность. Создает ощущение движения, творчества.
  • Желтый. Солнце, радость, счастье. Ярко-желтый прибавляет энергию, нежный — комфорт, темный — погружает в старину, добавляет авторитета.
  • Зеленый. Здоровье, стабильность, рост, природа. Являясь мостом между теплыми и холодными красками (он получается из смешения синего и желтого), обладает расслабляющим влиянием синего, сохраняя энергичность желтого. Темные оттенки говорят о финансах и богатстве.
  • Синий. Спокойствие, открытость, надежность, непоколебимость. Влияние на психику очень зависит от его нюанса. Светлые тона более дружелюбны, а темные вызывают печаль. Нейтральный синий отлично подходит для корпоративных проектов.
  • Голубой. Мирное небо, терпимость, надежность, профессионализм.
  • Фиолетовый. Тайна, романтика, роскошь, мистика и т.п. Это тона королевского величия, предметов роскоши, окутанных тайной. Светлые тона более романтичны, а темные — таинственны.
  • Черный. Нервозность, опасность, власть. Колор считается нейтральным, но он может вызвать совершенно противоположные ассоциации в зависимости от того, с какими цветами гармонирует. Если черного много — он ассоциируется со злом, особенно в сочетании с красным. Если черного в меру, то он говорит об изысканности и элегантности (особенно в сочетании с белым).
  • Белый. Простота, чистота, доброта, воздух. Самый популярный колор для фона веб-проекта. Как правило, текст легко читается с белого листа, и на веб-странице остается много воздуха и легкости. Он выгодно оттеняет другие краски.
  • Серый. Самая нейтральная краска, которая не вызывает отрицательных эмоций. Говорит о меланхолии, спокойствии. Темно-серый может вызвать грусть, но любые его тона при правильных сочетаниях становятся мощными инструментами в руках опытного дизайнера.
  • Коричневый. Уверенность, спокойствие, комфорт, долговечность.
  • Бежевый. Фоновый тон, традиционный, подчеркивает сопровождающие его краски. Он изменяется в зависимости от окружающих его тонов.
  • Слоновая кость, кремовый. Элегантность, комфорт, минимализм. Приравнивается к белому в восприятиях, но тон его намного теплее.

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

Правила сочетания цветов для сайта — ориентируемся на интуицию

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

  • Белый или черный: любые сочетания. Наилучшие пары, которые «дружат»: белый + черный, а также синий или красный. В случае с черным пару составит белый, яркий оранж, нежно-розовый, яркий или темный желтый, а также красный.
  • Серый: нюансы красного, а также фиолетового и синего.
  • Беж: коричневый, бирюза, синий, красный, изумрудный.
  • Коричневый: голубой, беж, роза, изумруд.
  • Розовый: коричневый, мятный, бирюза.
  • Красный: темно- или нейтрально-зеленый, светло-желтый, приглушенно-синий, строгий серый.
  • Зеленый: оранж, желто-коричневый, кремовый.
  • Оранжевый и желтый: синие и фиолетовые краски.
  • Темно-синий: коричневый, серый, светло-желтый, голубой, оранж,
  • Голубой: строгий серый, красный, коричневый, роза, оранж, желтый, рубин, зеленый.
  • Фиолетовый: серый, золотисто-коричневый, светло-желтый, неброские оттенки голубого и зеленого.

Подбор цветов для сайта по спектральному кругу

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

Принцип первый — триада

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

Принцип второй — двойная система

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

Принцип третий — аналогия

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

Принцип четвертый — раздельное

Основной колор сочетается с двумя дополнительными — равносторонний треугольник на спектральном круге.

Принцип пятый — прямоугольник

Здесь один колор является основным, два — дополнительными, а третий — акцентирующим.

Шестой принцип — квадрат

Самое динамичное сочетание, яркое, энергичное.

Как подобрать цвета для сайта при помощи программ

Существует несколько онлайн-сервисов, которые помогают дизайнерам в работе: Adobe Color, Paletton, Flat UI Color Picker, Color Palette Generator, Color Scheme и другие. Каждый онлайн-сервис работает на основе спектрального круга. Пользоваться инструментарием можно бесплатно. Веб-дизайнер легко и максимально быстро подберет сочетающиеся друг с другом оттенки.


Фоновый цвет для сайта: выбор и его критерии

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

  1. Светлый фон — это больше пространства и воздуха, а черный и темный фон подчеркивают элегантность.
  2. Если вы используете темный фон — не применяйте основной шрифт желтого, голубого, синего, красного оттенков. Текст будет нечитабельным.
  3. Для серьезного веб-проекта следует использовать однотонную подложку.
  4. Для информационных веб-ресурсов с большим количеством информации более приемлемы светлые оттенки (белый, беж, слоновая кость).
  5. На светлой основе хорошо читается текст серых или черных оттенков.
  6. Фон и шрифт на нем должны быть контрастными.
  7. При выборе основного цвета и ему сопутствующих руководствуйтесь тематикой веб-ресурса (зеленый — медицина, природа, финансы; розовый — женская; коричневый и желтый — пищевая промышленность и т.д.). Например, нелепо будет смотреться детский журнал на черном фоне или веб-проект про автомобили Лексус — на розовом.

Еще несколько правил по выбору цветовых палитр для сайта

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

Примеры хороших и плохих сайтов

Основные ошибки: слишком много красного, основной товар не ассоциируется с цветовым решением.

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

Этот вариант без комментариев.

Хорошее, приятное сочетание цветов. Зеленый цвет стандартно ассоциируется с финансами.

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

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

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

semantica.in

Сочетания цветов подбор – Подбор цветов и генерация цветовых схем

Отправить ответ

avatar
  Подписаться  
Уведомление о