關閉視窗
南臺科技大學108學年度第2學期課程資訊
課程代碼 1CD02901
課程中文名稱 圖形化互動介面設計
課程英文名稱 Motional Graphical User Interface Design
學分數 3.0
必選修 選修
開課班級 四技產設二甲,四技產設二乙
任課教師 馮嘉慧
上課教室(時間)
週五 第7節 (X302)
週五 第8節 (X302)
週五 第9節 (X302)
課程時數 3
實習時數 0
授課語言 1.華語
輔導考證
課程概述 1.互動概念設計與圖形介面設計
2.互動概念與圖形介面設計新趨勢
3.互動原型設計
4.GUI 視覺設計
5.ICON設計
6.互動式圖像設計
7.專案實踐:掌上型行動設備的圖形介面企劃與模擬
先修科目或預備能力
課程學習目標與核心能力之對應
編號中文課程學習目標英文課程學習目標對應系指標
1 能了解圖像化設計的設計原則 1 專業知識
2 能理解與規劃非線性畫面及視覺表現方式的運作程序 2 實務技能
3 能達到數位表現技法的設計能力 3 資訊能力
4 能培養學生對於設計表達的溝通技巧 7 表達溝通
5 能訓練學生學會聆聽、分工的團隊精神 8 敬業合群
就業力培養目標
  校指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  20% 30% 20% 0% 0% 0% 20% 10% 0% 0%
  系指標 1 2 3 4 5 6 7 8 9 10
  專業知識 實務技能 資訊能力 整合創新 外語能力 熱誠抗壓 表達溝通 敬業合群 人文素養 服務關懷
  20% 30% 20% 0% 0% 0% 20% 10% 0% 0%
中文課程大綱 1.圖形介面設計原則介紹
2.圖形介面設計方法
3.圖形介面設計案例討論
4.圖形介面設計實務
英/日文課程大綱 1. Introduction UI guideline
2. GUI method
3. GUI case study
4. GUI layout and icon practices
課程進度表 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
課程規範