前言

Adobe XD是Adobe公司推出的一款專業設計軟件，集原型設計、UI設計和UX設計于一體，它可以幫助UI和UX設計師快速構建移動端App和PC端網頁的原型與UI設計，包含線框圖、UI設計、UX設計、動畫制作、預覽和共享等功能。無論是在國內還是在國外，Adobe XD都是一款備受矚目的設計工具。

本書章節及內容安排

本書從實用的角度出發，全面、系統地講解了Adobe XD的各項功能和使用方法，書中內容基本上涵蓋了Adobe XD中大多數工具的使用方法和重要功能，并將多個精彩實例和移動UI設計規范貫穿于整個講解過程中，操作一目了然，語言通俗易懂，適合讀者自學。

本書共分為7章，各章的主要內容如下。

第1章，講解了Adobe XD的相關入門知識，包括移動端UI設計基礎、移動UI設計流程、移動UI設計常用工具、下載和安裝Adobe XD、Adobe XD的工作界面和Adobe XD的幫助資源等內容。

第2章，介紹了Adobe XD的一些基本操作，如新建、打開、導入和存儲文件，以及創建和管理畫板、撤銷與恢復操作和輔助工具的使用方法等內容。

第3章，主要對如何使用Adobe XD完成移動App原型設計進行了詳細介紹，包括創建對象、為對象設置樣式、編輯對象、創建文本、管理文本和設計畫板等內容。

第4章，講解了如何使用Adobe XD完成移動App UI設計，包括使用處理設計系統、使用圖層、為對象設置效果、設計UI界面的結構、使用3D變換進行透視設計等內容。

第5章，主要講解了使用Adobe XD完成UX設計的操作方法、使用技巧和設計規范，包括添加交互、制作交互動畫、創建定時過渡、添加疊加、創建錨點鏈接，以及使用Adobe XD預覽UI與UX設計等內容。

第6章，詳細介紹了使用Adobe XD輸出、標注和共享UI設計，包括使用Adobe XD輸出設計資源、輸出iOS系統的UI設計、輸出Android系統的UI設計、標注移動App UI設計和共享移動App UI設計等內容。

第7章，通過綜合的大型商業案例講解如何使用Adobe XD完成移動App項目，包括設計制作美妝App項目、設計制作社交App項目和設計制作日歷App項目。

本書特點

本書結構編排合理，內容全面，特別是移動UI設計規范部分，通過特殊的方式進行布局排版，方便讀者查找與閱讀。

● 案例步驟只有4步，操作簡單明了，讀者可通過掃描二維碼觀看當前案例的演示視頻，獲取案例的素材和源文件。

● 刪除了知識點中的大量參數，降低讀者的閱讀難度。

● 部分案例配備了案例中需要使用的移動UI設計規范。

關于本書

本書實例豐富，圖文并茂，除“綜合案例”，每章都為讀者提供了解惑答疑的分析，且每章最后還提供一個擴展練習案例，供讀者檢驗學習成果。

本書配套資源包中提供了書中實例的源文件、素材和相關視頻教程。

由于時間倉促，書中難免有錯誤和疏漏之處，希望廣大讀者朋友批評、指正，我們一定會全力改進，在以后的工作中加強和提高。

編著者