1月の授業日記

1/7 サイトのデザイン

コンテンツの構成

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

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

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

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

 デザインテイスト

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

 

複数案

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

A案

文字配置分の余白をシェイプで作り洒落た感じにした。ドットや色加工で学校の雰囲気を明るく魅せた

B案

アナログ的なコラージュをイメージして、チープな可愛らしさのあるビジュアルにした。

今日のひとこと

デザインを考える必要がある内容にしては時間が少なかった。

1/14デザイン

カラースキーム

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

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

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

スペシャルコンテンツ

学生作品集 / 授業紹介

在学生の作品や具体的な課題紹介、それにに対する生徒の感想等記事を載せる

今日のひとこと

今日も疲れた。

2/4

企業サイトの進行

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

さいごのひとこと

1年間お疲れ様でした。授業内容はあまり覚えていません。