シラバス参照

授業情報/Course information

科目一覧へ戻る 2020/04/02 現在

授業基本情報
科目名(和文)
/Course
ビジュアルデザイン論2b
科目名(英文)
/Course
Visual Design Ⅱb
時間割コード
/Registration Code
33011201
学部(研究科)
/Faculty
デザイン学部
学科(専攻)
/Department
造形デザイン学科
担当教員(○:代表教員)
/Principle Instructor (○) and Instructors
山下 万吉 , 石 王美
オフィスアワー
/Office Hour
山下 万吉(山下万吉(第1Q:月曜5限/3608 
     第2Q:火曜5限/3608 
     第3Q:水曜3限/3608 
     第4Q:水曜3限/3608))
石 王美(火曜日14:20~15:50 3504室)
開講年度
/Year of the Course
2019年度
開講期間
/Term
後期
対象学生
/Eligible Students
2年
単位数
/Credits
2.0
授業概要情報
更新日
/Date of renewal
2019/03/26
使用言語
/Language of Instruction
日本語
オムニバス
/Omnibus
複数教員担当
授業概略と目的
/Cource Description and Objectives
ソフトウェアによるアニメーションの基本を学習し、様々な動きの表現と動画データの扱いについて学習する。
また、Webサイトのプログラミングやディレクションに必要な知識と、動画データをWebに活用する技術を身につけたうえで、インターネット利用者の使いやすさを意識したWebサイトの企画立案・制作への実践方法について考える。
履修に必要な知識・能力・キーワード
/Prerequisites and Keywords
PhotoshopとIllustratorを用いた初歩的な画像処理のオペレーションが可能であること。
履修上の注意
/Notes
・第1回のオリエンテーションで授業全体の概要を説明する。受講する者は出席すること。
・グループによる共同作業や課題を課す場合がある。
・授業の進行に合わせ、授業中または授業時間外のレポートを課す場合がある。
教科書
/Textbook(s)
使用しない
参考文献等
/References
・「Webデザインの新しい教科書」MdNコーポレーション,2013.
その他、自身に合うWebサイト制作に関するテキストを購入すること
自主学習ガイド
/Expected Study Guide outside Coursework/Self-Directed Learning Other Than Coursework
普段からアニメーションの表現手法に着目し、鑑賞する。
また、インターネットに公開されているWebサイトのソースコードをはじめ、市販のマニュアルや書籍などを参考にし、Webサイトの設計について学習すること。
資格等に関する事項
/Attention Relating to Professional License
特になし
備考
/Notes
・CG演習室と撮影機材の使用について、利用規程および教員の指示を遵守すること。
・時間外作業にあたっては、施設設備使用許可を得ること。

本科目は「実務経験のある教員による授業科目」又は「主として実践的教育から構成される授業科目」である。
その内容等については、次のアドレスの一覧表を参照。
https://www.oka-pu.ac.jp/guide/guide_detail/index/1860.html
授業計画詳細情報
No. 単元(授業回数)
/Unit (Lesson Number)
単元タイトルと概要
/Unit Title and Unit Description
時間外学習
/Preparation and Review
配付資料
/Handouts
1 1 [オリエンテーション]
全15回の授業内容について説明する。
なし なし
2 2 [キーフレームで制作されたアニメーション・Webサイトの鑑賞/山下]
キーフレームで制作されたアニメーションやWebサイトを鑑賞しつつ、制作手法について解説する。
なし なし
3 3 [キーフレームアニメとセルアニメの違いについて1.-課題の説明-/山下]
キーフレームアニメとセルアニメの違いについて解説しつつ、課題の内容を説明する。
授業時間後のリサーチ なし
4 4 [キーフレームアニメとセルアニメの違いについて2.-課題の発表・まとめ-/山下]
第3回で科した課題のプレゼンテーションを行う。
なし なし
5 5 [ストーリー制作の練習1. -物語の構成と構図について-/山下]
ストーリー制作の練習を行う。
小課題の制作 ストーリー制作に使う用紙類、参考資料の印刷物
6 6 [ストーリー制作の練習2. -課題の発表・講評-/山下]
第5回で科した課題のプレゼンテーションを行う。
なし なし
7 7 [After Effectsの応用1.-エフェクト-/山下]
After Effectsの使い方の応用として、エフェクトについて説明する。
配布資料をもとにした復習 アプリケーションマニュアルの印刷物
8 8 [After Effectsの応用2.-実写との合成-/山下]
After Effectsの使い方の応用として、実写との合成について説明する。
配布資料をもとにした復習 アプリケーションマニュアルの印刷物
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 アニメーションの特性と動画データの扱いについて理解する
2 Webサイトのユーザビリティ、アクセシビリティについて理解する
3 インターネットの歴史、また、近年のWebサイトに用いられる技術や表現について学習する
成績評価方法と基準/Evaluation of Achievement
※出席は2/3以上で評価対象となります。
No. 到達目標
/Learning Goal
定期試験
/Exam.
課題 学習態度(出欠含む)
1 アニメーションの特性と動画データの扱いについて理解する
2 Webサイトのユーザビリティ、アクセシビリティについて理解する
3 インターネットの歴史、また、近年のWebサイトに用いられる技術や表現について学習する
評価割合(%)
/Allocation of Marks
80 20

科目一覧へ戻る