去年 Adobe 就在網(wǎng)站上放出了 Adobe Project Comet 的簡(jiǎn)介和視頻,如今已經(jīng)可以下載到 Preview 版本體驗(yàn)試用了,當(dāng)前版本將軟件更名為 Xd(文件格式也是.xd),莫名戳中笑點(diǎn)……
目前,XD 暫時(shí)只有 Mac 版本,不過(guò)官網(wǎng)已經(jīng)明確表示 Win 版即將推出,所以大家也不用擔(dān)心。簡(jiǎn)單來(lái)說(shuō),XD 是一款矢量化圖形設(shè)計(jì)+簡(jiǎn)單原型制作的軟件,有點(diǎn)類(lèi)似于 Sketch+Silver 的組合。鑒于 Silver 我申請(qǐng)了但是一直沒(méi)有機(jī)會(huì)試用,所以也不好將兩者對(duì)比,因此就簡(jiǎn)單給大家做一個(gè) XD 的概覽簡(jiǎn)介。
首先是打開(kāi)軟件的首頁(yè):
可以看到支持的設(shè)備與尺寸還是比較豐富的,同時(shí)還自帶了一些常用的UI Kits,比如 iOS、Google Material 等。這樣就可以幫助設(shè)計(jì)師快速?gòu)乃夭膸?kù)選取內(nèi)容搭建頁(yè)面,十分方便。
整個(gè)軟件的界面非常清爽,如果你對(duì) Sketch 的使很熟悉,那基本不需要任何額外的學(xué)習(xí)就可以直接上手使用。
上圖就是 XD 的主面板了,左邊分別有選中、插入矢量圖形、鋼筆、文字還有畫(huà)板(Artboard,與Sketch類(lèi)似),是不是很熟悉?右邊就更簡(jiǎn)單了,選中不同類(lèi)型的元素時(shí)就會(huì)出現(xiàn)相應(yīng)的編輯內(nèi)容,比如陰影、顏色、對(duì)齊、布爾運(yùn)算還有生成表格等。對(duì)于矢量元素可以方便地添加、刪除、編輯錨點(diǎn),配合鋼筆可以做出任何你想要的圖形。
一個(gè)神奇的功能叫做 Repeat Grid,實(shí)際效果就是可以通過(guò)拖動(dòng)來(lái)快速直觀地生成一個(gè) Gird??次艺f(shuō)起來(lái)好像和Sketch或者PS的同類(lèi)功能沒(méi)什么區(qū)別,但實(shí)際試一下就會(huì)發(fā)現(xiàn)XD的交互方式更佳直觀簡(jiǎn)便。
鼠標(biāo)按住某個(gè)間距時(shí),會(huì)直接顯示數(shù)值。并且如果你對(duì)間距進(jìn)行拖動(dòng)的話,可以讓整個(gè) Grid 間距跟著變化,整個(gè)過(guò)程只需要鼠標(biāo)不需要其他額外的快捷鍵輔助。
圖片的添加和替換也很容易,直接把 png 丟到對(duì)應(yīng)的位置,XD 會(huì)幫助你自動(dòng)匹配。當(dāng)然如果不滿意再自己調(diào)整就好。
其實(shí)設(shè)計(jì)部分這些功能就足夠了,深層次的操作大家可以挖掘一下。下面介紹一下原型(Prototype)功能。
在界面的左上角可以快速在 Design 和 Prototype 切換。在 Prototype 界面下,選中元素會(huì)發(fā)現(xiàn)右邊出現(xiàn)了一個(gè)小箭頭,并且可以選擇簡(jiǎn)單的動(dòng)畫(huà)類(lèi)型和參數(shù):
比較遺憾的是目前 XD 中只能做到頁(yè)面的切換,也就是讓另一個(gè)頁(yè)面從不同的方向滑入切換原本的頁(yè)面,最多也只能做到淡入淡出,想要讓某個(gè)元素單獨(dú)飛出來(lái)目前應(yīng)該是做不到的。不過(guò)我覺(jué)得既然主打了原型功能,Adobe 應(yīng)該不會(huì)只滿足于頁(yè)面切換吧,稍微來(lái)點(diǎn)復(fù)雜的效果嘛不然可滿足不了日常需求。
軟件自帶了預(yù)覽功能,可以在 Mac 上直接查看效果,當(dāng)然也可以通過(guò)點(diǎn)擊實(shí)現(xiàn)簡(jiǎn)單的交互。軟件可以直接實(shí)現(xiàn)錄制,不過(guò)好像尺寸分辨率都不能調(diào)整,目前只能導(dǎo)出 mov 格式的視頻。另外暫時(shí)沒(méi)有看到對(duì)應(yīng)的 App 在手機(jī)上預(yù)覽,不過(guò)通過(guò) share 功能可以生成一個(gè)鏈接,發(fā)給別人之后就可以在手機(jī)上看了。比較郁悶的是不知道是不是我打開(kāi)的方式有問(wèn)題,鏈接一直沒(méi)有打開(kāi)成功。
總而言之,XD 軟件的界面設(shè)計(jì)深得我心,Adobe 有 PS 和 AI 的基礎(chǔ)我相信視覺(jué)設(shè)計(jì)部分肯定不會(huì)有問(wèn)題,只是現(xiàn)在的交互部分還尚顯稚嫩。話說(shuō)回來(lái)這還只是 Preview 版本,相信 Abobe 在后續(xù)的迭代中會(huì)將它越來(lái)越完善。
點(diǎn)擊原文查看 XD 官網(wǎng),有視頻等介紹,比文字直觀多了。
0
喜歡他,就推薦他上首頁(yè)吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)