ブログ

HOME / webサービス制作 / ホームページのデザイン-配色の豆知識と便利なツール

« デザインの重要性 | ホームページのデザイン-配色の豆知識と便利なツール | ストライプの背景画像作りましょう。 »

ホームページのデザイン-配色の豆知識と便利なツール

WEBコンサル.bizでは、お客様それぞれに合わせたオリジナルデザインのホームページを提供しています。

デザインには、"レイアウト"や"細部のパーツ装飾"など様々な要素が含まれますが、重要なポイントのひとつに"配色"があります。
ホームページにおける配色の基本は(教科書的には)
  1. ベースカラーその企業や業種から連想されるイメージに合う色(着色部分の70%)
  2. サブカラーベースカラーと相性のいいサポート色(着色部分の25%)
  3. アクセントカラーホームページの目立たせたい部分に使う色(着色部分の5%)
上記3色をもとに配色していくと見栄えが良く統一性のあるデザインを作ることが出来ます。

・・・と、頭では分かっていてもいきなりPhotoshopなどの制作ソフトでデザインを始めてしまうと、特に色の指定がお客様から無い場合、何パターンも配色が浮かんできてしまって迷う、という事が起こるのでデザインを始める前に下記の便利なツールを使っています。

Photoshopやillustratorなど数々のプロ用デザインソフトを作っているAdobe Systemsのwebサービス
「kuler」(クーラー)
adobe-kuler01.gif
使いやすいインターフェースで、様々な配色パターンを試して気に入ったものが出来たらその色情報をダウンロードすることが出来ます。また、世界中のデザイナーが作った配色パターンをいろいろ眺めることもできるので勉強にもなります。

サイトに行くとセンスのいい配色が揃っているので、ホームページのデザインだけでなく、今日着ていく服の色や、お部屋のインテリアの配色の参考としても使えるかもしれません。
にほんブログ村 IT技術ブログ Webサイト構築へ
日時: 2008年9月16日 15:18 投稿者: 加藤 ホームページのデザイン-配色の豆知識と便利なツール

« デザインの重要性 | ホームページのデザイン-配色の豆知識と便利なツール | ストライプの背景画像作りましょう。 »

トラックバック

このエントリーのトラックバックURL: http://www.web-consul.biz/mt-admin/mt-tb.cgi/55

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)




スタッフ

最近のエントリー

カテゴリーアーカイブ

月別アーカイブ

オススメサイト

モバイル版QRコード