1月の授業日記

1/9 サイトの構成

ワイヤーフレーム

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

    多分できました。

     

    1/16 サイトのデザイン

    コンテンツの構成

    1. 要素の軸出
      • 項目名を全てあげる
    2. カテゴライズ
      • グループごとにまとめる
    3. インデックス付け
      • グループにふさわしい見出しをつける
      • 一般的なキーワード=スキーマ
    4. デザインと実装の分離

      webではデザインとコーディングが分離されていてデザイン完成後実装に入る

    • デザインの修正はコーディングもやり直しになる
    • コーディングのしやすさにとらわれずデザインのバランスを保てる
    • 実装できるかを考えながらデザインする
    • デザイン

      デザインテイスト

      無意味な作り直しを避けるためにクライアントとどのようなテイストにするか事前に決定しておく

      複数案

      クライアントが介在する場合、複数案を与え選ばされることで制作への連帯感と選択への責任感を共感してもらえる

      A案

      B案

      カラースキーム

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

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

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

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

      難しかったです。

      デザインカンプ

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

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

      きょうのひとこと

      できてないところ多数だと思います。

    スペシャルコンテンツ

    タイトル:私の日常