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 App介面設計與規劃、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產品原型操作提案報告

上課須知

★每項作品請於討論區發表討論
★作品圖檔可上傳至網路空間,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%

3.期末分數 30%

108-2《中國》竹視傳二B-使用者介面設計的論壇文章
[ 發表文章 ]
[期中作業] ReDesign提案報告|提案,規劃、流程、Wireframe JinJin2020/04/12
[作業3] ReDesign主題及問題定義 JinJin2020/03/11
[作業2] 註冊Figma與基本功能練習 JinJin2020/03/11
[作業1] 進入使用者介面設計(UI)的世界 JinJin2020/02/28
[ 瀏覽文章 ]

108-2《中國》竹視傳二B-使用者介面設計的分類地圖


Views: 12,886