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