Figma UI/UX設計技巧實戰:打造擬真介面原型
點閱:4其他題名:打造擬真介面原型 Figma UI design essentials
作者:彭其捷, 曹伊裴作
出版年:2022
出版社:博碩文化股份有限公司
出版地:新北市
格式:EPUB 版式
頁數:356
ISBN:9786263331532
EISBN:9786263332294 EPUB; 9786263332287 PDF
分類:程式設計  
附註:附錄: Figma延伸學習指南
風靡全球UI/UX設計神器Figma
本書精選72個實作技巧
零基礎上手擬真介面設計
✪認識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或專案管理人員。
✪需要規劃網站功能與架構的相關企劃人員。
本書精選72個實作技巧
零基礎上手擬真介面設計
✪認識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或專案管理人員。
✪需要規劃網站功能與架構的相關企劃人員。
章節
- |Part01| UI/UX與Figma
- Unit01 關於UI、UX與Figma工作流程
- Unit02 UI/UX好用工具與方法介紹
- Unit03 Figma的十大好用特色
- |Part02| Figma基礎功能上手
- Unit04 Figma操作環境導覽
- Unit05 用形狀與鋼筆工具繪製圖樣
- Unit06 認識文字元件工具
- Unit07 彈性的圖片引擎
- Unit08 用Component/Variants打造可重用元件
- |Part03| 建立動態元件與介面轉場
- Unit09 動態轉場技巧:Prototype
- Unit10 Smart Animate動態設計
- |Part04| 彈性排版技巧與響應式介面設計
- Unit11 用Auto Layout製作彈性排版
- Unit12 用Constraints製作行動響應式設計
- |Part05| 整合技巧與社群資源
- Unit13 Figma設計協作、交付、切版
- Unit14 Figma Plugin大集合
- Unit15 Figma與設計系統
- |Appendix A| Figma延伸學習指南
同書類書籍