1月の授業日記

1/7　サイトのデザイン 

 コンテンツの構成

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

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

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

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

複数案

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

A案

校舎の外観とロビーの写真を合わせて使用したビジュアルです。自分たちがどのような場所で学ぶのか、

一目でわかるデザインにしました。 

B案

今日のひとこと 

あと少しで追いつけそうです 

1/14　デザイン　  

カラースキーム

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

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

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

スペシャルコンテンツ

YDAでの2年間を振り返る 

YDAでの2年間の成長をこれまで作成した作品から振り返る 

今日のひとこと 

サイトのデザインを考えるのが楽しかったです。

メインビジュアルの画像が思ったよりありそうな感じに作れたのも嬉しかったです。

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

企業サイトの進行 

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

 最後のひとこと

この授業で苦手だったwebが少し好きになりました。

説明も授業の教材もとても分かりやすくて、やりやすかったです。 

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