
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真正厲害的是來自它的輕量化和插件,允許將非自定義的功能添加到軟件中,而不是通過軟件本身提供。

第一個(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ì)界面動畫都過于繁雜。

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)布局。

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

插件的確擴(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)功能在其他軟件上是沒有的。

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

相互聯(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è)置。

不能錯(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將占主導(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還通過它的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)腳跟。