1月の授業日記

1/9 サイトの構成

ワイヤーフレーム

  • ページをデザインする元となる設計図
  • ナビゲーションや本文の基本的レイアウトをここで決めておく
  • 好き嫌いが影響を与えないようデザインと切り離して設計

今日の一言

XDひさしぶりで使い方がわからない時もあったがなんとか乗り越えた・・・。

1/23 デザイン

カラースキーム

カテゴリ毎の違いがわかりやすいようにカラーを設計し、それをキーカラーにページを展開する

メニューとタイトルの関係性の整理

メニューエオクリックしたところがリンク先だとわかる必要がある

  • メニューとタイトルの位置関係
    • 極力メニュー近くへ配置し関係性を明確に
  • カラースキーム
    • 統一を図り関係性を明快に
  • 表記の統一
    • 統一を図り関連性を明快に

デザインカンプ

デザインの完成状態のダミー

  • クライアントへのデザインの承認
  • 画像パーツはここから切り出しコーディングで再現