配色の使い方

「色」とは

色相明度 彩度

色3つの属性を持つ

「色」とは色相赤・青・緑・黄・紫…のように区別される色合い

　　　　　　　　　　　　　　　　　　　　 　　　　　 色相環

「色」とは明度色相の明るさ高いほど白に近づく低いほど黒に近づく

高

低

「色」とは彩度色相の鮮やかさ高いほど元の色相に近づく低いほどくすむ

グレースケールは無彩色と呼ばれる

無

無

無彩色

高

低

有彩色

色の使い分け悪い例こんな感じに様々な色を使い過ぎると・・・ごちゃごちゃしていて見難くなる注目する場所がわからない背景に文字が溶けて見えない

読めない！

色の使い分け悪い例こんな感じに様々な色を使い過ぎると・・・ごちゃごちゃしていて見難くなる注目する場所がわからない背景に文字が溶けて見えない

見たくない！

色の使い分け色は 3色程度で　　　　　　　背景色 :70%

メインカラー :25%

アクセントカラー :5%

色の使い分けメインカラーテーマの中心となる色このスライドでは…青好みで選んで良い

ターゲットが好きそう…他の人と被らなさそう…注目されやすそう…おまえが好きだ！　　　　　　　　　　　　　　など

色の使い分け背景色 (ベースカラー )広い範囲で塗られるこのスライドでは…白注意点は 2つ

背景色発光する色はNG！

まぶしい・・・

背景色メインカラーと明度が相対になるように選ぶ

文字 文字文字 文字

背景色無彩色や明度が高い色が扱いやすいメインカラーの明度を上げても良いかも

文字 文字文字 文字

色の使い分けアクセントカラー注目させたい部分の色このスライドでは…橙色

アクセントカラー選び方色相環でできるだけ反対側の色相から選ぶ

3色じゃ足りない！そんな時は明度または彩度を変えてみる

3色じゃ足りない！そんな時は明度または彩度を変えてみる

3色じゃ足りない！そんな時は明度または彩度を変えてみる

3色じゃ足りない！色のバランスを崩すのはNG！

3色じゃ足りない！色のバランスを崩すのはNG！

まとめ• スライド全体の配色は　　　　　　　色相　　明度　　彩度　の関係を考えて選ぶ• 同じ内容のスライドでも配色次第で　見やすさが上がる• 色々組み合わせて新しい配色を見つけてみよう