Adobe XD 會(huì)取代sketch和invision嗎

Adobe對于取代sketch和inVison的解決方案是Adobe XD. Sketch已經(jīng)成為ui/ux設(shè)計(jì)師的設(shè)計(jì)工具很多年了,并且通過社區(qū)奏黑,插件和與inVision的集成進(jìn)一步增強(qiáng)其功能炊邦。

如果你對Adobe XD不太關(guān)心编矾,或者不想知道XD提供的內(nèi)容,那么請向下滾動(dòng)并閱讀“為什么Adobe XD將占據(jù)主導(dǎo)地位馁害,無論其功能如何”窄俏,然后再考慮是否要講XD移除你的清單。

除了Sketch和inVision還有很多用于設(shè)計(jì)界面和交互的工具碘菜,比如Figma, Framer 和Protopie這里我只列舉幾個(gè)凹蜈,但是Sketch和InVision看起來占于主導(dǎo)位置。我們需要提出的疑問是忍啸,他們的時(shí)代要結(jié)束了嗎仰坦?

通常,設(shè)計(jì)師用Photoshop 來設(shè)計(jì)app和網(wǎng)頁计雌,但是photoshop作為一個(gè)工具悄晃,它不是一個(gè)專門用于設(shè)計(jì)界面的工具,它的功能太多凿滤,并不是一個(gè)輕量化的工具妈橄。起初,photoshop的產(chǎn)生是為了處理圖片翁脆,后來被平面設(shè)計(jì)師選用眷蚓。

photoshop最大的問題就是這個(gè)工具過于笨重,原生的PSD文件不易管理反番,并且軟件中的大部分功能對于界面設(shè)計(jì)師是無用的沙热。

Sketch開始拯救并解決了這些問題,現(xiàn)在已發(fā)展成市場的領(lǐng)導(dǎo)者恬口,sketch可使用可復(fù)用組件和更快的工作流程校读,使設(shè)計(jì)師能夠更智能更高效的工作。sketch真正厲害的是來自它的輕量化和插件祖能,允許將非自定義的功能添加到軟件中歉秫,而不是通過軟件本身提供。

Sketch?—?https://www.sketchapp.com

第一個(gè)能夠繪制原型的軟件是InVision养铸,InVision允許您將psd文件或者sketch文件上傳到他們的平臺上雁芙,并轉(zhuǎn)化為可交互的原型。最近Sketch通過其云服務(wù)啟用了原型設(shè)計(jì)钞螟,但這仍然是非惩酶剩基礎(chǔ)和有限的。

進(jìn)入InVision Studio

當(dāng)我們需要做復(fù)雜的動(dòng)畫時(shí)鳞滨,設(shè)計(jì)師經(jīng)常會(huì)依靠Adobe的After Effects, 這個(gè)工作流程當(dāng)InVision Studio出現(xiàn)的時(shí)候受到了挑戰(zhàn)洞焙,這是一款允許設(shè)計(jì)師構(gòu)建更高級動(dòng)畫和為交互的新軟件。Studio還通過其Craft插件集成了InVision與Sketch的鏈接。像photoshop澡匪,after effect 這些軟件對于設(shè)計(jì)界面動(dòng)畫都過于繁雜熔任。

InVision Studio?—?https://www.invisionapp.com/studio

Adobe的加入

Adobe的設(shè)計(jì)師看到了對新設(shè)計(jì)工具的需求,并于2015年10月發(fā)布了一款名為“Project Comet”的新軟件唁情,該工具采用了新的設(shè)計(jì)理念疑苔,并承諾設(shè)計(jì)師能夠“以思維的速度進(jìn)行設(shè)計(jì)”。Comet推出了一個(gè)令人驚嘆的新概念和稱為重復(fù)網(wǎng)格的工具甸鸟,引起了許多設(shè)計(jì)師的注意惦费。

這允許設(shè)計(jì)者創(chuàng)建一個(gè)元素,然后使用重復(fù)網(wǎng)格工具以類似網(wǎng)格的方式拖出同一元素的實(shí)例網(wǎng)格抢韭。文本和圖像可以在網(wǎng)格中更改薪贫,但元素保持鏈接,允許通過調(diào)整一個(gè)元素進(jìn)行級聯(lián)重新設(shè)計(jì)篮绰,從而節(jié)省設(shè)計(jì)人員的時(shí)間后雷,能夠比以前更快地試驗(yàn)布局。

Inside the Comet application

插件

