ウェブデザインの基礎知識

TOP > 基礎 > ウェブデザイン

ウェブデザイン

ウェブデザインとは

ウェブデザインには、グラフィックデザインやGUI、ウェブアプリケーションのUI、アクセシビリティ、SEOなど様々な要素があります。

ライブラリ

ウェブデザインなどのデザインパターンライブラリです。

Yahoo! Design Pattern Library

アメリカのYahoo!が提供するデザインパターンのデータベースです。 デザインに関する情報を提供しています。

Artisteer

様々なメディアにおけるインターフェースデザインデータベースです。

サイト構成

ウェブサイトの構成を紹介します。 よくあるレイアウトパターンは下記のような感じです。 CMSやブログなどのように 自動的に構成される場合もあります。 ショッピングサイトでは、 通信販売を行う際に必ず必要な「特定商取引法に基づく表示」や、 個人情報の取り扱いになどついて書いた「プライバシーポリシー」などの要素も入れます。

ページ構成

1ページを構成する要素でよくあるレイアウトパターンは下記のようなものです。 ヘッダーなどにナビゲーションを設置し、サイト内を回遊しやすくします。 また、検索エンジンなどから、 トップページを介さずに直接それぞれのページにアクセスされる場合も多いため、 それぞれのページにサイトタイトル、トップページへのリンクは必須要素です。
サイトロゴ・タイトル
グローバルナビゲーション
ローカルナビゲーション
パンぐずリスト
コンテンツ




検索窓
補足ナビゲーション
著作権表示

サービス

Artisteer

HTML+CSSのウェブデザインや、CMSのWordPress、Joomla!、Drupalに対応したデザインテンプレートを自動作成する有償のアプリケーションです。

参考書籍

関連項目