Figma UI/UX設計技巧實戰：打造擬真介面原型

活動訊息

普發一萬放大術：滿千登記抽萬元好禮

全站滿$1000送100點金幣，可累送! 新會員直接領$500！

內容簡介

✪認識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設計、數據分析等主題，曾參與多項大型系統與UI/UX設計專案，喜愛研究各類數位工具，並將其轉化為易懂的學習脈絡。

【作者個人網站】visualization.tw

曹伊裴

設計思考教練、UI/UX、系統專案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延伸學習指南

配送方式

• 台灣
  • 國內宅配：本島、離島
  • 到店取貨：
    不限金額免運費
    
• 海外
  • 國際快遞：全球
  • 港澳店取：
    

詳細資料

詳細資料

• • 語言
  • 中文繁體
  • 裝訂
  • 紙本平裝
• • ISBN
  • 9786263331532
  • 分級
  • 普通級
• • 頁數
  • 360
  • 商品規格
  • 0*0*0
• • 出版地
  • 台灣
  • 適讀年齡
  • 全齡適讀
• • 注音
  • 級別

中文書＞電腦資訊＞APP開發／程式設計＞手機／平板APP開發

商品評價

寫評價