Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Art and Science of Visual Analytics Episode 1
Search
Kazuya Araki
November 25, 2019
Science
1
130
Art and Science of Visual Analytics Episode 1
Kazuya Araki
November 25, 2019
Tweet
Share
More Decks by Kazuya Araki
See All by Kazuya Araki
Tableau事例紹介 / Tableau Case Study of Eureka
kazuya_araki_tokyo
1
970
Tableau事例紹介 & 課題共有
kazuya_araki_tokyo
1
1.8k
統計とは? @ICUHS
kazuya_araki_tokyo
0
290
License Management @BizReach, Inc.
kazuya_araki_tokyo
0
78
Art and Science of Visual Analytics Episode 0
kazuya_araki_tokyo
0
67
Art and Science of Visual Analytics Episode 2
kazuya_araki_tokyo
0
67
Art and Science of Visual Analytics Episode 3
kazuya_araki_tokyo
0
58
Tableau + Pythonとデータのあり方
kazuya_araki_tokyo
2
130
株式会社ビズリーチの紹介@Data Analyst Meetup Tokyo vol.8
kazuya_araki_tokyo
0
86
Other Decks in Science
See All in Science
機械学習 - 授業概要
trycycle
PRO
0
240
Symfony Console Facelift
chalasr
2
470
実力評価性能を考慮した弓道高校生全国大会の大会制度設計の提案 / (konakalab presentation at MSS 2025.03)
konakalab
2
200
データベース12: 正規化(2/2) - データ従属性に基づく正規化
trycycle
PRO
0
970
科学で迫る勝敗の法則(電気学会・SICE若手セミナー講演 2024年12月) / The principle of victory discovered by science (Lecture for young academists in IEEJ-SICE))
konakalab
0
130
オンプレミス環境にKubernetesを構築する
koukimiura
0
350
ttl2html (RDF/Turtle to HTML)
masao
0
110
Masseyのレーティングを用いたフォーミュラレースドライバーの実績評価手法の開発 / Development of a Performance Evaluation Method for Formula Race Drivers Using Massey Ratings
konakalab
0
190
ド文系だった私が、 KaggleのNCAAコンペでソロ金取れるまで
wakamatsu_takumu
2
1.3k
Quelles valorisations des logiciels vers le monde socio-économique dans un contexte de Science Ouverte ?
bluehats
1
490
CV_5_3dVision
hachama
0
150
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
150
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Bash Introduction
62gerente
615
210k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Side Projects
sachag
455
43k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Statistics for Hackers
jakevdp
799
220k
Typedesign – Prime Four
hannesfritz
42
2.8k
Transcript
Art and Science of Visual Analytics Episode 1: Colors
None
Episode 0 Visual Analytics 考えなくても、理解できるように工夫する Preattentive Attributes Visual Analyticsを助ける考え方(= Art
and Science)
今回は、色
Preattentive Attributesの種類 Color - 色 Form - 形 Position -
位置 Movement - 動き
Form Color Position
TL;DR Colors Rules Power of Colors
Hue
Learn the Basics of Color Theory to Know What Looks
Good
None
None
None
記憶の三段階 タイプ 保持期間 容量制限 Sensory memory(即時記憶) 200~500ミリ秒 特徴のあるものだけ。 Short-term memory(短期記憶)
10~15秒 一度に7項目まで。 Long-term memory(長期記憶) 生涯 個人差がある。
None
Best Practices of Hue
メッセージ性さえあれば、色相は少なくても伝わる
色は極限まで少なくする オススメは3色ルール • ベースカラー : 5 • メインカラー : 4 • アクセントカラー:
1 (もしくは4色ルール) • ベースカラー : 4 • メインカラー : 3 • サブカラー : 2 • アクセントカラー: 1 必要な情報を必要な分だけ
https://www.pinterest.com/pin/514465957416721893/
Saturation
https://twitter.com/KaorixTab/status/1106358530401931264
Best Practices of Saturation
強調したい(注目させたい)ときは、原色に近い彩度に オススメは赤系と緑系 • 赤系は危険、注意、アラートなど、ネガティブ要素を示す力がある • 緑系は安心、平常心、達成感など、ポジティブ要素を示す力がある 隠蔽したい(注意を逸らせたい)ときは、彩度を落とす オススメは薄灰色 • 強調と組み合わせると、強調
/ 隠蔽の強さが相対的に増す • 不必要な情報を落とす場合、非常に効果的にはたらく手法 強調と隠蔽
caution!
Color blindness
What Color(s)?
カラーユニバーサルデザイン 色は誰にでも同じに見えるとは限らない 多様な色覚を持つ方に配慮し、情報がなるべく正確に伝わるように利用者目線に 立ってデザインすることが重要。 詳細は、東京都カラーユニバーサルガイドラインを参照。
TL;DR Colors Rules 3色ルール ベース : メイン : アクセント =
5 : 4 : 1 Power of Colors 強調と隠蔽 見る人によって色の世界は異なる
None