1/09
ワイヤフレーム
- ページをデザインする元となる設計図
- ナビゲーションや本文の基本的レイアウトをここで決める
- 好き嫌いが影響を与えない様デザインと切り離して設計
1/16 サイトのデザイン
コンテンツの構成
- 要素の抽出
- 項目名を全てあげる
- カテゴライズ
- グループごとに分ける
- インデックス付け
- グループにふさわしい見出しをつける
- 一般的なキーワード＝スキーム
デザインと実装の分解
webではデザインとコーディングが分解されていてデザイン完成後実装に入る
- デザイン修正はコーディングもやり直しになる
- コーディングのしやすさにとらわれずデザインのバランスを保てる
- 実装をできるかを考えがらデザインする
デザイン
デザインテスト
無意味な作り直しを避けるためにクライアントとどのようなテイストにするかを事前に決定しておく
複数案
クライアントが介在する場合、複数案を与え選ばせることで選択絵の責任感を共有してもらえる
A案
- シンプルで可愛いものにしました
1/23 デザイン
カラースキーム
カテゴリ毎の違いがわかりやすいようにカラーを設計し、それをカラーにページを展開する
メニューとタイトルの関係性に整理
メニューをクリックしたところがリンク先だとわかる必要がある
- メニューとタイトルの位置関係
- 極力、メニューの近くへ配置し関係性を明確に
- カラースキーム
- 統一を図り関係性を明快に
- 表記の統一
- 統一を図り関係性を明快に
スペシャルコンテンツ
タイトル：のどかな午後
今日の一言
今日のWebも大変でした