網頁介面設計課程電子書


User Interface, User Experience, Design Process

網頁介面設計課程電子書

介紹

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

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

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

Chapters I
基本了解/108 頁

  • 1.1|UI & UX:了解使用者介面(UI)及使用者體驗(UX)的差別及關聯
  • 1.2|規範概念:規範的作用及設計規範的要點
  • 1.3|補充:Web 及 APP 的介面差異
Design by Jhane Chou

Chapters II
Web UI 概念/181 頁

  • 2.1|網格系統:了解 Bootstrap 的網格系統,進行練習
  • 2.2|組件概念:介紹組件(Component)及案例
  • 2.3|組件概念:接續上一小節,將剩餘的組件介紹完畢
Design by Jhane Chou

Chapters III
XD 軟體使用/96 頁

  • 3.1|基本介紹:認識 XD 軟體的基本操作
  • 3.2|進階&設計規範:進行組件繪製練習及設計規範
  • 3.3|互動原型練習:將練習作業製成互動原型
Design by Jhane Chou

Chapters IV
Web UI 製作流程/85 頁

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

Course Web UI eBook

網頁介面課程電子書

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