Які основні правила проектування та виготовлення ділянок?

Фон:

Раніше у Cross Valified у нас були запитання щодо:

• Яка найкраща практика під час підготовки сюжетів?
• Які хороші поради доступні в Інтернеті для побудови двох числових змінних?

Було запропоновано @David в коментарях до цього питання , що ми повинні мати співтовариство вікі питання з одним правилом візуалізації у відповідь , що спільнота може голосувати за.

Питання

Які основні правила проектування та створення графічних зображень даних?

Правила

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

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

Знайомство з трьома розмірами кольору може бути корисним. Якщо ви використовуєте кілька кольорів, вони в ідеалі повинні відрізнятися за декількома з цих розмірів, а не лише одним.

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

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

Відтінок. Як згадував @gung, уникайте комбінації червоного / зеленого (світлофорів): людей набагато більше, ніж ви думаєте, кольорових. Особливо з відтінком, менше - більше. Наприклад, для побудови «розбіжних» значень (тобто величин, які можуть бути позитивними чи негативними), використовуйте лише два відтінки (для позитивних і негативних значень), щоб читач міг відразу розрізнити, що є високим, а що низьким. Використання дискретного градієнта може призвести до значно читабельнішої ділянки: межі між кольорами стають видимими та утворюють контурний графік.

Ви можете прочитати практичні правила С. Фьюра щодо використання кольору в діаграмах або звернутися до будь-якого матеріалу про "Теорію кольорів" для студентів мистецтва чи дизайну.

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

Зробіть сюжет максимально простим. За словами Туфте, "мінімізуйте співвідношення даних-чорнила".

Наприклад, уникайте:

• більше кольорів або форм, ніж потрібно
• більше галочок, ніж потрібно
• 3-D ефекти на 2-D графіку.
• використовуючи легенду, коли об’єкти можна мітити безпосередньо

Залиште час для редагування. Створення хорошого графіка вимагає часу, і це часто потребує (принаймні для мене) декількох спроб.

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

• Якщо вам потрібні лише два кольори, використовуйте синій і жовтий - не використовуйте червоний і зелений.
• Якщо вам потрібен градієнт, перейдіть від синього до жовтого, одночасно змінюючи насиченість і легкість - не використовуйте веселку.
• Якщо вам потрібно кодувати більш ніж два елементи (наприклад, точки на розсипці з більш ніж двох груп або декількох ліній), резервуйте свої кольори також за допомогою різних графічних символів / стилів ліній. Наприклад, окремі графічні символи: o + <sw, або лінії: суцільні, пунктирні, пунктирні, пунктирні тощо (ви також можете додавати символи для накреслення до ліній або змінювати ваги ліній).

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

Не використовуйте кругові діаграми.

Не дублюйте дані, які містяться у графіку, кидаючи в таблицю.

Використовуйте шрифт sans serif, як Arial, для заголовків графіків тощо, тому що ці типи шрифтів розроблені таким чином.

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

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

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