習UI設計的小伙伴們應該都知道Adobe XD，但是它具體是做什么的，又有什么作用，你又是否真的清楚呢？

使用 Adobe XD 中快速直觀、即取即用的工具，設計人員可以投入到設計工作之中，進而重塑創造體驗的方式。用語音為原型增添活力。自動調整元素大小，使之適應不同的屏幕。無需時間軸即可在畫板之間創建精美動畫。為您提供設計新穎 UX 所需的一切 - 僅在 XD。

關于Adobe XD

Adobe XD 是一款功能強大的原型創建工具

利用該工具，您可以更快地將您的設計投入開發。讓您的項目保持有序，消滅拖慢工作流程的重復性任務和單調任務。快速地與開發團隊共享詳細的設計規范。

用于 UI 和 UX 設計的快速、靈活的原型創建工具。

借助用于構建應用程序、網站等內容的一體式 UX/UI 設計工具，快速地將創意轉變為原型并進行開發。創建、構建原型、共享，并向開發團隊發送設計規范，從而快速地征集反饋并進行迭代。

適用于任何設備的直觀原型創建工具。

如今，設備種類繁多，確保您的應用程序或網站在大屏幕和小屏幕上均具備同樣出色的外觀非常重要。借助涵蓋多種常見屏幕大小的預定義畫板，以及創造自定義大小的功能，您可以確保您的設計在桌面、平板電腦和手機上都同樣地光彩奪目

以低保真或高保真形式進行設計。

使用低保真草圖開發設計，并通過添加圖像和副本，將其轉變為最終階段的高保真設計。以適合您的工作流程的精細程度進行構建和預覽。

快速地將線框轉化為實時原型。

通過在畫板和對象之間拉線，在設計中添加交互關系。利用連線將原型組合起來，隨時通過單擊“預覽”來觀看原型并做出微調。分享原型的鏈接并征集反饋，并通過 USB 連接移動設備查看實時預覽（僅限 Mac）。

在任何設備上預覽您的設計。

借助 XD，您可以在 Web、iOS 或 Android 上預覽您的設計和原型。做出更改，并立即查看實際效果。錄制并共享視頻，突出體現用戶體驗并征集反饋（僅限 Mac）。根據反饋快速地對設計進行迭代，并將包含流程、度量值和樣式的設計規范提交給開發人員，以供生產。

讓協作變得更簡單。

使用 Adobe Creative Cloud，您可以輕松地共享設計。共享庫資源，并從團隊成員那里征集反饋和評論。通過設計規范（測試版）鏈接，將流程、度量值和樣式發送給開發人員。進行迭代和修飾，然后更新您的原型并實時預覽更改。

重新定義體驗設計。

Adobe XD 專為當今的 UX/UI 設計師而構建，其中包含的直觀工具可消除速度障礙，使您能夠輕松自如地完成日常任務。學習基礎知識，并開始使用免費的 UI 套件 - 其中包含模板、組件以及創造令人驚嘆的用戶體驗所需的一切。

設計，創建原型，共享。盡在 XD。

只需單擊一下，即可將靜態線框切換為交互式原型。對設計做出更改，然后原型便會自動更新 - 無需進行同步。在 iOS 和 Android 設備上預覽帶有過渡效果的原型，然后與團隊共享，快速征集反饋。

Mac 與 Win，同樣精彩。

XD 針對 Mac 和 Windows 進行了原生設計，并且是 Creative Cloud 的一部分，所以無論使用哪種平臺，您均可獲取相同的頂尖性能與精確度，以及與 Photoshop 和 Illustrator 等應用程序的順暢集成。

從 Photoshop 到原型 - 盡在 XD。

現在，只需在 XD 中打開 Photoshop 和 Sketch 文件，即可將這些文件導入 XD。您的設計會自動轉換為 XD 文件，所以您可以快速地構建原型。

主要功能

設計與原型制作：用戶能夠使用XD制作框架圖，創建保真度可高可低的視覺設計，定義畫板之間的導航流程和轉換，預覽原型并導出資源供制作使用。

重新定義現代化工作流程：定義重復元素、遮蓋圖像、管理色彩、風格與符號，以及規范圖層的操作都比以往更加直觀和迅速。

