112-1《中國》竹視傳二A-使用者介面設計

      

課程大綱

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

課程授課進度表

週別      進度

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

第二週 09/20 [Figma] 註冊與基本認識 / 軟體功能介紹

第三週 09/27 [ UI Mockup軟體介紹/基本功能介紹

第四週 10/04 [ReDesign] UI 開發案例/逐步指南 / 案例分析/

🔄 翻轉教室:
請觀看與搜集相關案例資料,如果是你,針對目前的需求,你會以何種主題來製作,並提供適合可參考案例分享與說明


第五週 10/11 Flow Chart、Functional Map、UI Flow、利害關係人、使用者故事地圖

🔄 翻轉教室:
請針對上週設定的主題,進行流程圖、人物誌、使用者故事地圖的規劃,並進行分享。


第六週 10/18  業師協同教學|AI 導入使用者介面設計流程

第七週 10/25 [數位白板工] FigJam

🔄 翻轉教室:
是否使用過線上協作工具?有使用過哪些?感受如何?現今設計環境,你覺得線上協作有什麼幫助?試著使用figma與figjam的線上協作,感覺如何?未來的小組或專題討論,你會使用這個工具進行嗎?


第八週 11/01 線架構Wireframe製作

第九週 11/08 [介面設計] 風格設定|情緒板|

第十週 11/15  業師協同教學|迎向 AI 時代

第十一週11/22 [期中線上報告]:APP(網站)提案報告|Wirefram|Prototype

第十二週11/29  業師協同教學|UI 設計師基本態度與能力

第十三週12/06 [Mockup設計]頁面設計|功能與技巧|

第十四週12/13 [Mockup設計]頁面設計|功能與技巧|

第十五週12/20 [Prototype]互動原型設計/[Design System]設計系統整合

第十六週12/27 [期末報告] 產品原型操作提案報告-線上發表製作說明

第十七週01/03 [期末報告]產品原型操作提案報告-APP-ReDesign|線上發表|線上作業修正與成績公告

第十八週01/10 1/9(二)~1/14(日)教師運用多元形式進行補充教學|線上作業修正與成績公告

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


參考書目

鄭巧玉譯(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產品原型操作提案報告


上課須知

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

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

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

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


課後約輔

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

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


評分標準

1.平時分數 40%

(1)平時作業 30%

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

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

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

2.期中分數 30%:[期中報告]:APP(網站)提案報告|Wirefram|Prototype

3.期末分數 30%:[期末報告]:產品原型操作提案報告-APP-ReDesign or 全新專案 |實體展出|線上發表

######

112-1《中國》竹視傳二A-使用者介面設計的論壇文章
[ 發表文章 ]
Re: [期中作業] 設計專案orReDesign 提案報告 11154480042024/04/29
112-1《中國》竹視傳二A-使用者介面設計 11154480222024/04/29
Re: [期中作業] 設計專案orReDesign 提案報告 10954480092024/04/28
Re: [期中作業] 設計專案orReDesign 提案報告 11154480042024/04/28
Re: [期中作業] 設計專案orReDesign 提案報告 11154480162024/04/24
[期中作業] 設計專案orReDesign 提案報告 11154480072024/04/24
Re: [期中作業] 設計專案orReDesign 提案報告 11154480152024/04/24
[期中作業] 設計專案orReDesign 提案報告 11154480152024/04/24
Re: [期末作業] UI 期末作品線上發表 Yiqing2024/01/10
Re: [期末作業] UI 期末作品線上發表 11154450042024/01/10
Re: [期末作業] UI 期末作品線上發表 魔幻小星2024/01/09
Re: [期末作業] UI 期末作品線上發表 11154450182024/01/08
Re: [期末作業] UI 期末作品線上發表 11154450182024/01/08
Re: [期末作業] UI 期末作品線上發表 11154450052024/01/06
Re: [期末作業] UI 期末作品線上發表 11154450052024/01/06
Re: [期中作業] 設計專案orReDesign 提案報告 11154450182024/01/03
Re: [期末作業] UI 期末作品線上發表 11154450052024/01/03
Re: [期末作業] UI 期末作品線上發表 11154450152024/01/03
[期末作業] UI 期末作品線上發表 JinJin2023/12/03
[期中作業] 設計專案orReDesign 提案報告 JinJin2023/10/29
[ 瀏覽文章 ]

112-1《中國》竹視傳二A-使用者介面設計的分類地圖


Views: 461