1月の授業日記

1/7 サイトのデザイン

コンテンツの構成

  1. 要素の抽出
    • 項目名を全てあげる
  2. カテゴライズ
    • グループごとにまとめる
  3. インデックス付け
  4. グループに相応しい見出しをつける

デザインと実装(コーディング)の分離

webではデザインとコーディングが分離されていてデザイン完成後実装に入る
  • デザイン修正はコーディングもやり直しになる
  • コーディングのしやすさにとらわれずデザインのバランスを保てる
  • 実装可能を考えながらデザインする

デザインテイスト

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

複数案

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

A案

 

教室の背景と色々なタイプの作品で学校の様子がわかるようにし、信頼性を高める青系のグラデーションをかけました。

B案

学校の外観と活気的なイメージを与える黄色のグラデーションを使用しました。

きょうのひとこと

あけましておめでとうございます。本年もよろしくお願いいたします。

1/14　デザイン

カラースキーム

カテゴリ毎の違いを明確化できるようにカラーを設計し、それをキーカラーに展開する

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

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

スペシャルコンテンツ

学科別作品紹介ページ

学科別で具体的な授業名とその授業で制作した作品を掲載し、どんな授業が行われているのかわかりやすくする

きょうのひとこと

XDでデザインを考えるのが大変でした。

2/4 企業サイトの制作過程

企業サイトの進行

  • 企画〜構成までが長く実制作の時間は短い
  • 実制作の裏で多くの作業が行われていることに留意する

さいごのひとこと

１年間ありがとうございました。