とある色の決め方

1. とある色の決め方 yumi ishizaki

2. 60-30-10 Rule • インテリアとかファッション業界でよく使われてるルール • 「色の割合」と「色の数」がポイント

3. スーツ左の人のスーツ＋ワイシャツ＋ネクタイ http://www.ﬂickr.com/photos/matthew/1093613150/

4. 例：インテリア http://www.ﬂickr.com/photos/ http://www.ﬂickr.com/photos/reiner/331728294/ 57275427@N05/6616615901/ ↑ 4色以上使いたい場合はちょっとだけの割合を使う

5. webサイト・スマホアプリでも使えるかも!? 一画面を60-30-10 Ruleでデザイン！

6. じゃあナニ色にしたらいいの？ Kuler 使うと便利です！ http://kuler.adobe.com/ Photoshopのエクステンショントップ→create

7. 例えばこんなサイトのアクセント色入会ボタン何色にしよう！？ • ロゴの色は決まってる • あとはグレー系で作って欲しいっぽい依頼があったり

8. Kuler でボタンの色を探してみようまずは基本色ロゴの色を基本色（Base Color）と Photoshopのして探してみようエクステンション

9. Kuler を使って色の基本を勉強「色相」についてぐるぐるレインボ∼∼∼ 色相の輪 • 色相 • ぐるぐるレインボーーーー

10. Kuler を使って色の基本を勉強「彩度」について鮮やかまぶしい落ち着いてるシブいより白黒に近い色味がなくなる彩度 • 彩度 • 円の中心に行けば行くほど、色味が薄くなり（例えば「赤」なら「赤っぽさ」が無くなり）、白黒に近くなる。 • 円の外側の方が色鮮やかで、まぶしい色。

11. Kuler を使って色の基本を勉強「明度」について明るい暗い黒っぽい明度 • 明度 • 上の方は明るい。 • 下の方は暗い。黒っぽい。

12. Kuler でボタンの色を探してみよう配色ルール（Select a Rule）を試す近い色相を同じ色相でいわゆる三角形の選んでみる明度・色彩を変更

22. Kuler でボタンの色を探してみよう配色ルール（Select a Rule）を試すいわゆる反対の合わせ技！？明度を変更

28. Kuler でボタンの色を探してみよう Ruleは使わず自由にやってみる時のコツ • 「近い色相」「近い彩度」「近い明度」から選ぶと、変な配色にはなりにくい！ • または「色相だけ変更」「彩度だけ変更」「明度だけ変更」と、変更する所を限定する彩度だけ変更して選ぶ明度だけ変更して選ぶ色相だけ変更して選ぶ

29. Kuler で拾った色で試しにボタン作ってみるメリハリ鮮やか系メリハリ同系色系ナチュラルテイストナチュラルぴり辛派手な感じできるだけ青しぶめエコっぽい

30. まとめ • 一画面 60-30-10 Rule は使える • 2色が決まっていれば、残り1色決めるのはKulerで行えば簡単ですね • 同系色でまとめたい時は、色相ドミナント（Monochromatic）、濃淡（Shades）から色を取る • メリハリが欲しい時は、トライアド（Triad）、補色配色（Complementary）、組み合わせ（Compound）から色をとるといいかも

とある色の決め方

More Related Content

とある色の決め方

Editor's Notes