集成現有工作流程：用戶可以導入筆畫和圖像效果，更快速的將Photoshop文件導入Adobe XD，此外，在導入Sketch文件時多次轉化的保真度也有所提升。

卓越的質量與性能：XD的兩大特性就是速度與穩定性——從瞬間啟動到光速縮放和平移（即使一個項目中包含數百個畫板），在Windows和Mac平臺都具有穩定性。

跨平臺原型設計：用戶可以在Mac或Windows 10系統中進行設計，并在瀏覽器中預覽原型。

1000萬美元基金賦能創意創新

為了給合作伙伴、開發者和創業公司這樣充滿活力的生態系統提供支持，Adobe今日還宣布在全球范圍內設立1000萬美元的設計基金，幫助設計師和開發者利用Adobe XD作為一種支持工具插件和第三方工具與服務集成的平臺，在體驗設計的世界里不斷創新。這筆基金將以獎金和股權投資的方式分配，展現出Adobe在中國設計界的持續投資與合作，使開發者和設計師能夠充分利用Adobe XD，與全球數百萬創意專業人士和頂尖品牌廣泛使用的Creative Cloud工作流程相整合。

與獲取渠道

XD CC簡體中文版起步計劃從即日起向中國用戶免費提供。Adobe CC用戶可以從Creative Cloud桌面應用上直接下載XD；新用戶可以從http://adobe.com/cn/products/xd.html下載。正在試用Adobe XD的用戶需要通過Creative Cloud桌面應用或http://adobe.com/cn/products/xd.html對平臺進行更新后激活使用。

交互原型利器 Adobe XD終于支持Windows10啦！”

大家都知道，Mac擁有諸多非常優秀的交互原型軟件，比如為界面設計師而生的sketch，還有非常優雅的交互原型工具，Principle和Flinto，然而對于Windows用戶來說，就很尷尬啦，雖然有axure和pixate，但是相對比Principle和Flinto來說，略顯的笨重些，不夠優雅，Adobe公司為了滿足用戶體驗設計師的需求，推出了Adobe Experience Design CC ，這款利器工具的推出，從未來來看，完全可以媲美Principle和Flinto，如果給他個評價的話，“簡單優雅，力量不凡”毫不為過，對于新手來說，基本上沒有什么學習成本。

win版本的Adobe XD1.0版本的功能還沒有mac那么強大，不過接下來也會完美的整合Photoshop和Illustrator設計稿，可以幫助UX設計者快速設計和建立手機App和網站的原型，包含線框稿、視覺設計、互動設計、原型制作、預覽和共享等功能。

當然啦，工具是優雅的，設計師的想象力是豐富的，可以很明確的說，Adobe XD在線框稿、視覺設計、互動設計、原型制作、預覽和共享等方面都會非常的方便，在單一產品中提供UX設計者一套基本的工具，來提升設計者的生產力，再補充下，從Photoshop、Illustrator和Sketch源文件中，用戶可以直接在XD中復制和貼上Photoshop CC和Illustrator CC的文件。

來源猿來如此呀，更多資訊可點擊下面鏈接進行了解

個月之前Adobe推出了Adobe XD CC起步方案(免費方案)，而現在這款迄今為止唯一跨平臺的UI設計軟件，終于推出官方簡體中文版了。這款全面整合了UI、交互設計的軟件雖然起步比Sketch要晚，卻可能是最適合入行的UI軟件，并且在未來有非常大的概率來取代Sketch。

為什么這么說呢？年紀大一點的設計師可能還記得有一款軟件叫CorelDRAW，很多年前Ai沒有PC版只有MAC版。中國早期平面設計師用不起Mac就只能用CD了。那時候國內很多教程和素材也都是CD的。后來Ai有PC版了，和Ps有一定整合了，再后來和Adobe家其他的產品也互相支持比較好了。相比cdr格式就有點尷尬了……年輕的設計師一般只學ai了，資源多，又好用，很多還和CS套裝一起裝了。

這不就是現在正在發生在XD和Sketch身上的事情么？與其說XD是Ps的殺手，不如說XD這一次是為了干掉Sketch而來的。

