» トーン | 坂本邦夫の「ネットショップ作成のための配色マニュアル」

1からスタート、基礎から学べるネットショップ配色マニュアルです

まったくデザインや色彩の基礎知識のない方でも学んでいただけるように、専門知識などは詰め込まず、ゆったりとネットショップの配色を学んでいただけるように配慮した情報サイトです。

主なテーマは「まずこれだけは」で、最低限必要な色彩の基礎知識を学んでいただき、即効性の必要な「既存サイトの修正」「１から配色を考える場合」という順に進んでいきます。また色彩を学ぶのに有益と思われるサイトや書籍なども随時掲載していきます。

ウェブサイトの配色に興味を持つ全ての方に読んでいただきたいのですが、このサイトでは、特にオンラインショップの運営に携わる色彩初心者を対象としています。特に下記の項目に心当たりのある方におすすめします。

出来るだけ早く学びたい方やサイトの修正が急務という方は、管理人が主宰するフォルトゥナのサイトをご覧ください。

1から最善の色彩を作り上げるウェブカラー設計、既存のサイトの問題点と改善策をご提案するウェブカラー診断・アドバイスなど、様々な色彩に関するサービスをご用意しております。

配色を行うのに便利なトーン（色調）について知っておきましょう。

トーンは明度と彩度を複合した概念で、日本語では色調などと呼ばれます。

などと書いても大変わかりにくいと思いますが、要するに「明度と彩度が割と似た色を集めてみたら、きれいに揃った感じがして、印象に残りやすそうな配色になります」ってことです。そこでいくつかのブロックに色を分けてみました。

これはJIS規格で決められているトーン（らしきもの）を元に、私が勝手に作ったものです。ですので、細かい色の違いは気にしなくてよいのですが、「ごくうすい～」辺りの色は優しい印象がしますし、「暗い」辺りの色ですと落ち着いて固いような雰囲気がします。

「ごく暗い」色を見て、明るくて心が浮き立つという人はあまりいないかと思いますし、色を見て感じるイメージは個人差はあるものの、バラバラというほどでもありませんので、作りたいイメージに合ったトーンを選ぶと良いでしょう。

同じトーンから色を選んで配色を行うと、それぞれのトーンに合ったイメージが生まれます。彩度の高いトーンでは、元気な感じや派手な感じを受け、彩度が低くなるにつれて、落ちついた地味な印象を受ける色のグループが出来上がります。

このように何かのイメージを伝えたい場合には、トーンを使って配色を考えると便利です。ただし、同じトーンだけで色を選ぶと、きつすぎたりぼんやりしたりすることがあります。そのため、違うトーンから色を選ばなければならないことが多々あります。

このような場合に、他のトーンから大きく色を配置すると、元々のトーンのイメージは崩れてしまいます。そこで、違うトーンを使うときは、少しだけ追加すれば、最初に伝えたいと思ったイメージを維持することが出来ます。

自分が最初にどのようなイメージを表現したいのかをしっかりと定めておき、そこからぶれることのないように配色することを心がけておきましょう。「なんとなく」で色を決めるのは、最も避けたいことの一つです。

投稿日時: 2010年07月05日 10時31分
カテゴリー：色彩の基本知識 | コメントはまだありません »
タグ：トーン