Digital Design B ｜ 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の基本操作１：図形、文字

事前学習

[4h]レイアウトを意識してさまざまなWebサイトを見る

事後学習

連続授業のためなし

4回

・Figmaの基本操作２：スタイル、コンポーネント
・ワイヤーフレームの作成練習

事前学習

連続授業のためなし

事後学習

[4h]授業の復習をする

5回

・PC用レイアウト作成

事前学習

[4h]レイアウト案を考える

事後学習

連続授業のためなし

6回

・スマホ用レイアウト作成

事前学習

連続授業のためなし

事後学習

[4h]レイアウトを完成させる

7回目

・オリジナルのWebサイト作成１：サイト内容、コンテンツを考える

事前学習

[4h]オリジナルWebサイトについて考える

事後学習

連続授業のためなし

8回

・オリジナルのWebサイト作成２：サイトのレイアウトを考える

事前学習

連続授業のためなし

事後学習

[4h]Webサイトの構成を考える

9回

・オリジナルのWebサイト作成３：サイトの原稿、素材の完成

事前学習

[4h]サイトの原稿、素材を用意する

事後学習

連続授業のためなし

10回

・オリジナルのWebサイト作成４：ワイヤーフレーム作成

事前学習

連続授業のためなし

事後学習

[4h]Webサイト作成を進める

11回

・オリジナルのWebサイト作成５：完成版レイアウトの作成

事前学習

[4h]Webサイト作成を進める

事後学習

連続授業のためなし

12回

・オリジナルのWebサイト作成６：レイアウト、プロトタイプ

事前学習

連続授業のためなし

事後学習

[4h]Webサイト作成を進める

13回

・オリジナルWebサイト作成７：Webサイトプロトタイプ完成

事前学習

[4h]Webサイト作成を進める

事後学習

[4h]Webサイトのプロトタイプを完成させる

14回

事前学習

事後学習

15回

事前学習

事後学習

16回

事前学習

事後学習

17回

事前学習

事後学習

18回

事前学習

事後学習

19回

事前学習

事後学習

20回

事前学習

事後学習

21回

事前学習

事後学習

22回

事前学習

事後学習

23回目

事前学習

事後学習

24回

事前学習

事後学習

25回

事前学習

事後学習

26回

事前学習

事後学習

試験及び成績評価

試験は実施せず課題で評価します
課題：80%
授業への取組み：20%

課題(試験やレポート等)に対するフィードバック

授業内で講評します。

講義で使用するテキスト（書名・著者・出版社・ISBN・備考）

参考文献・推薦図書

研究室

東金キャンパス・A棟1階メディアラボ1

オフィスアワー

科目ナンバリング

学位授与方針との関連