Introduction
網頁介面課程
學習基本的使用者介面及使用者體驗，了解製作流程，運用軟體設計網頁介面。以一個半自學的介面設計師來帶領你進入網頁介面的領域！設計介面需要的不僅僅是天馬行空，需考量人性、清楚各個規範、介面的原理，甚至是如何與前端工程師進行溝通。
本課程須具備基礎設計概念的初學者。
Curriculum
課程大綱
課程共區分為四大章節，每個章節包含三個小節，各節可細分為九個單元，包含課堂／作業練習。
因實作及案例練習，需要有家教在旁，故不放入簡報中。
基本了解
初步了解使用者介面及使用者體驗，建立基本的觀念。
- 1.1｜UI & UX：了解使用者介面、使用者體驗之間的差別及關聯。
- 1.2｜規範概念：規範的作用及設計規範的要點。
- 1.3｜補充：Web 及 APP 的介面差異。
Web UI 概念
學習網格系統的概念，從網頁前端的角度理解介面的構成，熟悉設計中的介面概念，提升效率及設計具有彈性的介面。
- 2.1｜網格系統：了解 Bootstrap 的網格系統，進行練習。
- 2.2｜組件概念：介紹組件（Component）及案例。
- 2.3｜組件概念：接續上一小節，將剩餘的組件介紹完畢。
Adobe XD 軟體使用
運用 Adobe XD 軟體練習繪製介面組件，初步熟悉軟體，將靜態的介面製作成可互動之原型。
- 3.1｜基本介紹：認識 Adobe XD 軟體的基本操作。
- 3.2｜進階＆設計規範：進行組件繪製練習及設計規範。
- 3.3｜互動原型練習：將練習作業製成互動原型。
Web UI 製作流程
介紹各個流程需執行的項目，熟悉各階段可運用的工具，以及如何與前端工程師溝通。
- 4.1｜流程介紹：總覽包含四大階段：前置、設計、提案、開發。
- 4.2｜流程介紹：User Story、Functional Map、Flow Chart、UI Flow、Wireframe、Mockup、Prototype。
- 4.3｜交付方式：如何與前端工程師溝通。
Case study
課程示範
擷取課程簡報中的內容，更多詳細的內容都在課程簡報中。
