デジタルデザインB ｜シラバス情報

授業科目名

デジタルデザインB

学年

2年

単位数

2.00単位

実務経験の有無

開講クォーター

セメスタ指定なし

担当教員

小波津　美香

授業形態

授業で主に使用する言語

日本語

授業方法区分

開講キャンパス

東金キャンパス

授業の到達目標及びテーマ

コンセプトメイキングからWebページ作成まで、全行程を行いWebサイトを作成します。
Webサイト制作を行うワークフローを理解し、AdobeXDでプロトタイプを作成し、実践的にサイト作りを行います。

授業の概要

Adobe XDを使い、レイアウトデザインとサイトのプロトタイプを作成します。Webサイト全体の構成やページ移行なども実際の動きをつけて作成します。
パソコン用レイアウトとスマホ用レイアウトを考え、レスポンシブWebデザインのプロトタイプを作成します。
また、ノーコードツールを使って、実際のWebサイトの作成も行います。

授業計画

1回

・ガイダンス
・Webデザインについて

事前学習

[4h]さまざまなWebサイトを見ておく

事後学習

連続授業のためなし

2回

・AdobeXDの画面、基本操作

事前学習

連続授業のためなし

事後学習

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

3回

・AdobeXDの基本操作１：図形、文字

事前学習

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

事後学習

連続授業のためなし

4回

・AdobeXDの基本操作２：リピートグリット
・ワイヤーフレームの作成練習

事前学習

連続授業のためなし

事後学習

[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]ノーコードツールでサイトを作成する

13回

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

事前学習

[4h]ノーコードツールでサイトを作成する

事後学習

[4h]Webサイト作成を完成させる

14回

事前学習

事後学習

15回

事前学習

事後学習

16回

事前学習

事後学習

17回

事前学習

事後学習

18回

事前学習

事後学習

19回

事前学習

事後学習

20回

事前学習

事後学習

21回

事前学習

事後学習

22回

事前学習

事後学習

23回目

事前学習

事後学習

24回

事前学習

事後学習

25回

事前学習

事後学習

26回

事前学習

事後学習

試験及び成績評価

授業内に作成する課題で評価します
課題：80%
授業への取組み：20%

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

授業内で講評します。

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

参考文献・推薦図書

研究室

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

オフィスアワー

S2：水2限、木5限

科目ナンバリング

学位授与方針との関連