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