1.4 關于Adobe XD

由于本書主要使用Adobe XD來完成各個移動端UI界面的設計制作，因此在開始制作移動端UI設計前，先來簡單介紹一下Adobe XD的應用領域和特點。

1.4.1 Adobe XD簡介

Adobe XD的全稱為Adobe Experience Design，是一款集原型設計、UI設計和UX設計于一體的設計工具，也就是說，它可以幫助UI和UX設計師快速構建移動端App和PC端網頁的原型與UI設計，包含繪制線框圖、UI設計、UX設計、動畫制作、預覽和共享等功能。圖1-24所示為Adobe XD的啟動圖標和啟動界面。

1.4.2 Adobe XD的應用領域

使用Adobe XD可以輕松地完成界面設計領域與用戶體驗領域的雙重工作，因此，它對于產品經理與UI/UX設計師來說非常實用。

Adobe XD是唯一一款將UI設計與交互原型功能相結合的設計工具，同時為使用者提供了工業級性能的跨平臺設計功能。具體表現為，使用Adobe XD可以更加高效、準確地完成從靜態頁面或者線框圖到交互原型及UI界面的轉變。也就是說，Adobe XD的應用領域包括原型設計、交互設計和UI設計。

1.4.3 Adobe XD的特點

相較于Photoshop與Illustrator，Adobe XD的使用方法比較簡單；同時該軟件擁有清新簡潔的界面外觀，可以幫助用戶快速、高效地完成App界面設計。

除了使用方法簡單和界面外觀簡潔，Adobe XD還有其他的特點，接下來簡單介紹一下這些特點，幫助用戶進一步加深對該軟件的了解。

● 在Photoshop中編輯

在Adobe XD中打開圖像，通過執行“在Photoshop中編輯圖像”命令，即可啟動Photoshop并將圖像導入其中。此時在Photoshop中對圖像進行編輯操作，完成后執行“存儲”命令，對圖像所做的更改將在Adobe XD中自動更新。

● 內容識別布局

在Adobe XD中，無須煩瑣的手動操作，即可輕松創建和編輯UI元素。同時，Adobe XD支持在內容布局時，自動識別不同對象之間的關系；在向組中添加或者更換對象時，系統會對組進行自動調整。

● 矢量繪圖工具

在Adobe XD中，“矩形工具”、“橢圓工具”、“多邊形工具”、“直線工具”和“鋼筆工具”與Photoshop中的形狀工具一樣屬于矢量繪圖工具，使用矢量繪圖工具配合布爾值運算符、混合模式及其他矢量編輯功能，可以快速創建UI設計中的圖標、組件和其他設計元素。

● 響應式調整大小

在Adobe XD中，可以根據不同的屏幕大小輕松調整對象組或者組件的大小，同時保持對象之間的相對位置和比例不變。

● Sketch、Photoshop和Illustrator文件導入

用戶可以將Sketch或者其他常用的Adobe應用程序中的文件導入Adobe XD中。文件被導入后，會自動轉換為XD文件。