教學大綱表 (113學年度 第2學期)
請遵守智慧財產權,勿使用非法影印教科書,避免觸法。
課程名稱
Course Title
(中文) 視覺化資訊設計
(英文) Infographic Design
開課單位
Departments
媒體設計學系
課程代碼
Course No.
V2260B
授課教師
Instructor
王韶均
學分數
Credit
3.0 必/選修
core required/optional
必修 開課年級
Level
大一
先修科目或先備能力(Course Pre-requisites):Adobe Illustrator、Adobe Photoshop、Cinema 4D、Microsoft Excel
課程概述與目標(Course Overview and Goals):在資訊訊息傳播爆炸的時代,更讓人深感設計的重要。視覺化資訊設計(Infographic)有別於傳統制式圖表,將大量資訊透過合適的圖文編排,使資訊簡明且有效地傳達給觀看者;在突破既有框架後,又保留資訊的閱讀邏輯。

課程規劃以視覺化資訊設計為主,首先學習視覺化資訊設計的歷史、圖像、圖表與文字的資訊編排技巧,並將訊息解構與重整,進行資訊視覺化的平面設計。本課程不進行軟體教授,修課同學需熟悉Adobe Illustrator、Adobe Photoshop等相關視覺設計、編排、歸納之軟體。
教科書(Textbook) • 永原康史(2018)。資訊視覺化設計的潮流: 資訊與圖解的近代史。李柏黎/ 嚴可婷譯,台北,雄獅出版。

• 這樣 O 那樣 X 馬上學會好設計(2015)。坂本伸二,謝薾鎂譯,初版14刷。臺北市:旗標。P2

• Tube Graphics、木村博之(2012)。設計的邏輯:INFOGRAPHICS深入人心的視覺法則,台北,旗標出版。

• Infographics, Lankow, Jason/ Ritchie, Josh/ Crooks, Ross , 2012/09/04

• Infographics: The Power of Visual Storytelling, Jason Lankow,Josh Ritchie,Ross Crooks,(中譯:視覺資訊的力量 讓數字故事「更好看」:抓住眼球經濟的「資訊圖」格式全書)
參考教材(Reference) • 永原康史(2018)。資訊視覺化設計的潮流: 資訊與圖解的近代史。李柏黎/ 嚴可婷譯,台北,雄獅出版。

• 這樣 O 那樣 X 馬上學會好設計(2015)。坂本伸二,謝薾鎂譯,初版14刷。臺北市:旗標。P2

• Tube Graphics、木村博之(2012)。設計的邏輯:INFOGRAPHICS深入人心的視覺法則,台北,旗標出版。

• Infographics, Lankow, Jason/ Ritchie, Josh/ Crooks, Ross , 2012/09/04

• Infographics: The Power of Visual Storytelling, Jason Lankow,Josh Ritchie,Ross Crooks,(中譯:視覺資訊的力量 讓數字故事「更好看」:抓住眼球經濟的「資訊圖」格式全書)
課程大綱 Syllabus 學生學習目標
Learning Objectives
單元學習活動
Learning Activities
學習成效評量
Evaluation
備註
Notes

No.
單元主題
Unit topic
內容綱要
Content summary
1 課程介紹、基本架構、式樣化 課程介紹(課程綱要、視覺資訊化概念、作業規範。)
階層式樣化介紹與案例
課程介紹
樣式化實作練習
講授
作業
 
2 樣式化設計評圖、鏈狀圖繪製與討論 評圖、同儕互評
資訊的傳遞與資訊視覺化介紹
鏈狀圖的繪製、教師討論
認識資訊視覺化
鏈狀圖的實作練習
講授
實作
作業
 
3 圖表設計評圖、符號學認識、鏈狀圖繪製與討論 評圖、同儕互評
平面設計基礎符號學的帶入
鏈狀圖的繪製、教師討論
基礎符號學認識
流程圖練習
講授
作業
 
4 流程圖評圖、視覺資訊風格與應用、鏈狀圖繪製與討論 視覺資訊風格與相關應用案例
鏈狀圖的繪製、教師討論
視覺資訊化設計脈絡思考 講授
實作
作業
 
5 同學討論 時間軸圖表設計精稿討論 視覺資訊化設計脈絡思考 討論
作業
 
6 時間軸圖表評圖、鏈狀圖繪製、課堂討論 視覺資訊圖表(時間軸、歷史圖表、即時性相關的資訊圖表)、示意分解圖鏈狀圖的繪製與討論 視覺資訊圖表設計實作練習 講授
實作
 
7 視覺資訊圖表設計原則、鏈狀圖繪製、課堂討論 視覺資訊圖表設計原則
期中專案:示意分解圖發想討論
視覺資訊圖表設計細節II
視覺資訊化設計專案學習
講授
實作
 
8 同學討論 期中專案:示意分解圖草稿精稿討論 視覺資訊化設計專案學習  
9 期中發表 期中發表 期中發表 期中考
 
10 統計圖表 統計圖表(人口、生物、水、蔬果、健康) 統計圖表種類認識 講授
實作
作業
 
11 同學討論 同學討論 統計圖表草圖提案討論 討論
作業
 
12 統計圖表評圖、資訊化圖表風格、色彩應用 資訊化圖表風格與色彩應用 風格跟色彩的結合 講授
實作
作業
 
13 象形圖 資訊化圖表單元:象形圖
期末鏈狀圖繪製與討論
資訊化圖表單元:象形圖
期末鏈狀圖繪製與討論
講授
實作
 
14 期末進度I 期末個人進度討論 視覺資訊化設計專案學習 討論
 
15 期末進度II 期末個人進度討論 視覺資訊化設計專案學習 討論
 
16 期末發表 期末發表(志生紀念館展覽) 視覺資訊化設計專案學習
期末發表
期末考
 
彈性教學週活動規劃

No.
實施期間
Period
實施方式
Content
教學說明
Teaching instructions
彈性教學評量方式
Evaluation
備註
Notes
1 起:2025-02-14 迄:2025-06-23 6.其他 Others 展覽-資訊圖表實務印 期末作品於志生紀念館展覽、並有照片紀錄。 期末作品於志生紀念館展覽、並有照片紀錄。
2 起:2025-02-14 迄:2025-06-23 5.小專題 Project Behance專案。 將這學期作品放至於Behance,並上傳網路大學,需要有網址與截圖證明。


教學要點概述:
1.自編教材 Handout by Instructor:
■ 1-1.簡報 Slids
□ 1-2.影音教材 Videos
□ 1-3.教具 Teaching Aids
□ 1-4.教科書 Textbook
■ 1-5.其他 Other
■ 2.自編評量工具/量表 Educational Assessment
□ 3.教科書作者提供 Textbook

成績考核 Performance Evaluation: 期末考:30%   期中考:20%   彈性教學:10%   作業:40%  

教學資源(Teaching Resources):
■ 教材電子檔(Soft Copy of the Handout or the Textbook)
□ 課程網站(Website)
扣考規定:https://curri.ttu.edu.tw/p/412-1033-1254.php