
0人評分過此書
Figma UI/UX設計技巧實戰:打造擬真介面原型
✪認識UI/UX與Figma整合設計流程
✪了解常見的UI/UX設計工具與方法論
✪介紹Figma的重點特色
✪實作Figma基礎功能及進階技巧
✪實作Smart Animate動態設計技巧
✪彙整Figma社群重要Plugin外掛
✪解析Figma設計系統相關概念與實例
✪提供Figma相關延伸學習指南
UI/UX是現今網頁及APP設計的必備能力,除了常聽到的Photoshop、Adobe XD、Sketch等軟體之外,近年全球設計界出現一套異軍突起的新寵兒─Figma,其提供了極優異的擬真介面設計環境,並能讓團隊同步線上協同編輯,徹底改造許多團隊的介面設計流程。
本書精心彙整了Figma的72個技巧與35個實作案例,透過大量圖片與步驟式教學, 從基礎概念開始,逐步引導讀者熟悉Figma的入門與進階技巧,親手製作出完整的介面互動原型。除了UI或UX設計師之外,本書也適合於PM、工程師或相關介面工作者閱讀,透過Figma的精緻化機能,可提升設計溝通品質。
【目標讀者】
✪想從零上手Figma實作技巧的人。
✪想設計出互動擬真UI介面的設計師。
✪想提升網站、系統設計能力的人員。
✪想設計APP/RWD雛形介面的新手。
✪希望自己規劃網站架構的前端工程師。
✪想親手建立溝通素材的PM或專案管理人員。
✪需要規劃網站功能與架構的相關企劃人員。
本書特色
風靡全球UI/UX設計神器Figma
本書精選72個實作技巧
零基礎上手擬真介面設計
✪了解常見的UI/UX設計工具與方法論
✪介紹Figma的重點特色
✪實作Figma基礎功能及進階技巧
✪實作Smart Animate動態設計技巧
✪彙整Figma社群重要Plugin外掛
✪解析Figma設計系統相關概念與實例
✪提供Figma相關延伸學習指南
UI/UX是現今網頁及APP設計的必備能力,除了常聽到的Photoshop、Adobe XD、Sketch等軟體之外,近年全球設計界出現一套異軍突起的新寵兒─Figma,其提供了極優異的擬真介面設計環境,並能讓團隊同步線上協同編輯,徹底改造許多團隊的介面設計流程。
本書精心彙整了Figma的72個技巧與35個實作案例,透過大量圖片與步驟式教學, 從基礎概念開始,逐步引導讀者熟悉Figma的入門與進階技巧,親手製作出完整的介面互動原型。除了UI或UX設計師之外,本書也適合於PM、工程師或相關介面工作者閱讀,透過Figma的精緻化機能,可提升設計溝通品質。
【目標讀者】
✪想從零上手Figma實作技巧的人。
✪想設計出互動擬真UI介面的設計師。
✪想提升網站、系統設計能力的人員。
✪想設計APP/RWD雛形介面的新手。
✪希望自己規劃網站架構的前端工程師。
✪想親手建立溝通素材的PM或專案管理人員。
✪需要規劃網站功能與架構的相關企劃人員。
本書特色
風靡全球UI/UX設計神器Figma
本書精選72個實作技巧
零基礎上手擬真介面設計
-
PART 01 UI/UX 與Figma
-
Unit 01 關於UI、UX與Figma工作流程
-
UI(使用者介面)簡介
-
UX(使用者經驗)簡介
-
UI與UX
-
UI/UX Workflow
-
-
Unit 02 UI/UX好用工具與方法介紹
-
階段一:使用者需求研究階段
-
階段二&三:線框稿(Wireframe)與原型設計(Mockup & Prototype)工具
-
階段四:上線與易用性測試(UX Testing)
-
-
Unit 03 Figma的十大好用特色
-
特色一:龐大完整的社群與第三方外掛
-
特色二:高擬真的動態介面設計
-
特色三:可多人即時協作的編輯環境
-
特色四:彈性且完整的設計稿權限管理
-
特色五:高易用性的可重用元件系統
-
特色六:佛心的免費使用版本
-
特色七:無論身處何地,打開瀏覽器即可線上編輯與儲存
-
特色八:自動保留設計歷程與對應版本控制
-
特色九:無縫進行設計與工程師的交付任務
-
特色十:易建立響應式網站或APP高擬真原型
-
-
-
PART 02 Figma基礎功能上手
-
Unit 04 Figma操作環境導覽
-
重點學習技巧
-
實作步驟
-
-
Unit 05 用形狀與鋼筆工具繪製圖樣
-
重點學習技巧
-
實作步驟
-
-
Unit 06 認識文字元件工具
-
重點學習技巧
-
實作步驟
-
-
Unit 07 彈性的圖片引擎
-
重點學習技巧
-
實作步驟
-
-
Unit 08 用Component與Variants打造可重用元件
-
重點學習技巧
-
實作步驟
-
-
-
PART 03 建立動態元件與介面轉場
-
Unit 09 動態轉場技巧:Prototype
-
重點學習技巧
-
實作步驟
-
-
Unit 10 Smart Animate動態設計
-
重點學習技巧
-
實作步驟
-
-
-
PART 04 彈性排版技巧與響應式介面設計
-
Unit 11 用Auto Layout製作彈性排版
-
重點學習技巧
-
實作步驟
-
-
Unit 12 用Constraints製作行動響應式設計
-
重點學習技巧
-
實作步驟
-
-
-
PART 05 整合技巧與社群資源
-
Unit 13 Figma設計協作、交付、切版
-
重點學習技巧
-
實作步驟
-
-
Unit 14 Figma Plugin大集合
-
安裝社群外掛的方式
-
各類型外掛的介紹
-
-
Unit 15 Figma與設計系統
-
介面與設計系統
-
原子設計
-
Figma社群設計系統範例
-
其他知名設計系統
-
-
-
APPENDIX 附錄
-
Appendix A Figma延伸學習指南
-
Figma社群資源
-
Figma影音資源
-
UI/UX設計工具箱
-
-
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分