Course_Web UI｜網頁介面設計課程簡報

User Interface, User Experience, Design Process

Web UI
網頁介面

學習基本的使用者介面及使用者體驗，了解製作流程，並運用軟體設計網頁介面！

以一個半自學的介面設計師來帶領你進入網頁介面的領域！設計介面需要的不僅僅是天馬行空，需考量人性、清楚各個規範、介面的原理，甚至是如何與前端工程師進行溝通。

課程共區分為四大章節，每個章節可細分三個小節，且包含課堂／作業練習。實作及案例練習，需要有家教在旁，故不放入簡報中。

Chapters I
基本了解／簡報 108 頁

• 1.1｜UI & UX：了解使用者介面（UI）及使用者體驗（UX）的差別及關聯
• 1.2｜規範概念：規範的作用及設計規範的要點
• 1.3｜補充：Web 及 APP 的介面差異

Chapters II
Web UI 概念／簡報 181 頁

• 2.1｜網格系統：了解 Bootstrap 的網格系統，進行練習
• 2.2｜組件概念：介紹組件（Component）及案例
• 2.3｜組件概念：接續上一小節，將剩餘的組件介紹完畢

Chapters III
XD 軟體使用／簡報 96 頁

• 3.1｜基本介紹：認識 XD 軟體的基本操作
• 3.2｜進階＆設計規範：進行組件繪製練習及設計規範
• 3.3｜互動原型練習：將練習作業製成互動原型

Chapters IV
Web UI 製作流程／簡報 85 頁

• 4.1｜流程介紹：總覽包含四大階段：前置、設計、提案、開發
• 4.2｜流程介紹：User Story, Functional Map, Flow Chart, UI Flow, Wireframe, Mockup, Prototype
• 4.3｜交付方式：如何與前端工程師溝通

Notice
注意事項

• 一次購買一個章節，才不會出錯～並依據價格填寫
• 內容僅支援繁中

🎉 Five-Star Review! 給予五星，讓更多人看見 :) 🎉
商品購買完畢，可返回產品頁面右上角給予星星評論！

Tutor
關於私人家教說明

觀看簡報自學我想已綽綽有餘，若需要找尋家教，個人有提供私人家教服務，僅限台灣北部地區，欲知詳情可再寄信聯絡詢問。

信箱｜imjhanemi@gmail.com

How To Get FREE?
如何購買✨免費商品

1. 注意左上價格標籤

2. 選擇免費商品或切換免費版本時價格顯示 0+ 

3. 在下方的價格輸入 0 即可添加至購物車，並進行結帳

若想支持我，可自由輸入金額 (⁎⁍̴̛ᴗ⁍̴̛⁎)

Designer Info
設計師介紹

I'm Jhane. I come from Taiwan :)
GUI / Graphic / Illustration / MG / Tutor / Freelancer

來自臺灣的自由接案設計師，偶爾寫文章記錄生活，一不小心成為私人設計家教。我想，違背世俗的常規，需要點勇氣。

Medium｜Facebook｜Deerlight｜LINE Theme