Співвідношення чорнила та даних та фони ділянок


17

Я помітив, що багато "найсучасніших" графічних пакетів та тем, а також багато шановних людей використовують сірий фон для своїх сюжетів. Ось кілька прикладів:

ggplot2:

введіть тут опис зображення

Nete ​​Silver's Fivethirtyeight.com:

введіть тут опис зображення

Хоча у першому прикладі вище (ggplot2) можна стверджувати, що використання сірого фону зменшує чорнило, необхідне для ліній сітки, це, звичайно, не так у другому випадку. Які переваги використання сірого фону на відміну від білого або прозорого?


2
На ділянці подається страва - сірий фон - тарілка.
ttnphns

3
@ttnphns Мені подобається аналогія. Хедлі Вікхем сказала про тло ggplot: "Сірий фон надає сюжету подібний колір (у типографічному сенсі) решті тексту, гарантуючи, що графіка вписується в потік тексту, не вискакуючи з яскраво-білого тла Нарешті, сірий фон створює безперервне кольорове поле, яке забезпечує сприйняття сюжету як єдиного візуального утворення ". Він також виправдав ліній електропередач, виходячи з того, що їх можна легко "налаштувати".
Срібляста рибка

1
ttnphns Мені також дуже подобається ваша аналогія. @silverfish так, саме правильно, із сірою шкалою, що відповідає косим поглядам, і порівняйте площу ділянки з текстом на сторінці. Хедлі зробила сірий фон популярним. Його дизайн із сірим фоном сюжету, але білою опорою (осями) дає зрозуміти, звідки починаються та закінчуються дані. І дані з'являються з більшою видимістю, ніж фонова сітка, яка дотримується хороших когнітивних принципів. Сітка сідає назад, поки не потрібно використовувати її для пошуку значень.
Діанна Кук

3
@Silverfish Подивіться спочатку на Жак Бертін ( Semiologie Graphique ), Алан МакЕхран ( Як працюють карти ) та Лі Вілкінсон ( Граматика графіки ). MacEachran надає повну фізіологічні, психологічні та культурні деталі з великою кількістю посилань. Не відкладайте посилання на "карти": його книга стосується передусім того, як люди взаємодіють і створюють сенс із інформаційної графіки взагалі, з яких карти є лише яскравим прикладом.
whuber

2
@silverfish Цілком можливо , що робота DAN Карра, який почав використовувати сірий фон і білі лінії сітки з таблицями на земельні роботи на початку 90 - х років dev.bowdenweb.com/maps/m/using-gray-in-plots.pdf є джерело ідеї. Я знаю Хедлі і обговорював це. Але аналогія тексту косистої сірої шкали - пояснення Хедлі.
Діанна Кук

Відповіді:


18

Співвідношення даних-чорнила

Ця концепція пояснюється дуже впливовим Едвардом Туфте з Єльського університету, який описав її у Візуальному відображенні кількісної інформації .

Він відрізняє "чорнило даних" (яке включає точки, смуги тощо, але також текстові чи грипагічні етикетки) від чорнила, що стирається (включаючи лінії, осі, межі, а також зайву інформацію). Співвідношення даних-чорнила - це просто така частка використовуваної фарби, яку неможливо стерти.

Існує дискусія про те, як ці принципи використання чорнила для даних можуть застосовуватися до комп'ютерної візуалізації на сайті обміну стеками UX .

Чому деякі фахівці віддають перевагу сірому фону?

У своїй книзі про ggplot2 Хедлі Вікхем виправдав свій вибір за замовчуванням:

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

Принцип, здається, полягає в тому, щоб зупинити його "вискакуванням" у глядача на друкованій сторінці та забезпечити візуальну єдність. Особисто мені також подобаються зменшені відблиски екрану.

Він також виправдав білі лінії електропередач, виходячи з того, що їх можна легко "налаштувати". Я погоджуюся з Діанні Кук у коментарях, що це дозволяє даним виділятися вище ліній електромережі, зменшуючи зорове скупчення. Білі лінії сітки - одна з переваг трохи темнішого фону - що цікаво, Tufte взагалі уникає ліній зв'язку там, де вони не потрібні (вони не вважаються "чорнилом даних"), але на деяких сірих діаграмах накладаються білі лінії. У чомусь це подібний ефект до ggplot2, але насправді ставить сітки на перший план , надаючи смугам "смугастий" вигляд. Особливим недоліком цього є те, що ви не можете побачити наступну найвищу лінію лінії над смугою,

Чому деякі фахівці воліють білий фон?

Однією з найбільш переглянутих ggplot2тем теми Stack Overflow є " Як змінити колір тла? ", Який передбачає, що за замовчуванням не користується загальною популярністю.

Колір елемента може виглядати зовсім різним, залежно від того, на якому кольорі фону він відображається. Туфте насправді обговорює це у главі 5 "Колір та інформація" у своїй книзі " Передбачення інформації", але не ставить це в контекст, наприклад, сюжетного розкиду. Морін Стоун, експерт з кольорів та професор з університету Саймона Фрейзера, настійно рекомендує білий фон з різних причин, включаючи те, що більшість кольорових палітр (у ваших прикладах, які використовуються для позначення виду чи поділу) були розроблені з білим тлом (для друк) на увазі. Їх перцептивні властивості будуть відрізнятися на більш темному тлі. Вона припускає, що білий колір має перцептивну перевагу, оскільки наше кольорове сприйняття відносно "місцевого" білого, тому наявність візуального доступного білого тла може стабілізувати наше сприйняття.

Вона також пропонує більш практичну причину, з якою я знайомий: використання білого тла дозволяє оптимізувати графік як для електронного відображення, так і для друку, а не підготувати іншу зручну для принтера версію.


2
+1 для малювання (як би) обох сторін випуску. Я чула міркування Хедлі, але не чула коментарів Стоун * Фрейзера. Спасибі!
Уейн

8

Поки фон достатньо світлий, щоб забезпечити хороший контраст із знаками даних, це здебільшого питання естетики, будь то білий або світло-сірий. Хоча колір тла в якомусь сенсі "чорнило", я не думаю, що це логічно вважається "чорнилом". Не існує пропорційного відволікання від твердого поля світло-сірого кольору.

І навпаки, лінії сітки в обох випадках вважаються логічними «чорнилами». Незважаючи на те, що білі лінії сітки не вимагають чорнила для друку, вони все одно розбивають фон і створюють додаткову візуальну роботу. Я б сказав, що 538 ліній сітки мають менше логічного чорнила, оскільки вони мають менше контрасту.


"Я б сказав, що 538 ліній сітки мають менше логічного чорнила ..." - Я погоджуюся, я вважаю, що лінійки ggplot2 за замовчуванням надзвичайно відволікають. У прикладі ggplot2 у верхній частині питання про ОП мої погляди привертаються до ліній електропередач, а не до даних.
Адріан
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.