在新功能列表中吠各,插件現(xiàn)在可在Adobe XD中使用臀突,并且很多sketch插件已經(jīng)可以在XD上使用。使用插件是sketch的最大優(yōu)勢贾漏,而現(xiàn)在Adobe已經(jīng)將競爭環(huán)境拉平了候学。

Design tooling innovation through plugins. Image by?Adobe

插件的確擴(kuò)展了Adobe XD 的功能。Adobe的目標(biāo)是,通過用現(xiàn)有的編程語言纵散,像JavaScript梳码,html和css,建立一個(gè)是能創(chuàng)建自己的插件的社區(qū)。

語音交互功能

Adobe XD有一個(gè)可以讓你和你制作的原型進(jìn)行語音交互的功能伍掀,這項(xiàng)功能是前所未有的掰茶。語音交互會(huì)讓你有在屏幕之外的交互,允許使用語音進(jìn)行原型設(shè)計(jì)蜜笤,這項(xiàng)功能在其他軟件上是沒有的濒蒋。

Voice commands and speech playback.?Image by?Adobe

動(dòng)畫功能

Adobe XD在這項(xiàng)功能上擊敗了InVision Studio。雖然他沒有InVision對控件的精細(xì)控制把兔,但是AdobeXD使用起來簡單沪伙,高效,這些都是需要Invision做出很多努力才能達(dá)到的县好。

Auto-Animate at work.?Image by?Adobe

相互聯(lián)系的組件

Adobe XD升級了它們的組件系統(tǒng)围橡。這是一個(gè)更簡便的方試來復(fù)用組件,當(dāng)對某個(gè)文件中的某個(gè)組件進(jìn)行修改后缕贡,當(dāng)源文件發(fā)生更改時(shí)翁授,您可以在另一個(gè)文件中的更新拣播。

在sketch中可以建立一套非常強(qiáng)大的設(shè)計(jì)系統(tǒng),但是在XD中使用linked symbols時(shí)收擦,Adobe開辟了一個(gè)新的世界诫尽。與Sketch相比,這個(gè)新功能易于理解且更易于設(shè)置炬守。


Cross-document asset sharing with linked symbols. Image by?Adobe

不能錯(cuò)過的XD的其他功能

1. 用戶在Adobe XD中可以打開photoshop和illustrator文件—用這兩個(gè)軟件的設(shè)計(jì)師現(xiàn)在可以在XD上打開他們的文件,并且進(jìn)行交互設(shè)計(jì)剂跟,不需要再將文件上傳到InVision上减途。

2. Sketch文件可以在XD中打開— 讓sketch用戶沒有理由不去嘗試一下XD

3. 在After Effects中可以直接打開XD文件— 如果用XD制作動(dòng)畫不能滿足你的需求的話,復(fù)雜的動(dòng)畫可以使用AE來制作曹洽,只需要在AE中導(dǎo)入XD文件即可鳍置。

4. 共享開發(fā)—“共享開發(fā)”允許開發(fā)人員通過網(wǎng)絡(luò)下載設(shè)計(jì)文件并導(dǎo)出副本。

5. 應(yīng)用程序集成—?Adobe XD現(xiàn)在集成了更多您最喜歡的協(xié)作和生產(chǎn)力應(yīng)用程序送淆,包括Slack税产,JIRA和Microsoft Teams。在查看此協(xié)作功能時(shí)偷崩,InVision的功能似乎要弱得多辟拷。

Adobe XD?—?live device preview. Image by?Adobe
Adobe XD?—?Seamless asset transfer with Illustrator and After Effects. Images by?Adobe
Adobe XD?—?Seamless asset transfer with Illustrator and After Effects. Images by?Adobe

無論功能如何,為什么Adobe XD將占主導(dǎo)地位

雖然功能將在Sketch阐斜,InVision衫冻,Studio和Adobe XD中發(fā)展,但Adobe有一個(gè)巨大的優(yōu)勢谒出,那就是工作流程隅俘。如果您不是Adobe XD用戶,則需要多個(gè)軟件來交流和管理您的設(shè)計(jì)笤喳。許多設(shè)計(jì)工作流程最終看起來像這樣:

1. 在sketch中設(shè)計(jì)

2. 在invasion中發(fā)布

3. 在invision中制作交互動(dòng)畫

4. 通過InVision分享和收集反饋

5. 返回步驟1或2

這個(gè)流程分割了工作步驟为居,意味著要先進(jìn)行界面設(shè)計(jì),之后再進(jìn)行原型和動(dòng)畫設(shè)計(jì)

