ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
ウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイト
目的のない配色ではよい配色が出来ても、偶然に過ぎないことが多いのです。まずは目的から色彩を考えていきます。
なぜ色を決めるのに目的が必要なのでしょうか？ それは一番はじめの「理想の色」でお伝えしたように、あなたが伝えたい情報を色彩の力で円滑に、そして情報の価値を高めるような配色をしなければ意味がありません。
そこであなたが実際に何を最も伝えたいのか、つまりウェブサイトの目的をはっきりさせる必要が出てきます。とりあえず美しいだけの配色でいいという方は、あちこちで紹介されている配色サンプルの中から、あなたの気に入ったものをそのまま真似てみましょう。そうすればそこそこの配色になるはずです。
しかしそれではあなたが本当に伝えたい内容が伝わっているとは限りませんし、もしかすると逆の印象を与えているかもしれません。そのようなことにならないためにも、あなたのウェブサイトの目的をはっきりとさせておく必要があります。
一口に伝えたい内容と言っても様々にあると思いますが、まずはそれらを列記するところからはじめてみましょう。企業のウェブサイトの場合は経営方針や製品案内などがそれにあたりますが、重要なことはその内容です。
まずはターゲットやコンセプトなどわかっていることを書き出しましょう。それも出来るだけ具体的にです。こういった類の作業はウェブサイトを作る前に全て出来ているはずのものです。もし浮かんでこない場合は配色以前の問題ですので、この部分があやふやだと思われた場合には、迷いなく後戻りすることをおすすめします。
しかしあまり多く出し過ぎても配色するのに困ってしまうことになります。その中でも重要なものを3つに絞ることにしましょう。１つや２つでは目的が不安定になります。意思を持った色彩のためには3つないし4つ程度に絞ってやると色彩設計しやすくなります。
そしてその絞り込んだ3つを掘り下げていき、配色のための根拠を整えていきます。
配色のイメージも同時に考えておきましょう。ウェブサイトの目的やターゲットがはっきりとしていれば、それほど難しい作業ではないはずです。
ここでは言葉だけで結構です。「女性向きで柔らかい感じの配色」とか「重厚で堅実な感じの配色」と言ったように言葉を決めておきます。出来上がった物がこれと一致しなければ失敗となります。もちろんトーンからのイメージを用いても構いません。
きちんと考えてイメージを配色イメージを決めてください。好みだけで決めてしまうのは避けましょう。後ほど決定する最初の１色（ベースカラー）がこのイメージと一致するかどうかは配色全般の正否に関わってくる問題ですので、常に意識できるように目に見える場所に書き出しておくことをおすすめします。
このサイトを製作するにあたって、ブレーンストーミングして整理した内容はこのようなものでした。その浮かび上がってきた目的や希望を一つずつ掘り下げていくことによって、考慮しなければならないことが見えてきます。
このようにして今から自分が今からするカラーコーディネートに対して条件付けをしていきましょう。
元ウェブデザイナーの経験から、操作が必要なもののカラーコーディネートを得意としております。ウェブカラーに関する講演や執筆も多数あります。写真は飼い猫のぶるたんです。
アクセシビリティ アクセントカラー コーポレートカラー サイトの目的 サブカラー ジャッド トーン ベースカラー ユーザビリティ レイアウト 中性色 分析 可読性 執筆 売れる色 失敗 寒色 彩度 心構え 情報の伝達 明度 暖色 書籍 有彩色 業務委託 無彩色 競合サイト 背景色 色の三属性 色の心理的効果 色彩調和論 色相 色相環 視認性 調整 調査 配色 配色サンプル 閲覧環境 面積 面積比 類似色相 CIカラー HSBカラーモデル JIS X8341-3
この記事をTwitterでつぶやく
