配色を考えるときに役だつ《トーン図》のご紹介

　　デザインの配色を考えるとき、このような図を覚えておくと便利です。
　　日本語では《財団法人日本色研配色体系》といいますが長いので
　　今はとりあえず《PCCS》でいいです^^

　　以前、ご紹介した「ヘッダ-を作成する時に役立つ色のイメージ」にも出てきましたが、
　　《色相》（色みのこと）と明度（色の明るさ）、彩度（色の鮮やかさ）をまとめた
　　《トーン》の２つの属性で色を整理して表示しています。

　　それぞれ《トーン》（色の調子）には名前がついています。
　　そして今日は簡単ですが、そのトーンがもつイメージを・・・
　　本当に簡単ですが(;^_^A・・・ご紹介します。

色の見え方-配色によって違うイメージに。

久しぶりに色彩のお話を。

よく企業のコーポレートカラーに使われるレッド。
インパクトがあり活動的なイメージを与える色です。

今日選んだ赤は「鮮やかな赤=ビビット」色名はカーマイン。

このカーマインを使って周囲の配色を変えてみましょう。
赤の配色用には青と黄をつかいます。《赤》《青》《黄》全て共通です。

上図のように青色のラインに挟まれた赤色の部分は青みがかって、
赤紫色に近い色に見えます。

それに対して下図は黄色のラインに挟まれた赤。
こちらは黄味がかってオレンジの色に近く見えます。

ラインが手前にあり、色のついた部分が背後にあるという、奥行きの情報にもとづいて、
色の対比が生じ、このような見え方になります。
正面からではなく、少し斜めからみていただくと赤色の見え方の違いが分かります(;^_^A

デザインのレイアウト-ひと工夫

今日はデザインレイアウトのひと工夫をご紹介。
ご自分の商品をアメブロのトップ画面のヘッダーで紹介したい場合にも使えます。

一度にたくさんの商品を見せたい場合・・・。
今日はポストカードを例に15の商品を紹介する方法をお教えします。
はじめにを同じサイズ枠をつくり、均等に配置します。
このようにして始めは全体のバランスをみます。

そしてこの整列された枠に少し動きを与えてみましょう。
整列された中に少しだけ動きを与えるだけで視覚伝達が変わってきます。
このひと工夫が皆様に興味を持っていただけるひと工夫なのです。

最後に画像を配置していくと、このようなポストカードに仕上ります。

昨日に引き続き南プロヴァンスのご紹介。
明るい色とりどりの商品を配置していますが、プロヴァンスの商品だから
ありえる配色。楽しさが伝わるような商品ばかりです。

南仏雑貨Le Petit Nice
http://www.le-pt-nice.com/

ヘッダー画像等についてのお問い合せはこちらから↓