0人評分過此書

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

出版日期
2022/06/01
閱讀格式
PDF
書籍分類
學科分類
ISBN
9786263331532

本館館藏

借閱規則
當前可使用人數 30
借閱天數 14
線上看 0
借閱中 0
選擇分享方式

推薦本館採購書籍

您可以將喜歡的電子書推薦給圖書館,圖書館會參考讀者意見進行採購

讀者資料
圖書館
* 姓名
* 身分
系所
* E-mail
※ 我們會寄送一份副本至您填寫的Email中
電話
※ 電話格式為 區碼+電話號碼(ex. 0229235151)/ 手機格式為 0900111111
* 請輸入驗證碼
✪認識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個實作技巧
  零基礎上手擬真介面設計
  • 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設計工具箱

評分與評論

請登入後再留言與評分
幫助
您好,請問需要甚麼幫助呢?
使用指南

客服專線:0800-000-747

服務時間:週一至週五 AM 09:00~PM 06:00

loading