ホームページレイアウトのコツ

2008年02月03日

(31)

すんごく以前の日記で、ホームページを作る時のコツをＴＩＰＳとして
掲載したんだけど、日経システムに同じような記事が掲載されていて
「おぉっ」て思ったので、もう一度載せます。

センスがあまりいいとはいえない私の考えもドップリ
はいっちゃってますが、、興味のある方はみて見てね♪

●　いろんなページを見る

ブログ以外のいろんなページを見ることで、自分が作りたいと思えるページを探すことは大事です。あと、配色とか、こんなレイアウトが多いなとかっていう流行りもチェックするのも勉強になるよ。

ちなみに私もタグを習いたての頃は、上場企業のページをいろいろ見ていったものです(^_^;)

●　テンプレを活用していろいろページを作ってみる

私は幸いタグがかけるけどかけない人の方が多いよね。タグがかけなくてもテンプレサイトやフリーのテーブル素材とかたくさんあるのでいろいろ活用しましょう。

理想のページを作るのにこのテンプレではちょっと違う、、ってことも多いよね。

１回で理想のページになることの方が全然少ないよ。
作りながらもっとこうしたほうがいいとか、この色だとページの色の合わないとか思いながら何回か作りなおすことは勉強になっていいことです。

●　最初に見るのはどこ？

ページを開いたとき、人間の目って最初どこ見ると思いますか？

意識してないと思うけど、大体左上を見てるんです。
（ちょっと意識しながら見てみて（笑））

人間の目線っていうのは左上→下へ。左上→右横へ。左上→右横→左真中→下へと遷移するようです。

だから、大体のトップページって左上にインパクトのあるものや、何のページか分かるような表示もしていると思うんです。

特にトップページの左上（画面の半分より上）は重要で、それを見てページを見てくれるか、見ずに立ち去るかってこともよくあることです。

なので、左上に自分のページのイメージや紹介しているもの、一番のお気に入りなどを配置するのがベストです。

極端な話、そこを見てる人に受け入れられてもらえればじっくりページを見てもらえることもあります。

●　人間の短期記憶ってどれぐらい？を利用する

人間の短期記憶ってどれぐらいでしょうか？

みなさんも聞いたコトあると思うんだけど、電話番号とか、、そう、７個前後と言われています。

なので、7個で線やテーブルで区切るなどして情報を７個以下の単位にまとめると効果的ですよ。

●　画像サイズにご注意あれ

いろんなページを見てて、なかなか開かなくって見ずに閉じたりした経験はありませんか？

８秒以内に開かないとそのページを閉じてしまう、、別名８秒ルールといいます。

いろんな原因が考えられますが、画像が重すぎて開かない場合が多いです。

写真を小さくしたいけどソフトがないといった場合は、楽天でも拡大縮小ができたり、フリーソフトでも画像ソフトはたくさんあります。

ちなみに私はPhotoshopElemetnsを使用しています。

他にも迷子にならないような作りや強弱のつけかたやページ内でのルールと
いったこともありますが、また今度☆

ちょっと長くなったけど一番は楽しみながら作ることです！

楽しい時期とそうでない時期ってあると思うので、楽しいと思う時に
作った方が効率がいいし、良いページができると思いますよ。

いつかWEBページ作成のヒントのページにこの情報をＵＰしときますね☆

↓通園バッグやお弁当等通園準備品特集ページを作成しました。

楽天ブックスよりＨＰ作成支援BOOKやツールのご紹介
楽天BOOKSは日本最大級のオンライン書店！在庫45万点！1500円以上で送料無料です！

できるホームページHTML入門/タグのバイブル本

全部無料でつくる行列のできるホームページ

できる100ワザアフィリエイト

●アフィリ本はこちらから

今までのおすすめ一覧はこちらでご確認いただけます

まほうのたから箱　プチメニュー
◆トップページ
・木のおもちゃ	木のおもちゃ中心です
・雑貨	エドエンバリーやデコレ、バスグッズなど
・ページ作成のヒント	画像の説明やローカルでページ確認等
・アフィリ用テンプレ	トップやページ用、カレンダーなど

サイトマップはこちらから

design by ともまお☆

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2008年02月03日 17時07分34秒
コメント(31) | コメントを書く

[テンプレートとTIPSとアフェリエイト] カテゴリの最新記事

新作テンプレート追加＆寒すぎる冬 2008年01月29日コメント(20)
またまた新作テンプレート作成＆疑問・相談 2008年01月14日コメント(34)
新作？テンプレート＆嬉しかったコト 2008年01月13日コメント(16)