Art and Science of Visual Analytics Episode 1

Transcript

1. Art and Science of Visual Analytics Episode 1: Colors
3. Episode 0 Visual Analytics 考えなくても、理解できるように工夫する Preattentive Attributes Visual Analyticsを助ける考え方(= Art and Science)
4. 今回は、色
5. Preattentive Attributesの種類 Color - 色 Form - 形 Position - 位置 Movement - 動き
6. Form Color Position
7. TL;DR Colors Rules Power of Colors
8. Hue
9. Learn the Basics of Color Theory to Know What Looks Good
13. 記憶の三段階 タイプ 保持期間 容量制限 Sensory memory(即時記憶) 200~500ミリ秒 特徴のあるものだけ。 Short-term memory(短期記憶) 10~15秒 一度に7項目まで。 Long-term memory(長期記憶) 生涯 個人差がある。
15. Best Practices of Hue
16. メッセージ性さえあれば、色相は少なくても伝わる
17. 色は極限まで少なくする オススメは3色ルール • ベースカラー　　: 5 • メインカラー　　: 4 • アクセントカラー: 1 (もしくは4色ルール) • ベースカラー　　: 4 • メインカラー　　: 3 • サブカラー　　　: 2 • アクセントカラー: 1 必要な情報を必要な分だけ
18. https://www.pinterest.com/pin/514465957416721893/
19. Saturation
20. https://twitter.com/KaorixTab/status/1106358530401931264
21. Best Practices of Saturation
22. 強調したい(注目させたい)ときは、原色に近い彩度に オススメは赤系と緑系 • 赤系は危険、注意、アラートなど、ネガティブ要素を示す力がある • 緑系は安心、平常心、達成感など、ポジティブ要素を示す力がある 隠蔽したい(注意を逸らせたい)ときは、彩度を落とす オススメは薄灰色 • 強調と組み合わせると、強調 / 隠蔽の強さが相対的に増す • 不必要な情報を落とす場合、非常に効果的にはたらく手法 強調と隠蔽
23. caution!
24. Color blindness
25. What Color(s)?
26. カラーユニバーサルデザイン 色は誰にでも同じに見えるとは限らない 多様な色覚を持つ方に配慮し、情報がなるべく正確に伝わるように利用者目線に 立ってデザインすることが重要。 詳細は、東京都カラーユニバーサルガイドラインを参照。
27. TL;DR Colors Rules 3色ルール ベース : メイン : アクセント = 5 : 4 : 1 Power of Colors 強調と隠蔽 見る人によって色の世界は異なる