01/09 サイトの構成 ワイヤーフレーム ページをデザインする元となる設計図 ナビゲーションや本文の基本的レイアウトをここで決めておく 好き嫌いが影響を与えない様デザインと切り離して設計 きょうのひとこと 今日もうまくできてよかったです 1/16 サイトのデザイン コンテンツの構成 要素の抽出 ・項目名を全てあげる カテゴライズ ・グループごとにまとめる インデックス付け ・グループにふさわしい見出しをつける ◯一般的なキーワード＝スキーマ デザインと実装の分離 webではデザインとコーディングが分離されていてデザイン完成後実装に入る デザイン修正はコーディングのやり直しにつながる コーディングのしやすさにとらわれずデザインのバランスを保てる 実装出来るかを考えながらデザインをする 1/23 デザイン デザインセクション 無意味な作り直しを避けるためにクライアントとどのようなテイストにするのか 案 今日の一言 なんとかできて良かったです 1/23カラースキーム カラースキーム カテゴリ毎の違いが分かりやすいようにカラーを設計し、それをキーカラーにページを展開する メニューとタイトルの関連性の整理 メニューをクリックしたところがリンク先だとわかる必要がある ・メニューとタイトルの位置関係 ・極力メニューの近くへ配置し関係性を明確に ・カラースキーム ・統一を図り関係性を明快に ・表記の統一 ・統一を図り関係性を明快に デザインカンプ デザインの完成状態のダミー ・クライアントへのデザインの承認 ・画像パーツはここから切り出しコーディングで再現 今日の一言 難しかったですができて良かったです
カテゴリ毎の違いが分かりやすいようにカラーを設計し、それをキーカラーにページを展開する
デザインの完成状態のダミー
・クライアントへのデザインの承認
・画像パーツはここから切り出しコーディングで再現