Физика цвета — Искусство цвета (Иоханнес Иттен)
ColorScheme
· Инструмент для подбора цветов и генерации цветовых схем ·
Цветовой Круг Онлайн ⇒
Карта СайтаНазвания ЦветовЦвета АвтомобилейИмена цветов в HTMLКонвертер Цветов
Искусство цвета
Иоханнес Иттен
Оглавление:
- Предисловие
- Введение
- Глава 01. Физика цвета
- Глава 02. Цвет и цветовое воздействие
- Глава 03. Цветовая гармония
- Глава 04. Субъективное отношение к цвету
- Глава 05. Цветовое конструирование
- Глава 06. Двенадцатичастный цветовой круг
- Глава 07. Семь типов цветовых контрастов
- Глава 08. Контраст по цвету
- Глава 09. Контраст светлого и темного
- Глава 10. Контраст холодного и теплого
- Глава 11. Контраст дополнительных цветов
- Глава 12. Симультанный контраст
- Глава 13. Контраст по насыщенности
- Глава 14. Контраст по площади цветовых пятен
- Глава 15. Смешение цветов
- Глава 16.
Цветовой шар - Глава 17. Цветовые созвучия
- Глава 18. Форма и цвет
- Глава 19. Пространственное воздействие цвета
- Глава 20. Теория цветовых впечатлений
- Глава 21. Теория цветовой выразительности
- Глава 22. Композиция
- Послесловие
В 1676 году сэр Исаак Ньютон с помощью трехгранной призмы разложил белый солнечный свет на цветовой спектр. Подобный спектр содержал все цвета за исключением пурпурного.
Ньютон ставил свой опыт следующим образом (рис. 1) солнечный свет пропускался через узкую щель и падал на призму. В призме луч белого цвета расслаивался на отдельные спектральные цвета. Разложенный таким образом он направлялся затем на экран, где возникало изображение спектра. Непрерывная цветная лента начиналась с красного цвета и через оранжевый, желтый, зеленый, синий кончалась фиолетовым. Если это изображение затем пропускалось через собирающую линзу, то соединение всех цветов вновь давало белый цвет.
Эти цвета получаются из солнечного луча с помощью преломления.
Существуют и другие физические пути образования цвета, например, связанные с процессами интерференции, дифракции, поляризации и флуоресценции.
Если мы разделим спектр на две части, например — на красно-оранжево-желтую и зелено-сине-фиолетовую, и соберем каждую из этих групп специальной линзой, то в результате получим два смешанных цвета, смесь которых в свою очередь также даст нам белый цвет.
Два цвета, объединение которых дает белый цвет, называются дополнительными цветами.
Если мы удалим из спектра один цвет, например, зеленый, и посредством линзы соберем оставшиеся цвета — красный, оранжевый, желтый, синий и фиолетовый, — то полученный нами смешанный цвет окажется красным, то есть цветом дополнительным по отношению к удаленному нами зеленому. Если мы удалим желтый цвет, то оставшиеся цвета — красный, оранжевый, зеленый, синий и фиолетовый — дадут нам фиолетовый цвет, то есть цвет, дополнительный к желтому.
Каждый цвет является дополнительным по отношению к смеси всех остальных цветов спектра.
В смешанном цвете мы не можем увидеть отдельные его составляющие. В этом отношении глаз отличается от музыкального уха, которое может выделить любой из звуков аккорда.
Различные цвета создаются световыми волнами, которые представляют собой определенный род электромагнитной энергии.
Человеческий глаз может воспринимать свет только при длине волн от 400 до 700 миллимикрон:
- 1 микрон или 1μ = 1/1000 мм = 1/1000000 м.
- 1 миллимикрон или 1mμ = 1/1000000 мм.
Длина волн, соответствующая отдельным цветам спектра, и соответствующие частоты (число колебаний в секунду) для каждого спектрального цвета имеют следующие характеристики:
| Цвет | Длина волны в н/м | Частота колебаний в секунду |
|---|---|---|
| Красный | 800-650 mμ | 400-470 млрд. |
| Оранжевый | 640-590 mμ | 470-520 млрд. |
| Жёлтый | 580-550 mμ | 520-590 млрд. |
| Зелёный | 530-490 mμ | 590-650 млрд. |
| Голубой | 480-460 mμ | 650-700 млрд. |
| Синий | 450-440 mμ | 700-760 млрд. |
| Фиолетовый | 430-390 mμ | 760-800 млрд. |
Отношение частот красного и фиолетового цвета приблизительно равно 1:2, то есть такое же как в музыкальной октаве.
Каждый цвет спектра характеризуется своей длиной волны, то есть он может быть совершенно точно задан длиной волны или частотой колебаний. Световые волны сами по себе не имеют цвета. Цвет возникает лишь при восприятии этих волн человеческим глазом и мозгом. Каким образом он распознает эти волны до настоящего времени еще полностью неизвестно. Мы только знаем, что различные цвета возникают в результате количественных различий светочувствительности.
Остается исследовать важный вопрос о корпусном цвете предметов. Если мы, например, поставим фильтр, пропускающий красный цвет, и фильтр, пропускающий зеленый, перед дуговой лампой, то оба фильтра вместе дадут черный цвет или темноту.
Красный цвет поглощает все лучи спектра, кроме лучей в том интервале, который отвечает красному цвету, а зеленый фильтр задерживает все цвета, кроме зеленого. Таким образом, не пропускается ни один луч, и мы получаем темноту. Поглощаемые в физическом эксперименте цвета называются также вычитаемыми.
Цвет предметов возникает, главным образом, в процессе поглощения волн. Красный сосуд выглядит красным потому, что он поглощает все остальные цвета светового луча и отражает только красный.
Когда мы говорим: «эта чашка красная», то мы на самом деле имеем в виду, что молекулярный состав поверхности чашки таков, что он поглощает все световые лучи, кроме красных. Чашка сама по себе не имеет никакого цвета, цвет создается при ее освещении.
Если красная бумага (поверхность, поглощающая все лучи кроме красного) освещается зеленым светом, то бумага покажется нам черной, потому что зеленый цвет не содержит лучей, отвечающих красному цвету, которые могли быть отражены нашей бумагой.
Все живописные краски являются пигментными или вещественными.
Это впитывающие (поглощающие) краски, и при их смешивании следует руководствоваться правилами вычитания. Когда дополнительные краски или комбинации, содержащие три основных цвета — желтый, красный и синий, — смешиваются в определенной пропорции, то результатом будет черный, в то время как аналогичная смесь невещественных цветов, полученных в ньютоновском эксперименте с призмой, дает в результате белый цвет, поскольку здесь объединение цветов базируется на принципе сложения, а не вычитания.
Таблица «безопасных» цветов
Этот инструмент сдан в архив и больше не поддерживается
| Все цвета интернетаВашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов (dithering). Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее. Цвета из нашей палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов. Как пользоваться палитройПалитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего. Эти градации 0, 51, 102, 153, 204, 255. Над каждым цветом указаны два значения RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML). |
204.102
51.0
153.153
51.102
153.2045 советов по созданию визуализаций для дальтоников
Изучите вопрос совместного использования красного и зеленого цветов в визуализации данных.
Этот блог является частью коллекции Tableau Visionaries — наиболее выдающихся лидеров сообщества Tableau, которые вдохновляют других, делясь своим мастерством, обучая и сотрудничая.
Этот блог входит в серию сообщений о некоторых хорошо известных «правилах визуализации данных». Мы часто слышим об этих правилах, но детали, лежащие в их основе, часто не рассматриваются подробно или полностью упускаются из виду. Я хотел изучите некоторые из них, чтобы лучше понять, как их следует применять.В первой части серии я рассмотрел вопрос о совместном использовании красного и зеленого цветов9.0009 Правило визуализации данных: «Не используйте красный и зеленый вместе». Проблема: «Десять процентов мужчин дальтоники и в основном имеют проблемы с красным/зеленым». Реакция: «Не используйте вместе красный и зеленый.» Исследования показали, что около 8% мужчин и 0,5% женщин имеют дефицит цветового зрения (ССЗ). Это чаще называют дальтонизмом, хотя дальтонизм — не самый точный термин. Наличие сердечно-сосудистых заболеваний не означает, что человек не может видеть цвета, если только вы не очень редкий человек (один из 33 000 человек) с ахроматопсией. Для более обычного человека с сердечно-сосудистыми заболеваниями основная проблема заключается в том, что цвета, которые большинство людей воспринимают как разные, будут выглядеть одинаково. Двумя наиболее распространенными типами сердечно-сосудистых заболеваний являются дейтераномалия и дейтеранопия, которые вместе составляют около 6% мужчин, и протаномалия и протанопия, на которые приходится еще 2% (дополнительная информация доступна на сайте дальтонизма.com). Эти состояния также обычно называют «красным слабым» и «зеленым слабым» или «красно-зеленым дальтонизмом». (Примечание: я не буду обсуждать синий/желтый CVD, потому что он встречается гораздо реже.) Вот несколько советов по разработке визуализаций, удобных для дальтоников.
1. Красный и зеленый вместе могут быть проблематичными, но иногда их можно использовать вместе
Так что действительно, совместное использование красного и зеленого — распространенная проблема. Люди с сильным сердечно-сосудистым заболеванием (сильное означает более тяжелое состояние сердечно-сосудистых заболеваний) видят и красный, и зеленый как коричневый. Люди со слабым сердечно-сосудистым заболеванием могут видеть сильные красные и зеленые цвета как красный и зеленый. Тем не менее, это все еще может быть проблематично, когда цвета неяркие или смешиваются друг с другом. Имейте в виду, что возможность отличить эти цвета друг от друга является проблемой только в том случае, если цвет является единственным методом кодирования, используемым для четкого сравнения, например, хорошее число против плохого числа в таблице или одна строка против другой. линия на той же линейной диаграмме. Например, на приведенной ниже диаграмме цвет необходим, чтобы отличить хороший квадрат от плохого. Используя моделирование дейтеранопов, мы можем увидеть, насколько это будет сложно.
Я встречал критические замечания по поводу совместного использования красного и зеленого в одной и той же визуализации, но цвета не использовались таким образом, чтобы требовалось, чтобы кто-то различал их. Если они стоят отдельно — например, две разные диаграммы, одна красная и одна зеленая — и они хорошо помечены, то это может вообще не быть проблемой, если они оба кажутся коричневыми. На приведенной ниже диаграмме представлен пример, когда по осевой линии легко увидеть, что большинство чисел положительные, а другие — отрицательные. Цвет — это вторичная характеристика, просто кодирующая положительное и отрицательное. Хотя это может быть не лучший выбор цветов, человек с сердечно-сосудистыми заболеваниями может интерпретировать эту диаграмму без использования цвета для сравнения.
2. Имейте в виду, что это не просто красный и зеленый
Многие инструменты визуализации данных имеют встроенную палитру «стоп-сигнал», и многие компании (и клиенты, и руководители) все еще настаивают на использовании палитры «стоп-сигнал». Со всеми разговорами о цветах светофоров и прозвищах для состояний ССЗ неудивительно, что правилом визуализации данных стало просто «не использовать красный и зеленый». Ниже приведена симуляция цветов стоп-сигнала Tableau с использованием симуляции протанопа. Обратите внимание, что проблема здесь намного сложнее, чем просто красный против зеленого. Поскольку красный, зеленый и оранжевый кажутся коричневыми для человека с сильным сердечно-сосудистым заболеванием, правильнее было бы сказать: «Не используйте вместе красный/зеленый/коричневый/оранжевый». Однако на этом все не заканчивается. Когда цвета смешиваются, они также могут быть проблематичными. Одна цветовая комбинация, которую часто упускают из виду, — это сочетание синего и фиолетового. В цветовой модели RGB фиолетовый цвет достигается совместным использованием синего и красного цветов. Если у кого-то есть проблемы с красным цветом, у него также могут быть проблемы с фиолетовым, который выглядит как синий. Кроме того, сочетание розового и серого и серого и коричневого цветов может вызвать проблемы. Ниже представлена цветовая палитра Tableau 10 с использованием моделирования дейтеранопа. Проблемны не только красный, зеленый и коричневый, но и синий и фиолетовый, розовый и серый, серый и коричневый. У моего зятя сердечно-сосудистые заболевания, поэтому он часто становится подопытным кроликом в моих экспериментах с цветом. Из всех вещей, которые я тестировал на нем, сочетание цветов на изображении ниже (слева) было труднее всего различить для него. Кажется, он страдает протанопией, которая смоделирована внизу справа. Итак, теперь, когда мы знаем, что есть еще много комбинаций цветов, которые могут быть проблематичными, что нам делать?
3. При необходимости используйте палитру, подходящую для дальтоников.
Использование одного цвета в сочетании с другим цветом обычно допустимо, если один из них обычно не связан с сердечно-сосудистыми заболеваниями. Например, синий/оранжевый — обычная палитра для дальтоников. Синий/красный или синий/коричневый также подойдут. Для наиболее распространенных состояний сердечно-сосудистых заболеваний все они работают хорошо, поскольку синий цвет обычно выглядит синим для человека с сердечно-сосудистым заболеванием. Tableau имеет встроенную палитру для дальтоников, разработанную Морин Стоун. Эта палитра очень хорошо работает для распространенных случаев сердечно-сосудистых заболеваний. Ниже приведена палитра Tableau, подходящая для дальтоников, как при имитации дейтеранопа, так и при имитации протанопа. Обратите внимание, насколько хорошо эта цветовая палитра подходит для различных сравнений цветов. Может быть, босс, клиент или даже корпоративные цвета или руководство по стилю требуют от вас использования красного и зеленого цветов. Итак, что мы можем сделать?
4. Если вы должны использовать красный и зеленый вместе, используйте сочетание светлого и темного. ). Почти каждый может определить разницу между очень светлым цветом и очень темным цветом, поэтому другой вариант при совместном использовании красного и зеленого — это использование очень светло-зеленого, среднего желтого и очень темно-красного. Это может показаться скорее последовательной цветовой схемой для человека с сильным сердечно-сосудистым заболеванием, но человек, по крайней мере, сможет отличить красный от зеленого на основе светлого и темного.
5. Если вы должны использовать красный и зеленый вместе, предложите альтернативные методы различения данных. позволить человеку с сердечно-сосудистыми заболеваниями увидеть, что плохо (красный) по сравнению с хорошим (зеленый). Другим вариантом может быть флажок для пользователя, чтобы переключить цветовую палитру для всей визуализации на палитру, удобную для дальтоников. Это позволяет сочетать красный и зеленый цвета для большей части аудитории, а также дает возможность людям с сердечно-сосудистыми заболеваниями полностью изменить палитру. К сожалению, в Tableau нет простого способа сделать это. Однако это, безусловно, можно сделать. Ниже приведены два примера: в одном используется параметр для изменения цветовой палитры (используется как последовательная, так и категориальная цветовая схема с прозрачностью), а в другом используется действие информационной панели, аналогичное тому, что использовал мастер Tableau Zen Роберт Роуз в своей технике скрытого меню.
Хотите убедиться, что визуализация, которую вы разработали, удобна для дальтоников? В дополнение к ряду онлайн-симуляторов дальтоников для этого также есть плагин. Плагин Chrome «NoCoffee» будет имитировать все типы CVD прямо в вашем браузере, включая ваши визуализации, размещенные на Tableau Public или Tableau Server. Попробуйте целый день использовать плагин NoCoffee для браузера, и вы будете поражены тем, как выглядит мир для человека с ССЗ. Для изображений вашей визуализации без браузера попробуйте этот симулятор хроматического зрения. Я хотел бы поблагодарить Морин Стоун за ценный обзор, вклад и предложения для этого поста. Дополнительные советы, идеи и визуальные эффекты от Джеффри Шаффера можно найти на его странице Tableau Public и в его блоге. Вы также можете связаться с ним в Твиттере @HighVizAbility.
- Визуализации
- Из сообщества
- Визионеры Табло
Подпишитесь на наш блог
Получайте последние обновления Tableau на свой почтовый ящик.
Имя
Фамилия
АдресСтрана/регион- Страна/регион -АфганистанАлбанияАлжирАмериканское СамоаАндорраАнголаАнгильяАнтарктидаАнтигуа и БарбудаАргентинаАрменияАрубаАвстралияАвстрияАзербайджанБагамыБахрейнБангладешБарбадосБельгияБелизБенинБермудыБутанБоливия, Многонациональное Государство Бонэйр, Синт-Эстатиус и СабаБо Сния и ГерцеговинаБотсвана Остров БувеБразилияБританская территория в Индийском океанеБруней-ДаруссаламБолгарияБуркина-ФасоБурундиКабо-ВердеКамбоджаКамерунКанадаКаймановы островаЦентральноафриканская РеспубликаЧадЧилиКитайОстров РождестваКокосовые острова (Килинг)КолумбияКоморские островаКонгоКонго, Демократическая Республика Острова КукаКоста-РикаХорватияКюрасаоКипрЧехия киаКот-д’ИвуарДанияДжибутиДоминикаДоминиканская РеспубликаЭквадорЕгипетЭль-СальвадорЭкваториальная ГвинеяЭритреяЭстонияЭфиопияФолклендские (Мальвинские) островаФарерские островаФиджиФинляндияФранцияФранцузская ГвианаФранцузская ПолинезияФранцузские Южные ТерриторииГабонГамбияГрузияГерманияГанаГибралтарГрецияГренландияГренадаГваделупаГватемалаГуамалаГуернсиГвинеяГвинея-БиссауГайана Гаити Остров Херд и острова МакдональдсСвятой ПрестолГондурасГонконгВенгрияИсландияИндияИндонезияИракИрландияОстров МэнИзраильИталияЯмайкаЯпонияДжерсиИорданияКазахстанКенияКирибатиКорея, Республика Косово (Темп)КувейтКыргызстанЛаосская Народно-Демократическая РеспубликаЛатвияЛиванЛесотоЛиберияЛивияЛихтенштейн ЛитваЛюксембургМакаоМакедония, бывшая югославская республика МадагаскарМалавиМалайзияМальдивыМалиМальтаМаршалловы островаМартиникаМавританияМаврикийМайоттаМексикаМикронезия, Федеративные Штаты Молдовы, Республика МонакоМонголияЧерногорияМонсерратМароккоМозамбикМьянмаНамибияНауруНепалНидерландыНовая КаледонияНовая Зеландия НикарагуаНигерНигерияНиуэ Остров НорфолкСеверный Марианские островаНорвегияОманПакистанПалауПалестина, Государство ПанамаПапуа-Новая ГвинеяПарагвайПеруФилиппиныПиткэрнПольшаПортугалияПуэрто-РикоКатарРумынияРуандаРеюньонСен-БартельмиСент-Хелена, Вознесения и Тристан-да-КуньяСент-Китс и НевисСент-ЛюсияСент-Мартен (Французская часть)Сен-Пьер и МикелонСен Винсент и ГренадиныСамоаСан-МариноСан-Томе и ПринсипиСаудовская АравияСенегалСербияСейшельские островаСьерра-ЛеонеСингапурСинт-Мартен (голландская часть)СловакияСловенияСоломоновы островаСомалиЮжная АфрикаЮжная Джорджия и Южные Сандвичевы островаЮжный СуданИспанияШри-ЛанкаСуданСуринамШпицберген и Ян-МайенСвазилендШвецияШвейцарияТайвань, провинция КитаяТаджикистанТанзания, Объединенная Республика ТаиландТимор-ЛештиТогоТокелауТонгаТринидад и ТобагоТунисТурцияТуркменистанОстрова Теркс и КайкосТувалуУгандаУкраинаОбъединенные Арабские ЭмиратыСоединенное Королевство Великобритании и Севера ИрландияОтдаленные малые острова СШАСоединенные Штаты АмерикиУругвайУзбекистанВануатуВенесуэла, Боливарианская РеспубликаВьетнамВиргинские острова, Британские Виргинские острова, США Уоллис и ФутунаЗападная СахараЙеменЗамбияЗимбабвеАландские острова
Регистрируясь, вы подтверждаете свое согласие на обработку ваших личных данных компанией Salesforce, как описано в Заявлении о конфиденциальности. Отправляя эту форму, вы признаете и соглашаетесь с тем, что ваши личные данные могут передаваться, храниться и обрабатываться на серверах, расположенных за пределами Китайской Народной Республики, и что ваши личные данные будут обрабатываться компанией Salesforce в соответствии с Заявлением о конфиденциальности.
Отправляя эту форму, вы подтверждаете свое согласие на хранение и обработку ваших личных данных компанией Salesforce, как описано в Заявлении о конфиденциальности.
Я согласен с Заявлением о конфиденциальности и с обработкой моей личной информации. В частности, я даю согласие на передачу моей личной информации в другие страны, включая США, в целях размещения и обработки информации, как указано в Заявлении о конфиденциальности. Я понимаю, что в этих странах могут не действовать те же законы о защите данных, что и в стране, из которой я предоставляю свою личную информацию. Нажмите сюда, для получения дополнительной информации.
Да, я хочу получать этот информационный бюллетень, а также маркетинговые сообщения о продуктах, услугах и мероприятиях Salesforce. Я могу отписаться в любой момент. Salesforce ценит вашу конфиденциальность. Чтобы узнать больше, посетите наше Заявление о конфиденциальности.
Как использовать удобные палитры для дальтоников, чтобы сделать ваши диаграммы доступными
Цвета играют центральную роль в визуализации данных. Но что, если ваши читатели дальтоники?
По данным Color Blind Awareness, дальтонизмом страдают 1 из 12 мужчин (8%) и 1 из 200 женщин (0,5%). По оценкам, во всем мире насчитывается около 300 миллионов дальтоников, включая Марка Цукерберга, Билла Клинтона и принца Уильяма!
Оптимизация графики может помочь сделать ее более доступной — и это не означает, что цвет исчезнет с ваших диаграмм и графиков. Это означает, что люди с нарушениями зрения могут понять ваши проекты с помощью средства проверки контрастности WCAG — к счастью для вас, эта функция встроена прямо в редактор дизайна Venngage со специальными возможностями.
Вопреки распространенному мнению, более 99% дальтоников на самом деле могут видеть цвета, но не так, как люди, не страдающие дальтонизмом. В этом руководстве мы разберем различные типы дальтонизма и их особенности в отношении визуализации данных. Мы также покажем вам, как эффективно использовать удобные для дальтоников палитры, чтобы сделать вашу графику доступной для более широкого круга людей.
Мы собрали несколько готовых палитр для дальтоников, чтобы вдохновить вас. Для этого прокрутите вниз до раздела 4.
Содержание- Что такое дальтонизм?
- Какие бывают 3 типа дальтонизма?
- Почему цвет важен для визуализации данных
- Как создавать диаграммы с помощью палитры, удобной для дальтоников
- Ключевые блюда на вынос
Первым делом…
Что такое дальтонизм? Дальтонизм — также известный как дефицит цветового зрения (ССЗ) — это нарушение способности различать разные цвета. Это происходит, когда светочувствительная ткань в задней части глаза — сетчатка — не может правильно реагировать на изменения длины волны света, которые позволяют людям видеть разные цвета.
ИСТОЧНИК ИЗОБРАЖЕНИЯ
Хотя дальтонизм является преимущественно наследственным заболеванием, он также может быть результатом катаракты или травмы глаза, а также ряда заболеваний, включая болезнь Паркинсона, синдром Каллмана и диабет. Повреждение сетчатки, вызванное старением, может дополнительно вызвать дальтонизм.
Какие бывают 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. Ваша диаграмма будет визуализировать данные автоматически.
Мы также упростили настройку ваших таблиц. Вы можете представлять данные и выделять важную информацию без ущерба для доступности вашего дизайна.
При редактировании таблицы вы можете выбрать стиль и цвет шрифта, а также цвет фона ячеек. Вы найдете эти параметры на вкладке данных.
Вы также можете упорядочить текст, чтобы улучшить его читаемость, на вкладке настроек. Здесь вы можете выбрать способ выравнивания текста по горизонтали и вертикали в каждой ячейке.
Воспользуйтесь преимуществами подобных функций стилизации! В конце концов, если окажется, что ваши цвета не особенно подходят для дальтоников — а доступность важна для вас — лучше выяснить это до того, как вы потратите значительное время и усилия на свою дизайнерскую композицию.
Если вы не знаете, с чего начать, эти цветовые круги для дальтоников могут быть полезными для быстрого определения того, как ваши цвета будут транслироваться при различных формах дальтонизма:
ИСТОЧНИК ИЗОБРАЖЕНИЯ
Более того, мы собрали несколько универсальных палитр для дальтоников: 9000 9 ГОРЯЧИЙ СОВЕТ: Если вы застряли, попробуйте использовать такой инструмент, как Coblis , бесплатный симулятор дальтоников, который даст вам лучшее представление о том, как ваши изображения будут выглядеть для людей с дальтонизмом.
Связанный: Полное руководство по доступным цветам [включая палитры и шаблоны]
2.) Избегайте проблемных цветовых комбинаций
Еще одна причина, по которой вам следует заранее планировать цветовую схему, заключается в том, что вы можете избежать использования проблемных цветовых комбинаций, некоторые из которых могут сделать ваши диаграммы или инфографику совершенно недоступными для дальтоников.
Цветовые комбинации, которых следует избегать людям с дальтонизмом, включают:
- Красный и зеленый
- Зеленый и коричневый
- Зеленый и синий
- Синий и серый
- Синий и фиолетовый
- Зеленый и серый
- Зеленый и черный
Если вы застряли и вам абсолютно необходимо использовать одну из этих комбинаций, попробуйте отрегулировать оттенки так, чтобы одна была очень темной, а другая — очень светлой — большинство дальтоников могут различать контраст, поэтому это, вероятно, облегчит задачу.
Как упоминалось ранее, контраст не является проблемой для большинства людей с дальтонизмом. Затемняйте и осветляйте цвета соответственно, чтобы сделать контраст более выраженным. Вы также можете играть с различными оттенками, а также уровнями яркости и насыщенности.
4.) Использование узоров и текстур
Использование узоров и текстур в дизайне — отличный способ включить в дизайн визуальные элементы, которые не зависят от цвета.
ИСТОЧНИК ИЗОБРАЖЕНИЯ
Редактор дизайна Venngage с возможностью перетаскивания содержит библиотеку шаблонов, которые можно использовать для улучшения дизайна и повышения доступности.
Связано: Руководство по дизайну для дальтоников: как донести смысл до всех [с примерами и шаблонами]
5.) Используйте символы Символы и значки — отличный способ сделать ваш дизайн более доступным, поскольку они могут визуально акцентировать сообщение, не полагаясь на цвет.
Подсказка : библиотека Venngage включает более 4000 значков, которые можно использовать, чтобы сделать инфографику и диаграммы более доступными.
6.) Сделайте свою диаграмму монохромнойПоскольку дальтонизм не влияет на способность различать разные оттенки, подумайте о том, чтобы сделать свои диаграммы монохромными. Использование ограниченной цветовой палитры, естественно, означает меньше возможностей для использования проблемных цветов или комбинаций.
инфографика максимально проста и упорядочена. Принятие минималистского подхода поможет сделать ваши презентации более понятными, независимо от того, является ли ваша аудитория дальтоником.
Основные выводы по использованию палитр, удобных для дальтоников Оптимизация инфографики и диаграмм для людей, страдающих дальтонизмом, важна как для доступности, так и для инклюзивности. Это также возможно сделать без ущерба для эстетического качества в процессе.
Следующие меры могут помочь дальтоникам действительно взаимодействовать с вашим дизайном:
- Выбор палитр, удобных для дальтоников
- Избегайте проблемных сочетаний цветов
- Использование различных текстур и узоров для выделения важной информации, а не только цветом
- Использование символов и значков для дополнения цветных сообщений, предупреждений и предупреждений
- Использование высококонтрастных цветовых комбинаций
- Принятие минималистического дизайна, чтобы избежать ненужной путаницы.
Сочетание всех этих элементов поможет сделать ваши проекты более доступными для дальтоников. В конце концов, чем больше людей вы сможете привлечь, тем более эффективной будет ваша работа.
Связано: Стандарты ADA для доступного дизайна: как им соответствовать
НОВИНКА! Представляем: Отчет о статистике маркетинга за 2022 год
Уже 2022 год.