我們先來一睹為快Adobe XD CC的官方宣傳片

中文版界面

簡體中文版 下載鏈接：

http://adobe.com/cn/products/xd.html?promoid=12B9DZ14&mv=other

零成本入門

一款Sketch要多少錢呢？官方價格是99美元/年，而XD是0。Sketch的版本授權方式，一直讓人很不爽，除非你一直更新購買他們的最新版本，否則新版本Sketch文件在老的Sketch上就打不開了。在這一點上，Adobe一直做的很好，更何況這款軟件還免費，就更不用擔心這樣的問題，可以不用擔心錢包，在第一時間使用最新版。

最新發布的簡體中文版Adobe XD CC上還有貼心的中文的教程。

跨平臺的軟件

雖然現在Sketch在UI設計圈里已經漸漸成為了主流，但是有調查顯示目前至少有40%的設計師還在用Photoshop做設計，除了使用習慣等原因外，很多時候都是因為，如果你要用Sketch，首先你要有個Mac。這對于貧窮的剛入行的設計師們簡直太不友好了，就算你自己有了Mac，如果公司遇到摳門的老板不肯給大家配Mac的，為了和小伙伴協作起來方便你還是用不了Sketch。可是現在不一樣了，Adobe XD CC 在PC和Mac都可以用，再也不需要為了用Sketch去買個Mac了。

• 如果你之前是平面設計，或者其他任何用PS或者AI的設計職位，你想入門UI，那Adobe XD CC最適合不過了。你的PSD文件可以直接用XD打開。
• 這對于那些之前用Photoshop來設計UI界面的設計師們也是個好消息，你學習成本會變得很低。
• 而對于那些習慣用Sketch的設計師來說，XD的界面對你來說其實非常熟悉了，Sketch的文件也可以用XD輕松的打開。

一些便捷的功能

神器?—?重復網格

重點介紹一下使用重復網格在 Adobe XD CC 中創建重復元素。在針對 Web 或移動應用進行設計時，通常需要定義重復元素或內容列表。但是，創建這些元素或在發生設計更改時進行更新可能很耗時。“重復網格”功能將一組元素更改為一個重復元素。您只需按任意方向拉元素，網格就會重復。

不僅如此，重復網格中的文本可以批量的更改，可以通過將文本文件或者圖片拖到重復網格中來替換該網格中的占位符。

組件與資源庫

用過Sketch的同學，對組件肯定不陌生，XD把這些都放在了資源庫了，方便設計規范的制定和修改。

右側紅框圈出的icon就是資源庫

預覽和錄制交互

完成界面設計后，您可以將各界面互相連接，以便直觀地了解用戶如何體驗您的應用程序或網站。XD允許您創建交互式原型，直觀地展示如何在屏幕或線框之間導航。您可以預覽交互，驗證用戶體驗并對設計進行迭代，從而節省開發時間。您還可以錄制交互過程并與利益相關者分享，以獲取他們的反饋。放大/縮小并查看原型特定部分的細節。

Adobe XD CC 可以做什么？

做UI、做交互原型，做溝通，你甚至可以用它來畫畫和做平面設計，基本的矢量繪圖工具都有，并且可以支持導出PDF文件。

一組用XD繪制的圖標

擔心Adobe XD CC現在資源不夠？插件太少？

別忘記XD可以打開PSD、Sketch、AI的任何文件，也就是說相當于整合了全部的資源。Sketch格式的組件庫用起來完全沒有問題。插件雖然現在還不算多，但是Adobe打算拿出1000萬美金作為投資和獎勵，來推動社區開發 XD 相關的插件，用來增強「XD生態系統」。這應該是真的，很多Sketch的插件作者都收到了Adobe的郵件，表示會給插件作者提供獎勵基金。到目前為止XD已經支持Zeplin、Protopie、Avocode 和 Sympli 等插件，未來可期。 而在國內，藍湖正在開發支持XD的插件，預期不久后就可以跟大家見面。

支持了Zeplin插件的XD

從Photoshop到Sketch到XD，UI設計軟件的大戰中，誰將會勝出？

原文鏈接：mp.weixin.qq.com

作者：逗砂 BorderDesign