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

彭其捷、曹伊裴 著

  • 出版商: 博碩文化
  • 出版日期: 2022-07-14
  • 定價: $600
  • 售價: 7.8$468
  • 語言: 繁體中文
  • 頁數: 368
  • 裝訂: 平裝
  • ISBN: 6263331534
  • ISBN-13: 9786263331532
  • 尚未上市,歡迎預購

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

商品描述

  • 【本書特色】

    風靡全球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或專案管理人員。
    ✪需要規劃網站功能與架構的相關企劃人員。

作者簡介

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

    【作者個人網站】http://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延伸學習指南