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
950
Tableau事例紹介 & 課題共有
kazuya_araki_tokyo
1
1.8k
統計とは? @ICUHS
kazuya_araki_tokyo
0
290
License Management @BizReach, Inc.
kazuya_araki_tokyo
0
73
Art and Science of Visual Analytics Episode 0
kazuya_araki_tokyo
0
64
Art and Science of Visual Analytics Episode 2
kazuya_araki_tokyo
0
63
Art and Science of Visual Analytics Episode 3
kazuya_araki_tokyo
0
58
Tableau + Pythonとデータのあり方
kazuya_araki_tokyo
2
120
株式会社ビズリーチの紹介@Data Analyst Meetup Tokyo vol.8
kazuya_araki_tokyo
0
86
Other Decks in Science
See All in Science
データマイニング - ウェブとグラフ
trycycle
PRO
0
140
点群ライブラリPDALをGoogleColabにて実行する方法の紹介
kentaitakura
1
330
Valuable Lessons Learned on Kaggle’s ARC AGI LLM Challenge (PyDataGlobal 2024)
ianozsvald
0
400
モンテカルロDCF法による事業価値の算出(モンテカルロ法とベイズモデリング) / Business Valuation Using Monte Carlo DCF Method (Monte Carlo Simulation and Bayesian Modeling)
ikuma_w
0
210
データベース15: ビッグデータ時代のデータベース
trycycle
PRO
0
270
機械学習 - DBSCAN
trycycle
PRO
0
940
Hakonwa-Quaternion
hiranabe
1
110
02_西村訓弘_プログラムディレクター_人口減少を機にひらく未来社会.pdf
sip3ristex
0
530
MCMCのR-hatは分散分析である
moricup
0
400
マウス肝炎ウイルス感染の遺伝子発現へのテンソル分解の適用によるSARS-CoV-2感染関連重要ヒト遺伝子と有効な薬剤の同定
tagtag
0
130
[第62回 CV勉強会@関東] Long-CLIP: Unlocking the Long-Text Capability of CLIP / kantoCV 62th ECCV 2024
lychee1223
1
960
3次元点群を利用した植物の葉の自動セグメンテーションについて
kentaitakura
2
1.3k
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
We Have a Design System, Now What?
morganepeng
53
7.7k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Typedesign – Prime Four
hannesfritz
42
2.7k
The Cult of Friendly URLs
andyhume
79
6.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Thoughts on Productivity
jonyablonski
69
4.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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