Syllabus data

授業科目名
Digital Design B
学年
2Grade
単位数
2.00Credits
実務経験の有無
開講クォーター
semester not specified
担当教員
Kohatsu Mika
授業形態
授業で主に使用する言語
日本語
授業方法区分
開講キャンパス
Togane Campus
授業の到達目標及びテーマ
コンセプトメイキングからWebページ作成まで、全行程を行いWebサイトを作成します。
Webサイト制作を行うワークフローを理解し、プロトタイプを作成し、実践的にサイト作りを行います。
授業の概要
ブラウザベースのデザインツールであるFigmaを使い、レイアウトデザイン、ワイヤーフレームとサイトのプロトタイプを作成します。Webサイト全体の構成やページ移行なども実際の動きをつけて作成します。パソコン用レイアウトとスマホ用レイアウトを考え、レスポンシブWebデザインのプロトタイプを作成します。

授業では、ノートパソコンを使用します。

授業計画
1回
・ガイダンス
・Webデザインについて
事前学習
[4h]さまざまなWebサイトを見ておく
事後学習
連続授業のためなし

2回
・Figmaのアカウント作成、ツール、画面の確認
事前学習
連続授業のためなし
事後学習
[4h]レイアウトを意識してWebサイトを見る

3回
・Figmaの基本操作1:図形、文字
事前学習
[4h]レイアウトを意識してさまざまなWebサイトを見る
事後学習
連続授業のためなし

4回
・Figmaの基本操作2:スタイル、コンポーネント
・ワイヤーフレームの作成練習
事前学習
連続授業のためなし
事後学習
[4h]授業の復習をする

5回
・PC用レイアウト作成
事前学習
[4h]レイアウト案を考える
事後学習
連続授業のためなし

6回
・スマホ用レイアウト作成
事前学習
連続授業のためなし
事後学習
[4h]レイアウトを完成させる

7回目
・オリジナルのWebサイト作成1:サイト内容、コンテンツを考える
事前学習
[4h]オリジナルWebサイトについて考える
事後学習
連続授業のためなし

8回
・オリジナルのWebサイト作成2:サイトのレイアウトを考える
事前学習
連続授業のためなし
事後学習
[4h]Webサイトの構成を考える

9回
・オリジナルのWebサイト作成3:サイトの原稿、素材の完成
事前学習
[4h]サイトの原稿、素材を用意する
事後学習
連続授業のためなし

10回
・オリジナルのWebサイト作成4:ワイヤーフレーム作成
事前学習
連続授業のためなし
事後学習
[4h]Webサイト作成を進める

11回
・オリジナルのWebサイト作成5:完成版レイアウトの作成
事前学習
[4h]Webサイト作成を進める
事後学習
連続授業のためなし

12回
・オリジナルのWebサイト作成6:レイアウト、プロトタイプ
事前学習
連続授業のためなし
事後学習
[4h]Webサイト作成を進める

13回
・オリジナルWebサイト作成7:Webサイトプロトタイプ完成
事前学習
[4h]Webサイト作成を進める
事後学習
[4h]Webサイトのプロトタイプを完成させる

14回
事前学習
事後学習

15回
事前学習
事後学習

16回
事前学習
事後学習

17回
事前学習
事後学習

18回
事前学習
事後学習

19回
事前学習
事後学習

20回
事前学習
事後学習

21回
事前学習
事後学習

22回
事前学習
事後学習

23回目
事前学習
事後学習

24回
事前学習
事後学習

25回
事前学習
事後学習

26回
事前学習
事後学習

試験及び成績評価
試験は実施せず課題で評価します
課題:80%
授業への取組み:20%
課題(試験やレポート等)に対するフィードバック
授業内で講評します。
講義で使用するテキスト(書名・著者・出版社・ISBN・備考)
参考文献・推薦図書
研究室
東金キャンパス・A棟1階メディアラボ1
オフィスアワー
科目ナンバリング
学位授与方針との関連
関連ページ