こんにちは！ためしてねっとのシゲです。

ワードやイラストレーターで自分でデザインしてみるんだけど、な～んかしっくりこないんだよね・・・というお悩みありますよね。

私も毎回そんな感じです。

最近、↓こんな記事を発見！

「ドキュメントデザイン」で最も重要な50のルールをまとめた「Color CRAYON-TIP Method」

大元の記事は、海外のデザイナーがアップしたものです。

The 50 Most Important Rules of Document Design: Color CRAYON-TIP Method

中身は、グラフィックデザイナーがデザインするにあたって特に重要な要素を

• Color(カラー)
• Contrast(コントラスト)
• Repetition(反復)
• Arrangement(アレンジ)
• Why(なぜ)
• Organization(組織化)
• Negative Space(ネガティブスペース)
• Typography(タイポグラフィ)
• Iconography(図像学)
• Photography(フォトグラフィ)

という１０のカテゴリに分類し、各項目ごとに５つずつ、全部で５０のルールを盛り込んだものが「Color CRAYON-TIP」（カラークレヨンチップ）というものです。

これらのルールに沿って、デザイン・構成していくと「しっくりくる」デザインができるというもの。

項目ごとにわかりやすく解説していきたいと思います。

今回は、「Color(カラー)」色の使い方についてです。

Color（カラー）

色使いの５つのルールを解説

◆その1：カラーホイール

カラーホイールとは、↓これ！

のっけから理論的なことはさておき（笑）

以下のようなサイトで中心になる色（イメージカラーなど）を１色決めると進めやすくなるということです。

「参考サイト」配色の見本帳｜キーカラーで選ぶ配色パターン

◆その2：4色以下

これは、なんとなくおちいりがちでとても大事なルールです。

いろんな色を使うとにぎやかで作っているほうはとても楽しいのですが、見るほうはごちゃごちゃしたイメージだけが印象に残ってしまいます。

できるだけ使う色の数を少なくして（がまんして）スッキリとしたイメージを与えるためにも４色以下でデザインしましょう。

◆その3：感情と彩度

彩度が高い　→　鮮やかな色のこと

彩度が低い　→　くすんだ感じの色のこと

◆その4：色彩心理学

これは、お馴染み！

交通標識なども、ちゃんと色の意味を利用して作られていますね。

「参考サイト」色が持つ効果と意味

◆その5：ホワイトは優秀な色

ここでいうホワイト（白）は、スペース（余白）の色のルールです。

上手に白いスペースを演出してあげると、上記のような印象を与えることができます。

その白を上手に使っているのが、アップルやソフトバンク。

両社ともイメージ通りではないでしょうか。

いかがでしょうか？色使いの５つのルール。

これを守るだけでも、しっくりしたデザインに近づくこと間違いなしですよ♪