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真正厲害的是來自它的輕量化和插件祖能,允許將非自定義的功能添加到軟件中歉秫,而不是通過軟件本身提供。
第一個(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)畫都過于繁雜熔任。
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)功能是前所未有的掰茶。語音交互會(huì)讓你有在屏幕之外的交互,允許使用語音進(jìn)行原型設(shè)計(jì)蜜笤,這項(xiàng)功能在其他軟件上是沒有的濒蒋。
動(dò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制作動(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將占主導(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還通過它的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)腳跟觉吭。