今天我們來說說Adobe XD與illustrator（Ai）和photoshop（PS）之間的設計聯動。

在日常設計工作中，單純地隻使用Adobe XD進行設計是比較困難的，有一些設計内容處理需要用到PS或者AI進行配合。

幸運的是因為他們同屬于Adobe公司的産品，所以他們之間的聯動性非常高。

那在日常工作中我們如何進行聯動呢？

1.首先是三個軟件文檔之間的互通性：

PS和AI兩個軟件的文檔都可以直接通過XD打開（反過來不适用，XD的圖層可以複制到兩個軟件中）。并且圖層屬性與XD完美兼容。如果你在PS和Ai中已經配置了畫闆，那麼在XD中打開也是不會錯亂的。

導入文件後我們可以使用XD繼續編輯我們的設計稿，包括grid和stack功能等都不會受到影響。

2.在XD中的圖片編輯工作可以切換到PS進行

在設計過程中我們會用到一些圖片素材，為了更好地貼合設計，我們可以在XD 中點擊圖片選擇在PS 中對圖片進行編輯後保存，結果會自動同步到XD中，這類似于PS的智能對象。

3.字體設計可以使用AI進行設計

特别是運營類的視覺設計，我們會用到許多字體設計内容，這些在AI中完成會更加地高效，所以我們可以在AI 中設計完字體，然後直接複制粘貼入XD繼續完成設計稿。

4.圖标設計

SVG圖标我們一般使用AI進行繪制，我們可以在AI中完成圖标的制作，然後無縫粘貼到XD文檔中。

5.logo設計

UI設計過程中，會用到品牌的logo元素，AI對矢量圖形的強大靈活編輯可以高效地完成logo設計，我們可以在AI中設計完logo直接複制粘貼到XD文檔中使用。

6.善于利用三個軟件的獨特功能特性

XD在UI設計中的高效率布局小技巧、背景模糊功能以及交互功能

XD仍然是UI 設計的主體軟件，我們要善于利用他的樣式、組件和高效布局技巧來提高我們工作效率。

毛玻璃效果流行的當下，XD的背景模糊功能快速實現效果。

XD的交互演示功能現在也已經十分完善，我們最終可以XD 中制作交互稿。

AI中對矢量圖形的靈活編輯和多點漸變

XD中對圖形的編輯效果是有限的，并且漸變隻有線性和徑向漸變兩種模式，使用AI 可以補充在矢量圖形設計上的需要。

PS的筆刷和圖像編輯功能

我們在繪制插畫過程中，如果添加一些筆刷效果這些可以使用PS進行繪制，PS強大的圖像編輯功能也可以為你的設計加持。

另外如果你購買了官方的軟件産品，可以使用官方的CClibrary，這在幾個軟件中也是雲聯動的，可以将設計元素導入到library在各個軟件中調用。

好了，今天的内容就到這，希望對你有所幫助。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!