Adobe XD 會取代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)容,那么請向下滾動并閱讀“為什么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ì),但這仍然是非?;A(chǔ)和有限的。

進(jìn)入InVision Studio

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

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)功能是前所未有的。語音交互會讓你有在屏幕之外的交互,允許使用語音進(jìn)行原型設(shè)計(jì),這項(xiàng)功能在其他軟件上是沒有的。

Voice commands and speech playback.?Image by?Adobe

動畫功能

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制作動畫不能滿足你的需求的話,復(fù)雜的動畫可以使用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中制作交互動畫

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

5. 返回步驟1或2

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

使用Adobe XD時(shí),原型設(shè)計(jì),設(shè)計(jì)和動畫都發(fā)生在一個(gè)空間中,這意味著測試和迭代設(shè)計(jì)變得更容易,更快。 設(shè)計(jì)過程毫不費(fèi)力,交互和動畫是一起進(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ì)師都會用一到多個(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é)作和版本控制。您不再需要手動保存文檔版本,通過云文檔,您可以輕松地創(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)改變可能會確保其生存,但有一點(diǎn)可以肯定,Adobe XD仍然存在。Adobe企業(yè)很強(qiáng)大,像InVision和Sketch這樣的小公司將不得不努力在未站穩(wěn)腳跟。

原文鏈接

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容