================================================================== 本課程為【數媒學程】106 學級大二上「專業必修」【數媒學程專業核心模組】課程。 ==================================================================
《前言》 職業社群 LinkedIn 網站官方部落格公佈 2015 年全球最熱門的 25 個工作技能排行榜中,使用者介面設計 (User Interface Design) 從 2014 年的第 14 名爬升到第 10 名,2016 和 2017 年更晉升至第 5 名。
看過(使用過)智慧型手機和平板電腦裡應用軟體(APP)漂亮而友善的畫面嗎?那就是使用者介面設計的成果。「科技始終來自於人性」,使用者介面設計即是以人為出發點的設計,不僅視覺上要好看,操作上更需要人性化,讓使用者可以直覺地正確操作使用。
《授課內容》 故本課程透過實際個案研究,並採實戰應用的訴求,讓學員親身體驗操作,並與職場實務結合,課程內容包括: 1. 使用者分析與研究; 2. 概念原型設計; 3. 設計體驗測試; 4. 圖示設計; 5. 網頁介面設計模式; 6. 行動介面設計模式
藉以讓學生清楚瞭解使用者介面設計的概括全貌。
本課程指定的前端框架,以全球最普及的 JavsScript 框架:jQuery、使用者介面設計:jQuery UI、前端開發框架:Bootstrap 為主。
《使用軟體》 本課程所使用的軟體如下: 【主要軟體】 1. Adobe Dreamweaver CC 2018 2. Brackets 【次要軟體】 1. Sublime Text 2. Axure RP 6.5 Std 標準版 3. Adobe Photoshop CC 2018 4. Adobe Illustrator CC 2018 5. Adobe XD CC 6. Microsoft Word、PowerPoint 等文書軟體
《適合對象》 1. 本校【數媒學程】(104、105、106學級)大四、大三、大二在學學生。 2. 本校【數媒學程】(103學級)大四在學學生,仍未修習「基礎程式設計」者。 3. 非【數媒學程】的學生,但對前端工程與使用者介面設計有興趣的人。 4. 有使用過桌上型電腦、智慧型手機和平板電腦經驗的人。
《注意事項》 1. 本課程是 104、105、106 學級大二下「多媒體網頁設計」(3學分)的先修課程(擋修!!)。 2. 媒體學程 100 學年度入學學生應修【使用者介面設計】(2學分)課程,105-106 學年度替代課程:數媒學程專業核心模組【前端介面設計】3學分,多1學分,列為自由選修。 3. 媒體學程 101 學年度入學學生應修【基礎程式設計】(2學分)課程,105 學年度起,因課程停開,故以數媒學程專業核心模組【前端介面設計】(3學分)課程替代,多1學分,列為自由選修。 4. 數媒學程 102 學年度入學學生應修【基礎程式設計】(2學分)課程,105 學年度起,因課程停開,故以數媒學程專業核心模組【前端介面設計】(3學分)課程替代,多1學分,列為自由選修。 5. 數媒學程 103 學年度入學學生應修【基礎程式設計】(2學分)課程,105 學年度起,因課程停開,故以數媒學程專業核心模組【前端介面設計】(3學分)課程替代,多1學分,列為自由選修。
--- 105 學級【多媒體設計模組】「網頁程式設計養成課程」學習地圖如下(按順序): 1.【大二上】前端介面設計 (User Interface Design) 2.【大二下】多媒體網頁設計 (HTML+CSS+JavaScript) 3.【大三上】網站建置與規劃 (Web Development) 4.【大三下】使用者體驗設計 (UX)
《 課程簡介 -- English 》
User Interface Design is a 18-week course that teaches you how to design user interfaces. Good user interface design is a critical part of the success of a product or Web site. If you would like to learn the process of designing an effective user interface, then this course is for you.
What makes a good user interface? What is involved when designing interfaces? How do you design the right navigational model for your interface?
This course examines these issues and teaches you how to create a good user interface.
In this course, you gain an understanding of the overall user interface design process and learn how to develop user scenarios, a user object model, a navigational model, and an exploratory view of the user interface using low-fidelity (paper) prototyping techniques. By the end of this course, you will have developed a set of user scenarios, a user object model, a navigational or flow diagram, and a paper prototype for a small software application.
|