ウェブサイトのカラーコーディネートを専門とするカラーコーディネーター坂本邦夫が、読みやすく使いやすいホームページの配色についての記事を公開しているサイトです。
色彩の基礎知識から、配色の作り方、競合サイトとの色の比較方法や色のアクセシビリティまで、一通りの配色知識を学ぶことが出来ます。また、最新の情報や成果などもここで発表していきます。
カラーコーディネーターに提供するべき情報とは 単にきれいな色を作ってくださいということではありません。具体的な方針がないと、よい配色もサイトも生まれないのです。
単にきれいな色を作ってくださいという依頼は、カラーコーディネーターにとって楽なもののように感じられますが、実は最も配色を行いにくい業務の一つです。
さわやかなイメージを作りたい場合でも、その配色は1つではなく、まったく違う色を使ったパターンを作り、クライアントの好みによってそれらは選ばれ、根拠のない負担が掛かることになってしまいます。
本来、ウェブサイトの配色を決める場合には、その目的や競合サイトなどの入念な調査が必要であり、それを行うことがカラーコーディネーターの仕事なのです。
そしてそれらを追求し、論理的に配色を組み立てていけば、まったく異なる配色パターンが出来上がるということも少なくなっていくはずなのです。
私が配色の仕事を行う際には、最低限の情報として、これらのことを聞いています。実際にはこれだけでは情報としては足りませんので、これを叩き台にしてヒアリングを行っています。
配色を外部に委託するときは、少なくともこれくらいの情報を渡すようにしましょう。また成果物にこれらの情報が反映されているのか、また反映されていないとすればどのような理由かをきちんと回答してもらうようにしましょう。
投稿日時: 2010年01月27日 22時59分
カテゴリー: 配色を外部へ委託する | コメントはまだありません »
タグ: サイトの目的, 業務委託
目的のない配色ではよい配色が出来ても、偶然に過ぎないことが多いのです。まずは目的から色彩を考えていきます。
なぜ色を決めるのに目的が必要なのでしょうか? それは一番はじめの「理想の色」でお伝えしたように、あなたが伝えたい情報を色彩の力で円滑に、そして情報の価値を高めるような配色をしなければ意味がありません。
そこであなたが実際に何を最も伝えたいのか、つまりウェブサイトの目的をはっきりさせる必要が出てきます。とりあえず美しいだけの配色でいいという方は、あちこちで紹介されている配色サンプルの中から、あなたの気に入ったものをそのまま真似てみましょう。そうすればそこそこの配色になるはずです。
しかしそれではあなたが本当に伝えたい内容が伝わっているとは限りませんし、もしかすると逆の印象を与えているかもしれません。そのようなことにならないためにも、あなたのウェブサイトの目的をはっきりとさせておく必要があります。
一口に伝えたい内容と言っても様々にあると思いますが、まずはそれらを列記するところからはじめてみましょう。企業のウェブサイトの場合は経営方針や製品案内などがそれにあたりますが、重要なことはその内容です。
まずはターゲットやコンセプトなどわかっていることを書き出しましょう。それも出来るだけ具体的にです。こういった類の作業はウェブサイトを作る前に全て出来ているはずのものです。もし浮かんでこない場合は配色以前の問題ですので、この部分があやふやだと思われた場合には、迷いなく後戻りすることをおすすめします。
しかしあまり多く出し過ぎても配色するのに困ってしまうことになります。その中でも重要なものを3つに絞ることにしましょう。1つや2つでは目的が不安定になります。意思を持った色彩のためには3つないし4つ程度に絞ってやると色彩設計しやすくなります。
そしてその絞り込んだ3つを掘り下げていき、配色のための根拠を整えていきます。
配色のイメージも同時に考えておきましょう。ウェブサイトの目的やターゲットがはっきりとしていれば、それほど難しい作業ではないはずです。
ここでは言葉だけで結構です。「女性向きで柔らかい感じの配色」とか「重厚で堅実な感じの配色」と言ったように言葉を決めておきます。出来上がった物がこれと一致しなければ失敗となります。もちろんトーンからのイメージを用いても構いません。
きちんと考えてイメージを配色イメージを決めてください。好みだけで決めてしまうのは避けましょう。後ほど決定する最初の1色(ベースカラー)がこのイメージと一致するかどうかは配色全般の正否に関わってくる問題ですので、常に意識できるように目に見える場所に書き出しておくことをおすすめします。
このサイトを製作するにあたって、ブレーンストーミングして整理した内容はこのようなものでした。その浮かび上がってきた目的や希望を一つずつ掘り下げていくことによって、考慮しなければならないことが見えてきます。
このようにして今から自分が今からするカラーコーディネートに対して条件付けをしていきましょう。
投稿日時: 2010年01月26日 22時22分
カテゴリー: 色彩設計の準備 | コメントはまだありません »
タグ: サイトの目的
色彩を決めるには本来様々な調査やターゲットのイメージをきっちりと把握することなどが不可欠となります。
「色彩の基礎知識」までをお読みいただいた方には色彩に関する基礎的な知識はご理解いただけたと思います。ここからは具体的に配色をしていくための準備をしていくことにしましょう。
少し知識を得たところで、早速のその知識を活かして配色を進めたいところですが、今しばらくお待ち下さい。皆様のウェブサイトの目的はお一人お一人で違うはずです。すでに使う色を決めているという方ももう一度考えてみることにしましょう。
そもそも色彩設計とはきれいな色を作るだけのことではありません。自分が伝えたい内容を色彩の力を使って表現することが目的ですが、色の場合はとかく見た目の美しさに心を奪われがちになりますので、相手に本当に伝えたいことが伝わるかということを客観的に見るという作業も必要になります。
好みで色を決めるのではなく、色彩は理論に基づいて設計するものであるということを、常に頭の片隅に置いておくようにしましょう。
会社のコーポレートカラーなどを問いかけると、社長の好きな色だからとかなんとなくこの色に決まっていたなどという答えが返ってくる場合が非常に多いのです。
好みによって決められた色や明確な意志を持たずに設計された色彩の訴求力が高くはないであろうことは明確です。会社の経営方針やホームページの運営方針を明確にすることで、色彩設計の方針も明確になってきます。
ただ色彩を選ぶことはそれほど難しいことではありませんが、明確な意志をもった根拠のある色彩を選ぶことはそれなりの難しさが出てきます。
しかしどのような色を使えばよいのかは色彩学、色彩心理学、事前の調査などによって絞り込むことが出来ますし、絞り込むことによって色彩の設計が容易になってきます。
今から配色を進めていく皆様のウェブサイトの目的や競合サイトの分析、色彩心理学などの様々なアプローチから、配色の核となる1色を選んでいくことにしましょう。
投稿日時: 2010年01月26日 22時21分
カテゴリー: 色彩設計の準備 | コメントはまだありません »
タグ: サイトの目的

元ウェブデザイナーの経験から、操作が必要なもののカラーコーディネートを得意としております。ウェブカラーに関する講演や執筆も多数あります。写真は飼い猫のぶるたんです。
アクセシビリティ アクセントカラー コーポレートカラー サイトの目的 サブカラー ジャッド トーン ベースカラー ユーザビリティ レイアウト 中性色 分析 可読性 執筆 売れる色 失敗 寒色 彩度 心構え 情報の伝達 明度 暖色 書籍 有彩色 業務委託 無彩色 競合サイト 背景色 色の三属性 色の心理的効果 色彩調和論 色相 色相環 視認性 調整 調査 配色 配色サンプル 閲覧環境 面積 面積比 類似色相 CIカラー HSBカラーモデル JIS X8341-3
坂本邦夫の「基礎からわかるホームページの配色」 produced by カラープランニングオフィス フォルトゥナ
Copyright © 2002-2010 Color Planning Office Fortuna All Rights Reserved.
