サイト設計講座

【第3章】サイト外観のデザイン

「ワイヤーフレーム」

サイト外観のデザイン「ワイヤーフレーム」について説明します。
ワイヤフレームとは設計図になります。
エキスパートメールのサイトを参考に説明していきます。

一番上がヘッダー、その下がグローバルメニュー
左にサイドメニューがあります。
真ん中にコンテンツがあり
一難したがフッターといいます。
こういう構成になっています。

サイトを作るうえで、まず、ワイヤーフレーム、骨組み、設計図を作ったうえで
各要素を、それぞれの場所に配置してください。
ワイヤーフレームの作り方ですが

まずは大体の大枠、ワイヤーフレームを作っていただいて
それからページごとの設計を行っていきます。
その時に重要となるのが２つ。
まずは競合ページを真似する。形をまねる。
2つ目はまず鉛筆で書いてみるということです。

ワイヤーフレームの作り方は、検索で、ツールが見つかりますので
こちらを利用してください。