シラバス情報
|
教員名 ： 小波津 美香
|
授業科目名
デジタルデザインB
学年
2年
単位数
2単位
実務経験の有無
開講クォーター
セメスタ指定なし
担当教員
小波津 美香
授業形態
授業で主に使用する言語
日本語
授業方法区分
開講キャンパス
東金キャンパス
授業の到達目標及びテーマ
コンセプトメイキングから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
オフィスアワー
科目ナンバリング
学位授与方針との関連
関連ページ
|
