クライアントさんに、配色の説明をする際に、使用した色の名前を合わせて伝えてあげるとクライアントさんもイメージしやすいかも知れません。。

また、配色やデザインのアイデアに煮詰まった時にも、色の名前からインスピレーションを得ることができるかも。。

Name That Color

POP*POPさんでも、ご紹介されていました。。カラーホイールまたは、HEXコードを指定すると、色の名前を教えてくれるツールです。。便利そう。。

500+ Colours

こちらのサイトは、一覧から色の名前、HEXコードを確認することができます。↑のName That Colorとは、違った名前の付け方でした。。

以前、『日本の伝統色を組み合わせてみた』と言う記事でもご紹介したように、日本でも伝統的に色に名前がつけられていて、日本人の美に対する意識の高さを感じておりました。。

そんな、日本の伝統色をまとめられている『色彩のスパイス』さんのサイトをご紹介。こちらのサイトでは、日本の伝統色だけでなく、世界の伝統色もまとめられておりました。

日本の伝統色

全体的にやわらかい色使いですね。。。

中国の伝統色

日本の伝統色よりも、強めな色使いが印象的です。。

フランスの伝統色

ポップな色味が多いですね。。

イギリスの伝統色

どことなく、日本の伝統色に近い、柔らかな印象ですね。。

日本だけでなく、いろいろな国で独自の色の名前があって、見ているだけでも楽しいですね。。。

これから、デザインの勉強を始める方、ちょっとデザインに興味がある方、プログラムはできるけどデザインの方はちょっと苦手な方々。。。

『Most common mistakes made by new designers』という記事を見つけました。。

っちゅうわけで、本日は、デザイン初心者の方が気をつけると良いかも？っという、ポイントとお手軽に使えそうなツールをあわせてご紹介。。

色の選択
色味って、人それぞれ好みがあるので、一概にどれが正しいとかって言い切るのは難しいですが・・・あまりにもドギツい配色のサイトは見ていて疲れますよね。。。

最近は、配色関連のツールがいろいろ充実してますね。。

kuler

COLOURlovers

以前、こちらでもご紹介した、『デザインの配色に迷ったときに使えるツールのまとめ』も参考になるかも。。。

フォントの選択
今では無料でかなりクオリティの高いフォントがダウンロードできるので、いろいろなフォントを試して、お気に入りのフォントを見つけてください。。

dafont.com

better fonts

日本語のフォントが使いたい～！って方は、
『無料で使える日本語フォント11選』も合わせてどうぞ～。

フォントのサイズ
あまりにも小さすぎたり、大きすぎるフォントサイズは読み難いですよね。。

こちらで、フォントとサイズを設定すれば、ブラウザ上でどんな感じで見えるのかお試しできます。日本語が使えるともっと良かったんですが…

Typetester

ドロップシャドウ・光彩
Photoshopなどを使えば、簡単にドロップシャドウや光彩などのエフェクトがかけられますが、使いすぎると逆にチープに見えてしまいますよね。。

↓のチュートリアルのように影のつけ方にもひと工夫してみると、また違った感じに見えていいですね。。

グラデーション
グラデーションもやりすぎに注意しましょう。。色決めに自信が無い方は、配色ツールなどであらかじめ色を決めてからの方がいいかも。。

↓こちらのツールは簡単にグラデーションを作ってくれるツール。。

Photoshopをお持ちの方は、『Photoshopのグラデーションファイルを日本の伝統色で作ってみた』こちらから、グラデーションファイルをダウンロードしてお試しください～。

まだまだ、ポイントはいっぱいあると思いますが・・・

サイトをデザインするに当たって、色味ってものすごく大事ですよね。。

先日ご紹介したエントリ『日本の伝統色を組み合わせてみた』などを参考にして、お好きな色を組み合わせて、サイトをデザインするのも良い方法だと思われますが。。。

色にはそれぞれ人に与える印象が違いますよねぇ。

例えば、赤い色から連想されるイメージは・・・

情熱，危険，派手，興奮，激しい，愛，恋，燃える，対立，強烈，禁止，友情，戦い，危険，注目，美味，辛い etc…

もちろん、連想されるイメージは人それぞれの経験や、その時々の気分によっても違うようですが、統計的に見て一般的に人が、赤い色を見て連想するイメージは上記のようなものだそうです。。

詳しくは・・・『色が与える印象の違い』で、ものすごく上手にまとめられているので、ご参考にどうぞ。。

っちゅうわけで、本日はこの『色が人に与える印象』について、簡単な実験を行ってみました。。

今回の実験に、このおねぇちゃんの写真を使ってみました。。

このおねぇちゃんの写真の色味を変えて、おねぇちゃんの表情の変化や、受ける印象が本当に変わるのでしょうかね。。。

今回の実験の趣旨といたしましては・・・

赤: 燃えるような情熱的な女にみえる？
オレンジ: 開放的で活発な女。トロピカルな感じ？
黄: かわいいくて、にぎやかか？
緑: ちょっぴり若くて、自然美に見えるか。。
シアン: クールで理知的な女
青: 義理も人情もない冷酷な女・・・。
紫: ちょっぴり近寄りがたい、神秘的な妖艶な女。
ピンク: 女性的なまる～い感じか・・・

そんな感じになるのでしょうか。。

で、並べてみました。。。いかがでしょうか。。。（画像クリックで大きくなります。）

全く同じ写真を使ってるんですが。。。なんだか表情が違うような気が・・・

こんな感じで、色が人に与える印象ってそれぞれ、違うんですね。。。

サイトの色味を決めるときにも使えそうですね。