シラバス参照

授業情報／Course information

科目名／Course: ビジュアルデザイン論Ⅱｂ／Visual Design Ⅱb
科目一覧へ戻る 2022/09/09 現在

授業基本情報
科目名（和文）
／Course		 ビジュアルデザイン論Ⅱb
科目名（英文）
／Course		 Visual Design Ⅱb
時間割コード
／Registration Code		 33011201
学部（研究科）
／Faculty		 デザイン学部
学科（専攻）
／Department		 造形デザイン学科
担当教員（○：代表教員）
／Principle Instructor （○） and Instructors		 ○山下　万吉 , 石　王美
オフィスアワー
／Office Hour		 山下　万吉(前期：火曜日3限／3608, 後期：火曜日2限／3608)
石　王美(火曜日10:20~12:00)
開講年度
／Year of the Course		 2022年度
開講期間
／Term		 後期
対象学生
／Eligible Students		 2年
単位数
／Credits		 2.0
授業概要情報
更新日
／Date of renewal		 2022/02/28
使用言語
／Language of Instruction		 日本語
オムニバス
／Omnibus		 複数教員担当?オムニバス
授業概略と目的
／Cource Description and Objectives		 ソフトウェアによるアニメーションの基本を学習し、様々な動きの表現と動画データの扱いについて学習する。
また、Webサイトのプログラミングやディレクションに必要な知識を身につけたうえで、インターネット利用者の使いやすさを意識したWebサイトの企画立案?制作への実践方法について考える。
履修に必要な知識?能力?キーワード
／Prerequisites and Keywords		 PhotoshopとIllustratorを用いた初歩的な画像制作?処理が可能であること。
履修上の注意
／Notes		 ?過年度生対応のため、履修状況に合わせて、授業内容を変更する可能性がある。
?授業の進行に合わせ、授業中または授業時間外のレポート等を課す場合がある。
教科書
／Textbook(s)		 使用しない
参考文献等
／References		 自身に合うWebサイト制作に関するテキストを購入すること
自主学習ガイド
／Expected Study Guide outside Coursework/Self-Directed Learning Other Than Coursework		 普段から様々なアニメーションの映像表現手法に着目し、鑑賞すること。
また、インターネットに公開されているWebサイトのソースコードをはじめ、市販のマニュアルや書籍などを参考にし、Webサイトの設計について学習すること。
資格等に関する事項
／Attention Relating to Professional License		 特になし
アクティブラーニングに関する事項
／Attention Relating to Active Learning
実務経験に関する事項
／Attention Relating to Operational Experiences
備考
／Notes		 ①R4の授業形態について
?本科目は対面での開講を前提としているが、一部をオンライン授業で実施する可能性がある。

②アクティブラーニングについて
本授業では以下のアクティブラーニングを採用する予定である。
?プレゼンテーション
?課題（宿題等）

③その他
本科目は「実務経験のある教員による授業科目」又は「主として実践的教育から構成される授業科目」である。
その内容等については、次のアドレスの一覧表を参照。
/guide/guide_detail/index/1860.html

④CG室の使用について
CG演習室と撮影機材の使用について、利用規程および教員の指示を遵守すること。時間外作業にあたっては、施設設備使用許可を得ること。
なお、利用規程については、4月に行われる学科オリエンテーションで説明するので、出席すること。
授業計画詳細情報
No. 単元（授業回数）
／Unit (Lesson Number)		 単元タイトルと概要
／Unit Title and Unit Description		 時間外学習
／Preparation and Review		 配付資料
／Handouts
1 1 [オリエンテーション]
全15回の授業内容について説明する。		 なし なし
2 2 [キーフレームで制作されたアニメーションの鑑賞／山下]
モーショントゥイーンで制作されたキーフレームアニメーションを鑑賞しつつ、After Effectsの特徴や制作手法について解説する。		 授業時間後のリサーチ なし
3 3 [アニメーションにおける“撮影”について／山下]
アニメーションにおける“撮影”について説明しつつ、After Effctsの特性について学ぶ。		 授業時間後のリサーチ なし
4 4 [モーションタイポグラフィの歴史1.／山下]
モーションタイポグラフィの歴史について解説する。		 なし なし
5 5 [モーションタイポグラフィの歴史2.／山下]
モーションタイポグラフィの歴史について解説する。		 なし なし
6 6 [気持ちのいいモーションについて／山下]
気持ちのいいモーションの表現方法について説明する。		 授業時間後のリサーチ なし
7 7 [ストーリー制作の練習／山下]
簡単な絵本作りを通して、ストーリー制作の練習を行う。		 授業時間外での課題制作 ストーリー制作に使う用紙類、参考資料の印刷物
8 8 [ストーリー制作の練習-課題の発表?講評-／山下]
第7回の課題の発表、講評。前半のまとめ。		 授業時間後の復習 なし
9 9 [Webについての概要?HTML5の基本知識／石]
Webについての概要とHTML5の基本知識を説明する。		 調査事例の補足 なし
10 10 [目的に合ったWebデザインのビジュアル構成−レイアウト?フォント?カラー／石]
目的に合ったWebデザインのビジュアル構成として、レイアウト?フォント?カラーについて説明する。		 調査の補足 なし
11 11 [HTML5のタグ／石]
HTML5のタグについて説明する。		 調査事例の補足 なし
12 12 [HTML5のタグ?ユーザーインターフェイスについて／石]
HTML5を用いたユーザーインターフェイスについて説明する。		 調査事例の補足 なし
13 13 [CSSの特徴及び構成について／石]
可変グリッドWebサイトについて説明する。		 調査の補足 なし
14 14 [Webサイトの企画及びデザインプロセスについて／石]
可変グリッドWebサイトのタグの特徴について説明する。		 企画案の事例調査 企画案説明のプリント
15 15 [Dreamweaver CCについて／石]
Dreamweaver CCについての初歩的な操作について説明する。		 調査事例の補足 なし
授業評価詳細情報
到達目標及び観点／Learning Goal and Specific Behavioral Viewpoints
No. 到達目標
／Learning Goal		 知識?理解
／Knowledge & Undestanding		 技能?表現
／Skills & Expressions		 思考?判断
／Thoughts & Decisions		 伝達?コミュニケーション
／Communication		 協働
／Cooperative Attitude
1 After Effectsを用いたアニメーションの特性について理解することができる ○ ○ ○
2 映像制作の土台となるストーリーを作ることができる ○ ○ ○
3 Webサイトのユーザビリティ、アクセシビリティについて理解することができる ○ ○ ○
4 近年の映像やWebサイトに用いられる技術や表現について学習することができる ○ ○ ○
成績評価方法と基準／Evaluation of Achievement
※出席は2/3以上で評価対象となります。
No. 到達目標
／Learning Goal		 定期試験
／Exam.		 課題 学習態度（出欠含む）
1 After Effectsを用いたアニメーションの特性について理解することができる ○ ○
2 映像制作の土台となるストーリーを作ることができる ○ ○
3 Webサイトのユーザビリティ、アクセシビリティについて理解することができる ○ ○
4 近年の映像やWebサイトに用いられる技術や表現について学習することができる ○ ○
評価割合（％）
／Allocation of Marks		 80 20

科目一覧へ戻る