關閉視窗
南臺科技大學106學年度第2學期課程資訊
課程代碼 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
課程規範