109-2《中國》竹視傳二-使用者介面設計

週別　　　　　　進度

第一週　02/24　使用者設計介面課程總覽/課程的定義/成績評量要求說明

第二週　03/03 ［Figma］註冊與基本認識 / 基本功能介紹 / UI Mockup軟體介紹

第三週　03/10 ［ReDesign］逐步指南 / 案例分析

第四週　03/17　UI 開發案例/流程｜前置作業｜Flow Chart、Functional Map、UI Flow

第五週　03/24　線架構Wireframe製作

第六週　03/31　使用者介面之設計系統 GUI Design System｜Design System 案例（遠距教學）

第七週　04/07 ［Review］Wireframe｜延伸說明

第八週　04/14 ［期中報告］：APP（網站）提案報告｜Wirefram｜Prototype

第九週　04/21 ［期中報告］：APP（網站）提案報告｜Wirefram｜Prototype

第十週　04/28　圖像設計｜自製圖像與ICONFONT（遠距教學）

第十一週05/05 ［介面設計］風格設定｜情緒板｜Figma基本功能

第十二週05/12 ［Mockup設計］頁面設計 I ｜功能與技巧

第十三週05/19 ［Mockup設計］頁面設計 II

第十四週05/26 ［Design System］設計系統整合

第十五週06/02 ［Prototype］互動原型設計

第十六週06/09 ［期末報告］：產品原型操作提案報告-APP-ReDesign｜實體展出｜線上發表

第十七週06/16 ［期末報告］：產品原型操作提案報告-APP-ReDesign｜實體展出｜線上發表

第十八週06/23 ［期末考週］：作業修正與成績公告

(會依實際情況有所調整)

鄭巧玉譯（2014），《行動介面設計模式圖鑑:關於智慧型手機應用程式的介面模式》，Theresa Neil原著，台北：碁峰資訊。

鄭巧玉譯（2012），《行動介面設計模式》，Steven Hoober, Eric Berkman著，台北：碁峰資訊。

周陟編著（2013），《UI進化論:行動裝置使用者介面設計》，台北：上奇資訊。

彭其捷著（2016），《打造成功UI/UX的50個關鍵:用魔鬼的細節創造極致使用者體驗》，台北：博碩文化。

許郁文譯（2016），《打造最強網頁UI/UX設計腦:設計師都該懂的絕佳設計.溝通法則》，秋葉秀樹,秋葉ちひろ著，台北：博碩文化。

許郁文譯（2014），《多元裝置時代的網站UI/UX設計法則:打造出讓使用者完美體驗的好用介面》，原田秀司著，台北：博碩文化。

陳亦苓譯（2013），《智慧手機App UI.UX設計鐵則:想做出好用的APP和手機網站-就看這一本》，池田拓司作，台北：旗標出版。

李來春等（2018），《互動設計概論》，台北：全華圖書。

葉謹睿著（2010），《互動設計概論:後數位時代的網站.介面.產品及軟體設計的原則》，台北：藝術家出版。

每完成一個範例會有一個課後作業

請於每個單元課程中準時繳交

期中報告｜APP or WEB提案，規劃、流程、Wireframe、Design System

期末報告｜APP or WEB完整提案，含前置規劃、Design System、Mockup、Prototype產品原型操作提案報告

★上課網站/ http://jinjin.mepopedia.com/~jinjin/ui/

★Figma/ https://www.figma.com/

★Adobe XD/ https://www.adobe.com/tw/produ...

★每項作品請於討論區發表討論

★作品圖檔可上傳至網路空間，photobucket、 http://imgur.com/ 、Facebook相簿等可支援論壇圖檔的空間

★課堂講義、作業公告、與上課須知與討論皆放置於本網站上

http://vd.mepopedia.com/forum/28982

★每項作業皆會開專屬文章供同學發表與討論，請每位同學於此論壇註冊，註冊選項於右上角，請同學踴躍發表與參與討論，將列入平時成績評量

★老師email: jinjin@cute.edu.tw / line id : whc915 / 研究室:日新706|中正203

老師留輔約輔時間查詢 http://192.192.78.80/DateTeach...

約談與輔導直接上網登記或email、line聯絡

1.平時分數 40%

(1)平時作業 30%

(2)出席及上課表現 10%

基準分數80分，無故缺課一次扣3分(有事請email老師請假: jinjin@cute.edu.tw)

缺課超過六次(十二堂課)扣考，期末分數零分

2.期中分數 30%：［期中報告］：APP（網站）提案報告｜Wirefram｜Prototype

3.期末分數 30%：［期末報告］：產品原型操作提案報告-APP-ReDesign｜實體展出｜線上發表