1月の授業日記

1/7　サイトのデザイン

コンテンツの構成

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

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

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

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

デザインテイスト

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

複数案

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

A案

 明度を上げて上品かつ爽やかな印象に。

B案

学校の校舎をイラスト・漫画風に加工。活気や自由さを表現。 

きょうのひとこと

ついにデザインに入っていきます。いよいよという感じです。

1/14　デザイン

カラースキーム

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

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

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

スペシャルコンテンツ

スケジュール・時間割

YDA各学科・コースのスケジュールを紹介

オススメの学科

閲覧している学科ページと関連性がある他の学科も紹介

きょうのひとこと

メインビジュアル制作、レイアウト調整にかなり時間がかかりました。

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

企業サイトの進行

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

さいごのひとこと

お疲れ様でした。