Шесть цветовых схем, которые работают всегда

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

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

Что же, начнем!

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

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

1. Комплементарное сочетание

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

1) Оранжевый, синий.

Фото: trendir.com

2) Красный, зеленый.

Фото: mit24h.com

3) Фиолетовый, желтый.

Фото: cheatersutopia.com

2. Классическая триада

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

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

1) Красный, желтый, синий.

Фото: schlafzimmermobel.info

2) Желто-оранжевый, красно-фиолетовый, сине-зеленый.

Фото: homedit.com

3) Фиолетовый, оранжевый, зеленый.

Фото: racerapk.com

3.

Аналогичное сочетание

Здесь уже можно сочетать от двух до пяти цветов, которые расположены рядом друг с другом на цветовом круге. При этом оптимальное количество цветов — два-три.

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

1) Фиолетовый, красно-фиолетовый.

Фото: homedit.com

2) Синий, сине-фиолетовый, фиолетовый.

Фото: homedit.com3) Красно-оранжевый, оранжевый.

Фото: homedit.com

4. Раздельно-комплементарное сочетание

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

1) Красный, сине-зеленый, желто-зеленый.

Фото: mit24h.com

2) Синий, красно-оранжевый, желто-оранжевый.

Фото: thouswell.com

5. Тетрада — сочетание четырех цветов

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

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

1) Зеленый, синий, красный, оранжевый.  

Фото: janemichaelekanem.com

2) Красно-фиолетовый, красно-оранжевый, сине-зеленый, желто-зеленый.

Фото: bosidolot.com

3) Оранжевый, желтый, синий, фиолетовый.  

Фото: topsimages.com

6. Квадрат

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

1) Синий, желто-зеленый, оранжевый, красно-фиолетовый.

Фото: freshome.com

2) Красный, желто-оранжевый, зеленый, сине-фиолетовый.

Фото: freshome.com

как пользоваться схемой сочетания цветов

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

Мы в Telegram

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

Не всегда на серьёзных щах — шуточки тоже шутим =)

Подписаться

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

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

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

Где применяют цветовой круг Иоханнеса Иттена:

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

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

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

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

Зачем учиться сочетать цвета

Цвет — один из главных каналов, по которому человек получает информацию и формирует впечатление об увиденном. От 62% до 90% мнений основаны на восприятии цветов. Иоханнес Иттен считал: когда цвет и впечатление от него не совпадают, остаётся ощущение диссонанса, нереальности и мимолётности.

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

Как устроен круг Иттена

Схема состоит из трёх частей.

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

Вторичные цвета — зелёный, фиолетовый, оранжевый — расположены вокруг центра. Они получаются, если смешать первичные цвета:

• синий + жёлтый = зелёный;
• жёлтый + красный = оранжевый;
• синий + красный = фиолетовый.

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

• первичный красный + вторичный фиолетовый = малиновый;
• первичный жёлтый + вторичный зелёный = салатовый.

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

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

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

Комплементарное сочетание

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

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

Контрастная триада

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

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

Классическая триада

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

Как используют. Если нужно подобрать больше оттенков для основной палитры цветов.

Аналоговая триада

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

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

Тетрада

Как получается. Из равноудалённых друг от друга цветов по углам квадрата.

Как используют. Для красочных визуалов, которые требуют использования четырёх цветов.

Прямоугольное сочетание

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

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

Буква Х

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

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

Как подбирать оттенки, которых нет на круге Иттена

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

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

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

Лучшие инструменты для автоматического подбора цветов предлагают:

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

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

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

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

ColorScheme. По функционалу схож с Paletton, но есть русскоязычное меню.

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

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

Цвета играют центральную роль в визуализации данных. Но что, если ваши читатели дальтоники?

По данным Color Blind Awareness, дальтонизмом страдают 1 из 12 мужчин (8%) и 1 из 200 женщин (0,5%). По оценкам, во всем мире насчитывается около 300 миллионов дальтоников, включая Марка Цукерберга, Билла Клинтона и принца Уильяма!

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

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

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

Содержание

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

Первым делом…

Что такое дальтонизм?

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

ИСТОЧНИК ИЗОБРАЖЕНИЯ

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

Какие существуют 3 типа дальтонизма?

ИСТОЧНИК ИЗОБРАЖЕНИЯ

Существует три различных типа дальтонизма:

Слепота на красный/зеленый цвет

По словам Колблиндора, 99% всех дальтоников страдают от слепоты на красный/зеленый цвет. Это далее разбито на две отдельные категории:

• Протанопия : Также называемая «красной слабостью», люди, которые страдают этим вариантом красно-зеленой дальтонизма, неспособны воспринимать красный свет.

Слева: нормальное зрение, справа: протанопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовой спектр протанопии выглядит следующим образом:

ИСТОЧНИК

• Дейтеранопия/дейтераномалия вообще не воспринимает зеленый свет (дейтеранопия).

Слева: нормальное зрение, справа: дейтеранопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовой спектр дейтеранопии выглядит следующим образом:

ИСТОЧНИК

Дальтонизм к красному/зеленому цвету передается по наследству и чаще встречается у мужчин, чем у женщин. Причина этого в том, что гены, ответственные за это состояние, содержатся в Х-хромосоме.

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

Слепота к синему/желтому цвету

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

Эта особая форма дальтонизма, также известная как Tritanopia , встречается гораздо реже, чем ее красный/зеленый аналог. На самом деле, по данным Национальной медицинской библиотеки США, сине-желтая цветовая слепота затрагивает менее 1 из 10 000 человек во всем мире.

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

