 |
| 内職的貯蓄節約生活 ＞ ホームページのデザイン講座 | ||
| ホームページのデザイン講座 |
| アクセスアップの本を見ると「アクセスアップするのにホームページのデザインは重要だ！」と書かれている本もあれば、「アクセスアップにデザインなんて関係ない、それよりも内容だ！」と書かれている本もあります。本当のところ、ホームページのデザインは、アクセスアップにおいて重要なことなのどうなのでしょうか？ これはケンの意見ですが、アクセスアップのためには内容が一番ですが、ホームページのデザインも重要だと思っています。ただし、デザインが重要というと、多くの人が「カッコいいデザイン」や「かわいくて、キレイなデザイン」を作らなければいけないのか、と思ってしまいます。 しかし、『ヤフー・グーグルはHP作成のお手本』と『webユーザビリティとは』のページを既に読んでいただいた方は、「カッコいいデザイン＝優れたホームページ」ではないということはわかっていただけますよね。本当に、優れたホームページは、Webユーザビリティを考慮してデザインされたホームページです。画像など、一切必要ありません。 「見やすく、わかりやすく、使いやすい」を考慮して、レイアウトや配色、ロゴ、壁紙などを決めていけば必ず訪問者を惹きつけるホームページになるはずです。ですから、ここでは具体的にwebユーザビリティに優れたデザインについて講座をしたいと思います。 □レイアウト レイアウトは個性を出す必要はありません。奇抜な配置にすると訪問者が戸惑ってしまうので、「わかりやすい」ホームページにするために、多くのサイトと同じような一般的なレイアウトでいいのです。そうすることで、初めて訪問した人でも戸惑うことはありません。ちなみに、一般的によく使われるレイアウトは下記のようになっています。
また、一般的なレイアウトは、「理にかなっている」から皆さん真似するわけですよね。そもそも、人の目はアルファベットの「Z」を描くようにホームページを見ていきます。左上部⇒右上部⇒左中部⇒右中部⇒左下部⇒右下部といった順です。 訪問者に、『このサイトはどういうホームページなのか』を知ってもらうために、最初に目がいく左上部にタイトルロゴが配置する必要があるのです。そして、次に更新履歴や紹介文を見てもらい、『サイトの概要を掴んでもらいます』。その後に、コンテンツを見て『どんな内容があるのかを知ってもらう』。このような順に訪問者に見てもらうのが理想的なのです。 つまり、一般的なレイアウトは非常に戦略的に正し配置がなされています。まあ、これらのことを本当にわかっていて、このレイアウトを選んでいる人は少ないでしょうが。 それから、今まで説明したのはトップページのレイアウトですが、サブページも同様に一般的なレイアウトでかまいません。そして、できるだけ訪問者が疲れないように各サブページのレイアウトを統一した方がいいでしょう。当サイトのように、一つのサブページを作ったら、後はそれをコピーし各ページに貼り付けでいけば楽です。 □配色 ナビゲーションや表、ロゴ、背景など、これらの色は、基本の色を一色決め、それを中心に配色していきます。カラフルに何色も使っているホームページもありますが、これは間違いです。当サイトの場合、この色で統一していますよね。 それから、一番悩むのが、中心に使うの色を何色にするかです。まあ、特にこの色でなければいけないという色はありません。ただ、ユーザビリティの基本は「見やすい」ですから、目がチカチカする色はやめましょう。たとえば、真っ赤とか真っ青とかいった純色はダメです。また、明るすぎる色でも目がチカチカするで気をつけましょう。 □ロゴ タイトルのロゴはホームページの顔になりますから大切です。だからとって、凝る必要はありません。シンプルが一番です。そして、なるべく軽く10kB以内に抑えましょう。参考にしてほしいのが、Yahoo!JAPANとGoogleのロゴです。凄くシンプルでしょ。 ちなみに、ロゴを作成するのには、ホームページビルダーでも作れます。また、本格的に作りたい方は、Adobe Photoshop Elements 4.0 Windows版  がおススメです。画像編集ソフトとしても使いやすく人気があります。□壁紙 当サイトは壁紙を一切使わず、シンプルに全て背景は白にしています。あのYahoo!JAPANやGoogleも壁紙を使ってませんよね。まあ、別に壁紙を使ってもいいのですが、あまり派手な壁紙はよくありません。それから、壁紙を使っていても、文字の背景だけは必ず白か白っぽい優しげな色を使いましょう。基本は、「背景は白、文字は黒」、これが一番文字が読みやすい配色です。 |
||||||||||||||||||||
| 前【webユーザビリティとは】へ | 次【読みやすく目に優しい文字・文章に】へ |
| TOP【ホームページのデザイン講座】へ↑ HOME【内職的貯蓄節約生活】へ |
| MENU(内職・ネットで稼ぐ編) |
| ・ホームページ作成の仕方・ホームページ作成に必要なもの・レンタルサーバー・ドメイン講座・レンタルサーバの選び方 ・格安レンタルサーバー比較・ホームページのテーマとコンテンツ・タイトルの付け方・ヤフー・グーグルはHP作成の手本 ・webユーザビリティとは ・ホームページのデザイン講座 ・読みやすく目に優しい文字・文章に ・HTMLタグはこれだけ覚えれば十分 |
|
| 当サイトの内容の全部または一部を無断転機・複製することは一切禁止です。悪質な場合、厳しい対処を致します。 Copyright(C) ＋内職的貯蓄節約生活〜副収入・お小遣いを稼ぐ〜 All Rights Reserved |