top>HTML>見やすく分かりやすいカテゴリわけ

見やすく分かりやすいカテゴリわけ

各カテゴリをきれいに見やすくする方法にはいろいろありますが、オーソドックスな方法でカテゴリごとに色を分けるという方法です。例えばこのサイトを例に言うとトップページは黒。HTMLのカテゴリは、Columnは、Portfolioはなどという風に決めて、あとはそれらのページを決めた色を意識してページを作っていきます。ただ単純に背景を緑にするというのではなく、例えばラインの色を緑にし、フォントを黄緑に統一するなどでもかなり有効です。

それが決まればリンク用のボタンを作る際に、デザインを同じものにし、配色をそれぞれの決めた色で配色します。ボタン自体は色を目立たせたほうが有効なのでバックを緑1色などにしても問題ないでしょう。ここまでの事をするだけでもかなりカテゴリ分けがきれいに出来ます。

ボタンの例)

HTMLバナ1

Columnバナ1

Portfolio1

Htmlバナ2

Columnバナ2

Portfolioバナ2

 

ただし、注意するのは同じサイトだということがキチンと伝えれるかどうかなので、あまりにもデザインを変えてしまうと逆効果になってしまいます。出来るだけサイトの大まかなデザインは変えないようにしましょう。でないと、リンク先が違うサイトだと思われてしまいます。

更新履歴

2008.8.7
linkページのリンクに、リンク先のサイトサムネイルを表示させるようにしました。
PORTFOLIOのページもサムネイルをクリックすることにより、画像を拡大して表示するようにしました。
2008.7.4
linkに3件追加
2008.6.22
Portfolioに1件追加
サイトデザイン修正
2008.6.17
linkに1件追加
2008.1.19
Portfolioに1点追加
2008.1.16
Portfolioに2点追加
2007.9.29
BLOG開始
2007.8.6
HTMLに一件追加
2007.8.3
サイトリニューアル
2007.6.19
Portfolioに1点追加
2006.9.13
Portfolioに1点追加
2006.8.11
Portfolioに1点追加
2006.8.11
Blog更新、BBS削除しました、LINKに1件追加

DARKNESS

このサイトへのリンクはフリーです。ご連絡していただければ相互リンクもいたします。リンクの際は下記バナをご利用ください。

DARKNESS BANA 31×31
31×31px
DARKNESS BANA 88×31
88×31px
DARKNESS BANA
188×29px