Слева: Нормальное зрение, Справа: Тританопия
ИСТОЧНИК ИЗОБРАЖЕНИЯ

Цветовой спектр Тританопии выглядит следующим образом:

Люди, страдающие полным дальтонизмом — также известные как Monochromacy — вообще не различают цвета. По данным Color Blind Awareness, монохромия встречается крайне редко: у 1 из 33 000 человек.

ИСТОЧНИК ИЗОБРАЖЕНИЯ

Почему цвет так важен для визуализации данных?

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

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

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

СМОТРЕТЬ: все, что вам нужно знать о ЦВЕТЕ… менее чем за 3 минуты

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

Связанный: 8 передовых методов проектирования для разнообразия и инклюзивности

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

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

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

ИСТОЧНИК ИЗОБРАЖЕНИЯ

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

Если у вас нет заранее запланированной доступной цветовой схемы, вы можете создать ее бесплатно с помощью генератора доступных цветовых палитр Venngage:

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

Как это работает? Двумя способами: 

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

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

Независимо от того, какой маршрут вы выберете, вы увидите коэффициент контрастности каждого цвета по сравнению с черным или белым текстом. И каждая сгенерированная палитра придерживается коэффициента контрастности 4,5: 1 в соответствии с последними рекомендациями по доступности веб-контента (WCAG) 2. 1 AA.

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

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

Попробуйте бесплатный генератор цветовых палитр Venngage! После того, как вы сузили свою цветовую палитру, вы можете загрузить свои данные. Это просто с виджетами графиков Venngage. Откройте виджет диаграммы, нажмите зеленую кнопку ИМПОРТ на вкладке ДАННЫЕ и загрузите файл CSV. Ваша диаграмма будет визуализировать данные автоматически.

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

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

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

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

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

ИСТОЧНИК ИЗОБРАЖЕНИЯ

Еще лучше, мы собрали несколько универсальных палитр для дальтоников:

ГОРЯЧИЙ СОВЕТ1 как Коблис , бесплатный симулятор дальтоников, который даст вам лучшее представление о том, как ваши изображения будут выглядеть для людей с дальтонизмом.

Связанный: Полное руководство по доступным цветам [включая палитры и шаблоны]

2.) Избегайте проблемных цветовых комбинаций

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

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

• Красный и зеленый
• Зеленый и коричневый
• Зеленый и синий
• Синий и серый
• Синий и фиолетовый
• Зеленый и серый
• Зеленый и черный

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

3.) Используйте высококонтрастные цвета

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

4.) Использование узоров и текстур

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

ИСТОЧНИК ИЗОБРАЖЕНИЯ

Редактор дизайна Venngage с возможностью перетаскивания содержит библиотеку шаблонов, которые можно использовать для улучшения дизайна и повышения доступности.

Связано: Руководство по дизайну для дальтоников: как донести смысл до всех [с примерами и шаблонами]

5.) Используйте символы

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

Подсказка : библиотека Venngage включает более 4000 значков, которые можно использовать, чтобы сделать инфографику и диаграммы более доступными.

6.) Сделайте вашу диаграмму монохромной

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

7.) Сохраняйте дизайн чистым и простым

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

Основные выводы по использованию палитр, удобных для дальтоников

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

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

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

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

Связано: Стандарты ADA для доступного дизайна: как им соответствовать

НОВИНКА! Представляем: Отчет о статистике маркетинга за 2022 год

Уже 2022 год. Маркетологи, вы все еще используете данные до-COVID-времени?

Не принимайте решения на основе устаревших данных, которые больше не актуальны. Пришло время быть в курсе последних маркетинговых статистических данных и тенденций за последние два года, а также узнать, как COVID-19повлияло на маркетинговые усилия в различных отраслях — с этим БЕСПЛАТНЫМ отчетом о маркетинговой статистике, составленным Venngage и HubSpot.

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

Получите свою копию прямо сейчас — это не похоже ни на какие другие маркетинговые отчеты, к тому же они абсолютно бесплатны!

Связанные сообщения в блоге:

Замещающий текст изображения: определения и рекомендации для доступного дизайна
6 способов использовать значки инфографики как профессионал
Что можно и чего нельзя делать при выборе цвета для инфографики Читатели и эффективное общение

Таблица смешивания цветов: Удивительные сочетания

Привет и добро пожаловать в радостный мир вихря цветов вместе! Меня зовут Лилли, и сегодня я буду вашим учителем. Мы начнем с основных комбинаций основных цветов, а затем усложнимся, добавив вторичные цвета и промежуточные или третичные цвета вместе в красивую диаграмму смешивания цветов, чтобы ответить на такие сложные вопросы, как: «Что дает красный и зеленый?» Приготовьтесь к некоторым сюрпризам.

Заблуждения об основных цветах

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

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

Смешение основных цветов.

Голубой, пурпурный и желтый?!

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

Таблица смешивания основных цветов.

Комбинации субтрактивных и аддитивных цветов

Готовы к еще более безумным вещам? В мире света и экранов основными цветами являются красный, синий и ЗЕЛЕНЫЙ ( RGB, модель ), а все три цвета вместе составляют БЕЛЫЙ! Что?! Да, верно — в царстве света используется аддитивная модель сочетания цветов, которая отражает, а не поглощает свет, поскольку производит эффект, противоположный субтрактивной модели: таким образом получается белый цвет вместо черного. О боже.

Моя таблица смешивания цветов!

Не беспокойтесь…

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

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

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