Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e

彭其捷、曹伊裴 著

  • 出版商: 博碩文化
  • 出版日期: 2025-07-11
  • 定價: $680
  • 售價: 7.8$530
  • 語言: 繁體中文
  • 頁數: 360
  • ISBN: 6264142298
  • ISBN-13: 9786264142298
  • 尚未上市,歡迎預購

  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-1
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-2
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-3
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-4
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-5
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-6
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-7
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-8
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-9
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-10
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-11
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-12
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-13
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-14
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-15
  • Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-16
Figma UI/UX 設計技巧實戰:打造擬真介面原型, 2/e-preview-1

相關主題

商品描述

風靡全球UI/UX設計神器Figma
本書精選70個實作技巧,零基礎上手擬真介面設計
了解Figma實戰基礎與進階技巧
認識Figma環境、社群、外掛、延伸學習資源



【本書特色】
認識UI/UXFigma整合設計流程
了解常見的UI/UX設計工具與方法論
介紹Figma的重點特色
實作Figma基礎功能及進階技巧
實作Smart Animate動態設計技巧
彙整Figma社群重要Plugin外掛
提供Figma相關延伸學習指南

 

【內容簡介】
UI/UX是現今網頁及App設計的必備能力,而Figma是近年超受矚目的設計明星,其提供極優異的擬真介面設計環境,並能讓團隊同步線上協同編輯,徹底改造許多團隊的介面設計流程。

本書精心彙整了Figma70個技巧與33個實作案例,透過大量圖片與步驟式教學,從基礎概念開始,逐步引導讀者熟悉Figma的入門與進階技巧,親手製作出完整的介面互動原型。除了UIUX設計師之外,本書也適合於PM、工程師或相關介面工作者閱讀,透過Figma的精緻化機能,可提升設計溝通品質。

【目標讀者】
想從零上手Figma實作技巧的人
想設計出互動擬真UI介面的設計師
想提升網站、系統設計能力的人員
想設計App/RWD雛形介面的新手
希望自己規劃網站架構的前端工程師
想親手建立溝通素材的PM或專案管理人員
需要規劃網站功能與架構的相關企劃人員

作者簡介

彭其捷
至今出版超過10本著作,寫作的方向橫跨UI/UX設計、數據分析等主題,曾參與多項大型系統與UI/UX設計專案,喜愛研究各類數位工具,並將其轉化為易懂的學習脈絡。

【作者個人網站】http://visualization.tw

曹伊裴
擔任設計思考教練與系統專案經理,長期投入資訊工具在社會工作現場的實踐。善於從使用者需求出發,讓資訊運用可真正連結人與人的智慧。

目錄大綱

|Part01| UI/UXFigma
Unit01
關於UIUXFigma工作流程
Unit02 UI/UX好用工具與方法介紹
Unit03 Figma的十大好用特色

|Part02| Figma基礎功能上手
Unit04 Figma操作環境導覽
Unit05 用形狀與鋼筆工具繪製圖樣
Unit06 認識文字元件工具
Unit07 彈性的圖片引擎
Unit08 ComponentVariants打造可重用元件

|Part03| 建立動態元件與介面轉場
Unit09 動態轉場技巧:Prototype
Unit10 Smart Animate
動態設計

|Part04| 彈性排版技巧與響應式介面設計
Unit11 Auto Layout製作彈性排版
Unit12 Constraints製作行動響應式設計

|Part05| 整合技巧與社群資源
Unit13 Figma設計協作、交付、切版
Unit14 Figma Plugin大集合
Unit15 Figma與設計系統

|Appendix A| Figma延伸學習指南