使用Adobe XD時(shí)杀狡,原型設(shè)計(jì)蒙畴,設(shè)計(jì)和動(dòng)畫都發(fā)生在一個(gè)空間中,這意味著測試和迭代設(shè)計(jì)變得更容易捣卤,更快忍抽。 設(shè)計(jì)過程毫不費(fèi)力,交互和動(dòng)畫是一起進(jìn)行的董朝,而不是分開的兩個(gè)項(xiàng)目鸠项,這些功能是非常強(qiáng)大的,并且可以讓設(shè)計(jì)以思維的速度進(jìn)子姜。

從線框轉(zhuǎn)移到高保真原型祟绊,再到一個(gè)軟件中的開發(fā)人員切換楼入,顯示了Adobe關(guān)注工作流程的程度。通過簡化工作流程牧抽,他們正在解決一些設(shè)計(jì)師最大的痛點(diǎn) - 只有Adobe才能通過其軟件系統(tǒng)真正做到這一點(diǎn)嘉熊。

Adobe XD workflow. Image by?Adobe

Adobe還通過它的Creative Cloud在設(shè)計(jì)行業(yè)中占據(jù)了巨大的優(yōu)勢。大多數(shù)設(shè)計(jì)師都會(huì)用一到多個(gè)adobe旗下的軟件扬舒,并且有一個(gè)adobe creative cloud的賬號阐肤。

Adobe專注于工作流程和協(xié)作

12月發(fā)布的Adobe XD引入了一種新的方式來處理他們所謂的“云文檔”。這允許通過云保存文檔讲坎,共享和處理文檔孕惜,就像DropBox一樣,但在Adobe XD內(nèi)部進(jìn)行了更深入的集成晨炕。這也是一個(gè)輕微的偏離衫画,似乎是Adobe的Creative Cloud文件夾云同步的演變。

隨著Adobe加強(qiáng)其協(xié)作和工作流程的方法瓮栗,這可能對InVision的解決方案構(gòu)成威脅削罩。根據(jù)Adobe的說法,2019年的未來更新將包括實(shí)時(shí)協(xié)作和版本控制费奸。您不再需要手動(dòng)保存文檔版本弥激,通過云文檔,您可以輕松地創(chuàng)建可在XD中快速訪問的您設(shè)計(jì)的歷史版本愿阐。

Adobe未來的計(jì)劃也參考了設(shè)計(jì)系統(tǒng) - 您將擁有創(chuàng)建和管理強(qiáng)大設(shè)計(jì)系統(tǒng)所需的一切秆撮,以便與您的團(tuán)隊(duì)或組織一起使用云文檔和Creative Cloud Libraries。

總結(jié):

Adobe XD的未來看起來非常光明换况,將贏得許多Sketch用戶的青睞职辨。InVision的重點(diǎn)改變可能會(huì)確保其生存,但有一點(diǎn)可以肯定戈二,Adobe XD仍然存在舒裤。Adobe企業(yè)很強(qiáng)大,像InVision和Sketch這樣的小公司將不得不努力在未站穩(wěn)腳跟觉吭。

原文鏈接

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末腾供,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子鲜滩,更是在濱河造成了極大的恐慌伴鳖,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件徙硅,死亡現(xiàn)場離奇詭異榜聂,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)嗓蘑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門须肆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來匿乃,“玉大人,你說我怎么就攤上這事豌汇〈闭ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵拒贱,是天一觀的道長宛徊。 經(jīng)常有香客問我,道長逻澳,這世上最難降的妖魔是什么岩调? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮赡盘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘缰揪。我一直安慰自己陨享,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布钝腺。 她就那樣靜靜地躺著抛姑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪艳狐。 梳的紋絲不亂的頭發(fā)上定硝,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音毫目,去河邊找鬼蔬啡。 笑死,一個(gè)胖子當(dāng)著我的面吹牛镀虐,可吹牛的內(nèi)容都是我干的箱蟆。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼刮便,長吁一口氣:“原來是場噩夢啊……” “哼空猜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起恨旱,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤辈毯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后搜贤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體谆沃,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年仪芒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了管毙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腿椎。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖夭咬,靈堂內(nèi)的尸體忽然破棺而出啃炸,到底是詐尸還是另有隱情,我是刑警寧澤卓舵,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布南用,位于F島的核電站,受9級特大地震影響掏湾,放射性物質(zhì)發(fā)生泄漏裹虫。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一融击、第九天 我趴在偏房一處隱蔽的房頂上張望筑公。 院中可真熱鬧,春花似錦尊浪、人聲如沸匣屡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捣作。三九已至,卻和暖如春鹅士,著一層夾襖步出監(jiān)牢的瞬間券躁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工掉盅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留也拜,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓趾痘,卻偏偏與公主長得像搪泳,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子扼脐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容