1 |
Webデザイン実践Ⅰ <ビジュアル> |
ビジュアル概論/色彩 | 基礎講義とワーク[デザインガイドを作る] | |
| 2 | Figma基礎・コントラスト比 | |||
| 3 | レイアウト/ビジュアル表現 | デザインの4原則,写真,イラストレーション | ||
| 4 | 制作① | |||
| 5 | 修了制作のブラッシュアップ | |||
| 6 | Webデザイン実践Ⅱ <情報設計> |
情報設計概論/UI構造 | 基礎講義とワーク[デザインの収集] | |
| 7 | 押しやすさを作る要素,影,余白,フォント,配色 | |||
| 8 | メタ言語と高度なCSS | メタ言語（SCSS） | ||
| 10 | 参考資料（PDF） | 80ページくらいあるので要所で解説します | ||
11 |
Webデザイン実践Ⅲ <インタラクション> |
インタラクション概論 | 動くとはどういうことか,モーションデザイン, マイクロインタラクション,音声UI,映像 | |
12 |
実装概論/ボタン/スクロール | 心地よいボタンの収集, 収集した事例の言語化, フィードバック, マウスによる操作, 実装への考察,パララックス,スムーススクロール,実装方法のヒント | ||
| 13 | 制作② |
インタラクション＋高度なCSS | ||
| 14 | 修了制作 | 課題制作④ 卒業課題制作 | 企画・提案書について,提案書・ |
|
| 15 | ロゴ・写真などの準備 | |||
| 16 | デザイン・コーディング | |||
| 17 | デザイン・コーディング | |||
| 18 | 中間発表 | |||
| 19 | 制作 | |||
| 20 | 講評 |