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

本課程教授使用者介面設計之方法，從產業、形式、設計、最新趨勢等內容導入實務案例演練，廣泛介紹UI現今的發展與應用方向，由現今趨勢之網頁設計與APP設計，到使用者介面設計企劃與設計流程的訓練，培養學生UI視覺規劃與設計實務能力。

週別　　　　　　進度

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

第二週　03/09　進入使用者介面設計的世界、UI軟體比較、ReDesign、優秀 UI 作品

第三週　03/16　Functional Map｜功能地圖、Flow Chart｜流程圖、UI Flow｜介面（頁面）流程

第四週　03/23　[業師協同］介紹 UI 開發案例/流程｜前置作業｜案例｜web 協作｜APP介紹操作｜UI軟體介紹、Figma教學

第五週　03/30　[業師協同］視覺 Wireframe / Mockup 案例 ｜Web 軟體導覽介紹操作

第六週　04/06　[業師協同］ prototype / design system 案例 ｜web 軟體導覽介紹操作

第七週　04/13　 [Mockup設計］UI企劃架構、Design System、Welcome Page｜進入頁面｜

第八週　04/20　[Mockup設計］UI企劃架構、Welcome Page｜Sign in / Login｜登入頁面

第九週　04/27　[期中報告］：Wirefram、Design System，網站(APP)概念提案報告

第十週　05/04　Ａpp介面設計與規劃、UI guideline 介紹

第十一週05/11 　UI 圖像設計

第十二週05/18　 UI 圖像設計

第十三週05/25　 校外參觀

第十四週06/01　Prototype原型製作教學

第十五週06/08　Prototype原型製作教學

第十六週06/15　 [期末報告］：含前置規劃、Design System、Mockup、Prototype產品原型操作提案報告

第十七週06/22　 [期末報告］：含前置規劃、Design System、Mockup、Prototype產品原型操作提案報告

第十八週06/29　期末檢討-分數確認

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

鄭巧玉譯（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/products/xd.html

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

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

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

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

★老師email: [email protected] / line id : whc915 / 研究室:日新706

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

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

1.平時分數 40%

(1)平時作業 30%

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

基準分數80分，無故缺課一次扣3分(有事請email老師請假: [email protected]

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

2.期中分數 30%

3.期末分數 30%