1月の授業日記

1/7　サイトのデザイン 

コンテンツの構成 

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

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

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

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

デザインテイスト 

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

複数案 

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

A案 

 自由に癒し感を加えた。ざらっとぼかすことで暖かさが増す。

B案 

 ポップな模様や色合いに油絵フィルターで絵感を出した。

 きょうのひとこと

画像入れるのスラ手間取ってしまった 

1/14　デザイン 

カラースキーム 

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

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

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

スペシャルコンテンツ 

YDAでの２年間を振り返る 

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

きょうのひとこと 

XDまじでわけわかめです 

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

企業サイトの進行 

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

 最後のひとこと

最後までちんぷんかんぷんだったけど、勉強になりました。