xd是adobe旗下一款主打UI界面設計-建立原型的軟件,它可以將wireframe、design、以及prototype等UI/UX設計流程整合到一個軟件中,算是一款與sketch對打的軟件。
與PS相比,在UI設計方面,Adobe XD有非常突出的3個優點:能在PC、MAC系統下運行;Adobe全家桶支持,云資源共享、兼容性強等平臺優勢;更輕便、好操作,易于實時演示。
即時設計-可實時協作的專業 UI 設計工具https://ad.js.design/online/sketch/?source=csdn&plan=smt07051
XD的誕生
在sketch誕生以后,幾乎搶占了所有一線ui設計師用戶市場,網羅了一大批忠實的用戶。而adobe公司一直到15年才意識到日益增長的界面設計需求,推出了內測版的xd,后于16年12月推出公測版。
adobe xd問世以來就是專門用于ui界面設計與原型交互的設計工具,算是直接對標sketch(雖然xd很多功能一直到19年以后才逐漸完善,現在勉強跟上sketch)。目前來說,xd的用戶基數還不足以與sketch抗衡,功能完善度也是,連figma也比不上,但是xd勝在它是adobe全家桶,兼容adobe系列軟件的能力max,但是XD的局限性也不少。
XD常用快捷鍵
XD的限制
基本繪圖工具較少
作為UI設計師,使用adobe xd單純做界面還算夠用,但它的基本繪圖工具較少,如果要繪制插圖就會比較辛苦。用來搭配本家族的PS和AI,可作為補充。
設計稿檔案不能共享
必須要老實地說,UI 設計畢竟只是整個產品設計過程中的一環,這意味著所有設計師都需要跟著團隊的產品經理和開發人員一起運作,目前截止目前國內賬號是無法使用共享功能的。
1.上手難度:
XD作為Adobe公司的產品,布局同公司的軟件PS、A較為類似,使用的習慣(比如快捷鍵的設置)這些也比較靠近,上手快。
而即時設計的功能設置非常精簡,專為界面設計軟件制作的,即便一開始沒接觸過相似的軟件,也能快速上手。
兩者在快速上手這一方面其實沒有太大的差距,都屬于較好上手的軟件。
2.平臺支持:
XD和即時設計都是支持Windows和macOS雙系統的設計工具。
相比較而言,即時設計更方便——打開web就可以使用。 而XD則需要安裝客戶端,對電腦配置也有一定的要求。
3.UI繪圖功能:
從矢量圖繪制方面來說,即時設計的功能要稍勝一籌,在很多功能的細節處都有人性化的優化,從三個方面來說一說:
XD的鋼筆工具則更偏向于傳統的鋼筆工具,夠用但不夠靈活。
即時設計的鋼筆工具非常靈活,不同于常規的鋼筆繪圖只能在線上增加點或挪動, 即時設計可以自由通過移動矢量的線,所有連接的點也可以自動跟隨。
XD和即時設計都有基礎圖形快速繪制工具,但即時設計多出一個星形, 并且在更改圖形形狀時,可以通過挪動錨點而增加/刪減角,從而達到更改形狀的目的, 對于快速繪圖這一塊來說非常便利。即時設計在這一塊的智能排版功能非常完善,從自動布局到組件功能、高級變體功能、樣式共享等,可以很輕松的達到快速排版的效果。XD方面目前應該只有repeat grid快速布局是用來實現自適應布局的。
4.團隊協作:
XD盡管支持平臺比sketch要多,相對而言對于團隊協作會有好一點,但與支持多人實時協作的即時設計相比,XD的團隊協作方面就輸了不止一點。
5.第三方工具:
使用 XD 做 UI 設計,需要到第三方平臺花大量的時間找合適的資源素材。而使用插件的安裝程序比較復雜,很浪費時間。
還有大量的素材資源,上千個人工精選的剛需UI設計資源,隨取隨用。
6.交付與兼容:
XD的源文件交付需要通過第三方平臺,這是傳統設計軟件的通病。而且XD不支持其他文件格式導入,對于從sketch遷移過來的設計師來說很不方便。
而即時設計在這一點上優化了許多——因為基于web創建,即時設計的設計稿還可以自動生成鏈接,團隊成員打開鏈接即可查收內容,協作效率提升數倍。
與此同時,即時設計支持sketch、Figma、XD等文件導入,如果是用慣了sketch、Figma、XD的設計師,想將工作文件轉移過來也是輕而易舉的。悄悄說一句,也有人把這個功能當作文件轉化器使用~