ブログランキングくつろぐ

2005年09月23日

目線の誘導とサイトデザイン

人間には目線というものがあります。胸元の開いた服を着た女性がいれば思わず胸元に目が行きますよね?胸元が開いていなくても目が行ってしまうことがあります。それは胸元にキラリと光るネックレスです。このような目線の誘導をサイトデザインに応用する方法を考えてみます。

まず、あなたのサイトのコンテンツのなかで注目されたい順番を決めてください。それがハッキリしないことにはデザインの扱いの優先順位が決まらないからです。
次に、全体のデザインに合わせて(デザインの雰囲気を壊さないように)目立たせる方法を考えます。基本は2つです。

1.他よりも大きな面積を使って表現する。
2.他の色より目立つ色を使う。


面積に関しては分かりやすいですよね、難しいのは色です。深い世界なので私がわかるのは基本の3つです。

1.同系色や、少ない色数でデザインする場合、
   他よりも濃い色を使う。例:水色→青
2.相性の良い別系統の色を使う。
   例:青←→オレンジ
3.ピンポイントで目を引く色を使う(使い過ぎない)
   例:(グレー&青)←イエロー


これらの基本を踏まえて見せたいものを他よりも目立たせます。同じ色でも面積の大小で目立たせたり、小さな面積でも色使いで大きな面積のものより目立たせたり・・・はじめに計画した注目されたい順番をデザインで表現するのです。つまりそれが訪問者の目線を誘導することになるのです。


色使いの参考にもどうぞ ⇒ 週刊ブログランキングくつろぐ
posted by アフィリエイトマン at 23:15| Comment(5) | 成功サイトのグラスノスチ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
こんにちは。

>1.他よりも大きな面積を使って表現する。
>2.他の色より目立つ色を使う。

は判ります。大きくて目だってれば、確かに目に入りやすいですよね。
ただ、使いすぎると埋没しちゃうんですよね(汗)
だから、

>1.同系色や、少ない色数でデザインする場合、
   他よりも濃い色を使う。例:水色→青
>2.相性の良い別系統の色を使う。
   例:青←→オレンジ
>3.ピンポイントで目を引く色を使う(使い過ぎない)
   例:(グレー&青)←イエロー

があるんでしょうけど。
私はシンプルにいきたいので、あまりごちゃごちゃと色は使いたくありませんが、今後何か際立たせたいときは、なるべくここに上がっていることを意識するようにしますね。

最近、技術的な記事ばかりでコメント書けなかったけど、来たときは応援はしてました♪
と言うわけで、今日も応援していきますね♪
Posted by rui@チリもつもれば山となる at 2005年09月24日 12:51
このあたりのレベルになるとアフィリエイトマンさんのようなプロの域に入ってきて、さすが!と言う内容です。

へへー、と恐れ入るばかりです…
Posted by コーク at 2005年09月24日 22:19
ruiさん お久しぶり/
最近コメント書き辛かったですか?
ちょっとバランスを崩していました。^^;

コークさん
本で勉強したことと、相棒のデザイナーに教えてもらったことなんです。プロなのは私ではなく相棒ですよ^^;
Posted by アフィリエイトマン at 2005年09月25日 01:51
メールありがとうございました。m(__)m
色々勉強になりますよ。
なんというか,ちと難しくて僕もコメントできませんでした。(笑)
でも,そういう知らないことを目にするのは大事ですね。

この記事が1番入りやすかったので,こちらから失礼しますね。
サイトの見直しをする時は,胸元を思い出しますよ,胸元を。(笑)
僕の場合,そうすれば柔らかい発想ができそうです。
名案ですね。ヾ ^_^
Posted by ひでまろ at 2005年09月26日 06:47
ひでまろさん
我々30代のオサーンにはピッタリのたとえでしょう?(笑)
今後ともよろしくです^^
Posted by アフィリエイトマン at 2005年09月27日 00:41
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス: [必須入力]

コメント: [必須入力]

ブログランキングくつろぐ