XD推出官方免費簡體中文版,這可能是你入門UI的第一款軟體
來自專欄 BorderDesign
191 人贊了文章
兩個月之前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的官方宣傳片

簡體中文版 下載鏈接:
下載免費的 Adobe XD CC
零成本入門
一款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把這些都放在了資源庫了,方便設計規範的制定和修改。
預覽和錄製交互
完成界面設計後,您可以將各界面互相連接,以便直觀地了解用戶如何體驗您的應用程序或網站。XD允許您創建互動式原型,直觀地展示如何在屏幕或線框之間導航。您可以預覽交互,驗證用戶體驗並對設計進行迭代,從而節省開發時間。您還可以錄製交互過程並與利益相關者分享,以獲取他們的反饋。放大/縮小並查看原型特定部分的細節。

Adobe XD CC 可以做什麼?
做UI、做交互原型,做溝通,你甚至可以用它來畫畫和做平面設計,基本的矢量繪圖工具都有,並且可以支持導出PDF文件。
擔心Adobe XD CC現在資源不夠?插件太少?
別忘記XD可以打開PSD、Sketch、AI的任何文件,也就是說相當於整合了全部的資源。Sketch格式的組件庫用起來完全沒有問題。插件雖然現在還不算多,但是Adobe打算拿出1000萬美金作為投資和獎勵,來推動社區開發 XD 相關的插件,用來增強「XD生態系統」。這應該是真的,很多Sketch的插件作者都收到了Adobe的郵件,表示會給插件作者提供獎勵基金。到目前為止XD已經支持Zeplin、Protopie、Avocode 和 Sympli 等插件,而在國內,藍湖正在開發支持XD的插件,預期不久後就可以跟大家見面。
從Photoshop到Sketch到XD,UI設計軟體的大戰中,誰將會勝出?
我看好XD,它的背後是支持了整個設計圈的Adobe。
推薦閱讀:
※創思蘭博:黃金分割在界面設計中的應用
※技巧分享: 快速搭建一致統一的設計系統
※【ABViewer 教程】用戶界面—功能區介紹
※這個酷炫的界面我似乎在哪裡見過的