 02 カラーコーディネイト 文字通りサイトの色になる 配色の基礎 テーマにあった色を選ぼう・青 ・緑 ・黄-オレンジ ・赤-ピンク ・灰色-白 トップページへ戻る |
02 カラーコーディネイト
文字通りサイトの色になる色というのはただ単に見た目のキレイさ以外にも見た人にさまざまな印象を与えることができます。どのような印象を受けるかはその色によってさまざまで、ウェブサイトでもカラーリングひとつでサイト全体の印象が変わってきます。よって、サイトの色を決める場合はそのサイトのもつテーマにあった色を選ぶことが大切です。 |
配色の基礎文字のフォント選びと一緒でよくありがちなのが、１ページにやたらいろんな色を使っているサイトです。フォントと同じで色ひとつひとつにデザイン的な要素が含まれているのであまりに統一感のない色使いをするとデザイン的にも決してよくありません。共通性(Unity)と対比(Contrast) 色選びに必要なことのまず最初は当然ながら全体的な共通性を持たせることです。赤なら赤系、青なら青系というふうに全体的なサイトカラーを決めることが大切です。そしてサイト全体にアクセントをいれる目的でサイトカラーとはまったく別の対比させた色を少し使います。こうすることによってサイト自体が引き締まって見えます。 |
テーマにあった色を選ぼう実際に色を選ぶ際には自分のサイトがどんなテーマを持っていて閲覧者にどのような印象を与えたいかを考えてから選ぶようにしましょう。色にはそれぞれイメージがありますので以下を参考にして自分のテーマにあった色を選びましょう。 (使用している色は２５６色のウェブセーフカラーで表現しています。もちろんこれ以外にもたくさんの色はありますので参考としてみてください) |
清潔感と清涼感 -青-寒色系の代表である青は清涼感のイメージを持っています。そのほかにも企業としての清潔感・信頼感を表す色でもあり、ビジネスサイトにも良く使われています。また寒色系ではありますが、空や海のイメージから夏をあらわす色でもあります。
クールなイメージの配色ならばややトーンの落とした青とグレーを効果的に使うと都会的なクールなイメージになります。 |
|||||||||||||||||||||||||||||||
| >PAGE TOP |
親しみと安心感 -緑-自然に多く存在する緑色はナチュラルな印象を与えます。また、信号機の緑から受けるような安全感、食品や化粧品などの人体への無害感などの印象も持っています。健康食品などのサイトによく見受けられます。植物の葉のイメージから春を表す色でもあります。
|
| >PAGE TOP |
快活・活発・元気 -黄- 暖かさと楽しさ -オレンジ-黄色にもナチュラルなイメージがありますが緑系に比べるとエコロジカルな印象を押さえられるので他のイメージを演出することも出来ます。子供の元気さやフレッシュ感もイメージできます。オレンジは暖色系の中でも暖かさをイメージできます。トーンを抑えると落ち葉や紅葉などのイメージから秋の色にもなります。
|
| >PAGE TOP |
情熱、暑さ -赤- キュート・女性らしさ -ピンク-
炎の色である赤色は熱をイメージする色です。情熱や興奮などの感情的な印象や注意などのイメージカラーでもあります。ピンクにはかわいらしさや女性らしさ、ういういしさといったイメージを持っています。ただしあまり多用しすぎるといやらしい印象になってしまいます。 |
| #ffcccc | #ff99cc | #ff66cc | #ff33cc | #ff00cc | #cc00cc |
| #ff9999 | #ff6699 | #ff3399 | #ff0099 | #cc0099 | #ff6666 |
| #ff3366 | #ff0066 | #cc0066 | #ff3300 | #ff0033 | #cc0033 |
| #ff3333 | #ff0000 | #cc0000 | #ff6633 | #ff6600 | #cc3300 |
| #ffccff | #ff99ff | #ff66ff | #ff33ff | #ff00ff | #cc3399 |
| #000000 | #0000cc | #9933ff | #999999 |
| 赤 炎-熱-熱さ 情熱的-興奮的-積極的 血-危険 成長、躍動感 etc |
ピンク かわいい-キュート 女性的-やわらかい ういういしさ-ファッション性 ハイティーン etc |
| >PAGE TOP |
冷静・知的 -灰色- 清潔・誠実 -白-
灰色には冷静で知的な印象があります。うまく使うと知的でステイタス感のあるサイトにすることが出来ます。白は何色にも染まっていないところから清潔感や誠実な印象を与えます。みなさん知っての通り医療系でよく使われる色です。また、灰色、白ともに冬の色でもあります。 |
|||||||||
| #ffffff | #cccccc | #999999 | #666666 | #333333 | ||
キーワード
| 灰色 冷静-知的-クール クリエイティブ-スタイリッシュ 荒廃-曇り―ダーク 冬 etc |
白 清潔―誠実 雪-冬 医療、雲 etc |
