Где найти максимально различные на глаз цветовые оттенки?

Вопрос к дизайнерам.

У меня есть отчеты, которые просматривает руководство.
Там есть pies и указано, сколько в % от "пирога" занимают те или иные значения.
Что за значения не важно.
Важно, что их у меня 38!

Если бы их было 3, то проблем не было бы: один отмечаю, например, зеленым цветом,
второй красным, третий желтым.

Но тут у меня целых 38 различных цветов!
Я несколько часов бился, чтобы оттенки отличались друг от друга.

Я уверен, что с точки зрения интерфейс-дизайна -- это стандартная задача.

Два вопроса:
  1. Посоветуйте конкретное решение для 38 цветов
  2. Посоветуйте книгу по "колористике" (это для общего развития)
  • Вопрос задан
  • 720 просмотров
Решения вопроса 2
@iKest
Специальный сервис для подбора максимально различающихся цветовых оттенков:
7act.ru/colorluck.php
Ответ написан
@GreatRash
https://www.materialui.co/colors

Берёте 19 цветов из верхней строки и добавляете к ним ещё 19 из третьей (или четвёртой) строки. Профит.
Ответ написан
Пригласить эксперта
Ответы на вопрос 6
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Я несколько часов бился, чтобы оттенки не отличались друг от друга.

Наверное, всё таки нужно, чтоб они отличались?

Если так, то с таким количеством цветов - это очень тяжелая задача. Если пирог никак нельзя упростить, то в ход нужно пускать текстуры. Их можно комбинировать с цветами. Например, обычный красный = значение №1. Красный с белыми точками = значение №2. Красный с белыми полосками = значение №3. И т.д. Простых, но сильно различающихся текстур/узоров/паттернов очень много: точки, полоски, кружочки, квадратики, треугольники, любая геометрия в общем, плюс их тоже можно комбинировать.

Так обычно поступают, когда заботятся об accessibility (доступности) - не все могут различать хорошо цвета, поэтому нужно дублировать цветовой код вспомогательными элементами.
Ответ написан
dom1n1k
@dom1n1k
Заменить pie chart на другой вид диаграммы.

Как один из вариантов:
https://atlas.media.mit.edu/en/explore/tree_map/hs...
Или вот оно же, но с Германией более наглядно:
atlas.media.mit.edu/en/visualize/tree_map/hs92/exp...

Ещё вариант:
www.nytimes.com/interactive/2013/05/25/sunday-revi...
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
38 кусков пирога - это реальный перегруз и невозможность восприятия данных!

Куски входящие в диапазон менее 10% - называются "Остальные" или "Следующая сегментация" (если сегментаций таких - более 2-х).

Если куски практически все одинаковые, то PIE-диаграмма абсолютно не показательна.
И для этого используется относительное сравнение, где самый крупный - это 100%, а самый мелкий - это 0%. И выводится или в виде PIE-диаграммы, или в виде BAR-диаграммы. Куски менее 10% (здесь также) - называются "Остальные".

По "Остальным" - делайте отдельную диаграмму, т.е. нисходящее "погружение" к более мелким значениям (частям) диаграммы.
Т.е. при 38-ми, получится около 4-5 таких диаграмм, которые будут действительно нести информацию!
Ответ написан
abyrkov
@abyrkov
JavaScripter
А что вам мешает их найти программным путем?
Мой простенький скрипт наляпаный на скорую руку (могу показать) нашел 38 оттенков. Причем разница заметная
Ответ написан
IonDen
@IonDen
JavaScript developer. IonDen.com
В библиотеке d3.js есть набор встроенных, хорошо различимых для глаз, цветовых палитр, специально созданных для показа диаграмм и графиков.

Вот они на GitHub: https://github.com/d3/d3/wiki/Ordinal-Scales#category10
1 палитра из 10 цветов
+ 3 палитры из 20 цветов
Ответ написан
Комментировать
@zhainar
Гуглю за вас
38 различных вариантов превратятся в кашу, а не в пирог. Пронумеруйте куски, сделайте два цвета через один.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы