1月の授業日記

1/7 サイトのデザイン

コンテンツの構成

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

デザインと実装（コーディング）の分離

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

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

デザインテイスト

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

複数案

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

今日の一言

デザインをどうするか迷いまくりました。

企画コンテンツ案

やりたいもの

• 学校の学食紹介
• 私の好きなもの紹介

実用性の高いもの

• ポートフォリオサイト

1/14　デザイン

カラースキーム

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

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

• メニューとタイトル位置関係
  • 極力近くへ配置し関係性を明確に

• カラースキーム・表記の統一
  • 統一を図り関連性を明確に

スペシャルコンテンツ

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

今日の一言

パソコンがかくつくようになった

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

企業サイトの進行

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

最後の一言

スペシャルのメイン画面のデザインを少し変えました。

清楚系にしたかったので雲の不透明度を少し下げ、使いました。