課程代碼 |
1CD02901
|
課程中文名稱 |
圖形化互動介面設計
|
課程英文名稱 |
Motional Graphical User Interface Design
|
學分數 |
3.0
|
必選修 |
選修
|
開課班級 |
二技產設三甲,四技產設二甲,四技產設二乙
|
任課教師 |
馮嘉慧
|
上課教室(時間) |
週四
|
第1節
|
(M200)
|
週四
|
第2節
|
(M200)
|
週四
|
第3節
|
(M200)
|
|
課程時數 |
3
|
實習時數 |
0
|
授課語言 |
1.華語
|
輔導考證 |
無
|
課程概述 |
1.互動概念設計與圖形介面設計 2.互動概念與圖形介面設計新趨勢 3.互動原型設計 4.GUI 視覺設計 5.ICON設計 6.互動式圖像設計 7.專案實踐:掌上型行動設備的圖形介面企劃與模擬
|
先修科目或預備能力 |
|
課程學習目標與核心能力之對應
|
編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
1
|
能了解圖像化設計的設計原則
|
|
1 設計知識
|
2
|
能理解與規劃非線性畫面及視覺表現方式的運作程序
|
|
2 多媒體知識
|
3
|
能達到數位表現技法的設計能力
|
|
3 數位設計技能
|
4
|
能培養學生對於設計表達的溝通技巧
|
|
9 溝通表達
|
5
|
能訓練學生學會聆聽、分工的團隊精神
|
|
10 團隊合作
|
|
就業力培養目標 |
|
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
|
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
|
50% |
0% |
20% |
0% |
0% |
0% |
20% |
10% |
0% |
0% |
|
系指標 |
1 |
2 |
4 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
12 |
11 |
|
設計知識 |
多媒體知識 |
手繪設計技能 |
數位設計技能 |
行銷企劃 |
創意思考 |
外文應用 |
職場倫理 |
溝通表達 |
團隊合作 |
藝術美學 |
服務精神 |
|
20% |
30% |
0% |
20% |
0% |
0% |
0% |
0% |
20% |
10% |
0% |
0% |
|
中文課程大綱 |
互動式介面設計是針對人的設計,重視用戶和觀眾的使用習性,進行圖像化的設計提升使用的愉悅性。開始以手持行動裝置為主,介紹最新發展的互動手法和使用場所。接觸產品設計核心的介質,介紹初級→高級→複合型的綜合設計案例,介紹如何設計出讓人喜愛的視覺作品。最後進行產品的完整設計企劃,並展示行動裝置的互動設計、介面設計的Demo。
|
英/日文課程大綱 |
|
課程進度表 |
1.導論授課介紹 2.圖形介面設計概念1 3.圖形介面設計概念2 4.圖形介面設計:風格分析 5.圖形介面設計:圖形介面製作 6.圖形介面設計:圖形介面動態製作 8.圖形介面設計:圖形介面發表 9.期中考:設計規範 10.跨平台圖形介面設計實務與技巧 11.Android圖形介面元件設計 12.iOS圖形介面元件設計 13.圖形介面設計:主題發想 14.圖形介面設計:介面設計1 15.圖形介面設計:介面設計2 16.互動裝置文件:切圖座標設計規範製作 17.期末個人發表 18.期末個人發表
|
課程融入SDGs |
|
期考調查 |
期中考(第9週)考試方式 |
|
期末考(第18週)考試方式 |
|
其他週考試考試週次與方式 |
|
|
教學方式與評量方式 |
課程學習目標 | 教學方式 | 評量方式 |
能了解圖像化設計的設計原則 |
課堂講授
|
口頭報告
(
平時
)
|
能理解與規劃非線性畫面及視覺表現方式的運作程序 |
實作演練
|
實作
(
期中
)
|
能達到數位表現技法的設計能力 |
實作演練
|
實作
(
期末
)
|
能培養學生對於設計表達的溝通技巧 |
啟發思考
|
設計製作
(
平時
)
|
能訓練學生學會聆聽、分工的團隊精神 |
分組討論
|
口頭報告
(
平時
)
|
|
指定用書 |
書名 |
Designing Visual Interfaces: Communication Oriented Techniques
|
作者 |
Kevin Mullet and Darrell Sano
|
書局 |
SunSoft Press
|
年份 |
1995
|
國際標準書號(ISBN) |
0133033899, 9780133033892
|
版本 |
1
|
請同學尊重智慧財產權,使用正版教科書,不得非法影印,以免觸犯智慧財產權相關法令
。 |
參考書籍 |
Android Design Guideline iOS Design Guideline
|
教學軟體 |
Adobe Photoshop
Adobe Illustrator
Sketch
|
課程規範 |
|