Webデザイン基礎知識・Web製作支援サイト|小道具屋|

ウェブデザインサイト・小道具屋
文字サイズ変更  文字サイズ拡大 文字サイズ縮小 元に戻す
Webサイトを構築する全ての人のために。
小道具屋サイト開催1999/09/06 HOMEに戻る Webサイトの顔であるindexを考えてみましょう。 デザインにはコツがあります。コツさせ掴めば結構簡単かも? ユーザーをコンテンツに導くナビゲーションはしくじると使いにくいサイトになります。 デザインとは直接関係ないですが小技を紹介。 ブログ ご連絡・お問い合わせはコチラまで。

小道具屋管理人・ごあいさつ デザインを考える前に・はじめに WEBサイトの顔・トップページ 大きさや容量・サイズ 色の持つちからは重要・カラー

サイトの顔であるトップページですが、時間を掛けて作ってください。トップページの出来しだいでサイト全体の評価が下られてしまいます。今回のリニューアルでトップページデザインだけで2日は掛けています。
さてサイトの種類によって色々なページがありますがあなたのサイトはどれに当てはまるでしょうか?


RICOH グローバル
RICOH Global[外部リンク]

エントランス型
他言語のページがある場合にはこのタイプがおすすめでしょう。しかし閲覧者は一度このページを見てしまえば二度と用はないので、このページがブックマークされることはないのを肝に銘じておきましょう。日本語一カ国語しかないのに、このタイプにしているサイトが在りますけど全くの無意味、時間と資源のムダですから早々に止めましょう。


日本IBM
日本IBM[外部リンク]

カタログ型
Webサイトの7割近くがこのタイプだと思われます。デザイン的にも優しく、見た目の統一感を出しやすいです。通販サイトの多くはトップから商品の写真を並べて表示させるのでカタログ型の代表だと思います。私もキッチリしたデザインが好きなのでこのタイプで作る事が多いです。
困った時はこのタイプの応用で色々なサイトが作成出来ます。


Wacoal Junior
Wacoal Junior[外部リンク]

イメージマップ型
大きな画像を中心に持っていき、ホットスポットでリンクを作成。見た目が楽しくJavaScriptなどを使用しても嫌みにならない数少ないタイプです。しかしながら絵が下手だったり、画像が汚かったりすると最悪になる可能性もあります。尚このタイプはページ拡張性が殆ど無いのでコンテンツを追加したい場合は作り直さないといけない場合があります。最初から増える予定の場合はそれを考えながら作りましょう。


Yahoo Japan
Yahoo Japan[外部リンク]

ポータルサイト型
みなさんが良くお世話になっているポータルサイト型です。色々な情報を1ページに詰め込んでいるので、ぱっと見は簡単そうですが、どこに何を置くのかを考えないとただ乱雑になるだけになってしまします。


AIBO Official Site
AIBO Official Site[外部リンク]

キャンペーン型
このタイプは個人で作る事はあまり無いでしょうが、企業の新製品発表でWebサイトを作ってしまう物です。特徴は余計な情報は一切排除して一つの事だけを追求するタイプです。欲しい情報は分かっていますので、画像は大きく、美しく見せないと商品イメージが悪くなります、そしてシンプルに見やすくするのが絶対条件です。こう書くと個人のページでも一つの事柄だけを専門に扱うにはイイかもしれませんね。


共同通信社
共同通信社[外部リンク]

ニュース型
カタログ型とポータルサイト型を足して二で割ったようなタイプです。見やすさと情報量を両立させる高度なデザインが求められます。最初からこのタイプで作る始めるより、カタログ型を作り徐々にページ拡張をしてニュース型にするとやりやすいかもしれません。
そうそうデザインでは無いのですが、ニュースと言うカテゴリは更新及び管理のしやすさも非常に重要になります。