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