| 課程代碼 |
1CN02C01
|
| 課程中文名稱 |
新型態介面設計與模擬
|
| 課程英文名稱 |
Interactive User Interface design and simulations
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技產設三甲
|
| 任課教師 |
馮嘉慧
|
| 上課教室(時間) |
|
週二
|
第12節
|
(M201)
|
|
週二
|
第13節
|
(M201)
|
|
週二
|
第14節
|
(M201)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
1.NA
2.NA
|
| 課程概述 |
互動界面設計基本上延伸上學期的『人機界面設計』課程，在已有人機理論基礎下進行新互動形態的界面設計發想與模擬為主。課程中除了引導學生進行構思與設計創新的界面超作方式，讓界面變得更友善與有趣。學習重點由嘗試不同系統的介面開始，了解、發現問題、創新發想、設計與模擬等階段，完成一個新形態的介面模型設計。
|
| 先修科目或預備能力 |
人機界面設計
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
認識現有系統介面設計與設計方法
|
|
1 專業知識
|
|
2
|
如何規劃互動設計創新提案
|
|
3 資訊能力
|
|
3
|
互動設計流程規劃與執行
|
|
2 實務技能
|
|
4
|
互動設計提案報告
|
|
4 整合創新
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
30% |
30% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
| |
系指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
30% |
30% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
|
| 中文課程大綱 |
1.認識現有系統之介面形式
2.分析了解並發現問題
3.界面修正實作練習
4.ＵＩ創新提案
5.widget 界面設計流程規劃
6.UI components 設計
|
| 英/日文課程大綱 |
1.Open research on all existing powerful OS UIs.
2.Understand and discovering more friendly way to use an UI system.
3.Try to re-proposal a difficult UI design with your team members.
4.Simulating you new ideas.
5.UI planning for a new widget.
6.UI components design.
|
| 課程進度表 |
第 1 週 導論 授課介紹
第 2 週 Web入⾨
第 3 週 Visual Studio Code
第 4 週 HTML5
第 5 週 表格
第 6 週 CSS3語法
第 7 週 CSS定位觀念
第 8 週 期中實作
第 9 週 響應式網站
第 10週 響應式網站實作
第 11週 響應式網站實作2
第 12週 響應式網站(進階)
第 13週 響應式網站案例練習1
第 14週 響應式網站案例練習2
第 15週 響應式網站案例練習3
第 16週 響應式網站案例練習4
第 17週 期末實作報告
第 18週 期末實作報告
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
期中作業
|
| 期末考(第18週)考試方式 |
期末報告
|
| 其他週考試考試週次與方式 |
平時測驗
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 認識現有系統介面設計與設計方法 |
課堂講授
|
實作
（
平時
）
|
| 如何規劃互動設計創新提案 |
實作演練
|
實作
（
期中
）
|
| 互動設計流程規劃與執行 |
實作演練
|
實作
（
期末
）
|
| 互動設計提案報告 |
實作演練
|
設計製作
（
平時
）
|
|
| 指定用書 |
| 書名 |
Interaction Design
|
| 作者 |
Jennifer Preece, Yvonne Rogers, Helen Sahrp
|
| 書局 |
WILEY
|
| 年份 |
2002
|
| 國際標準書號(ISBN) |
0-471-49278-7
|
| 版本 |
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
1.Designing Gestural Interfaces, Dan Saffer, O'REILLY
2.Mobile Design Pattern Gallery UI Pattern for iOS, Android and More, Theresa Neil, O'REILLY
3.葉謹睿, 互動設計概論, The Principles of Interaction Design in the Post-digital Age, 藝術家
4.Scott Weiss, Handheld Usability. Usable Products Company, WILEY
|
| 教學軟體 |
Visual Studio Code
|
| 課程規範 |
|