國(guó)產(chǎn)設(shè)計(jì)軟件實(shí)操體驗(yàn):時(shí)代拐點(diǎn)悄然而至,讓Design In China成為民族驕傲!
編輯導(dǎo)語(yǔ):用慣了Sketch軟件的作者,在“遺憾”錯(cuò)過(guò)了Figma以后,發(fā)現(xiàn)原來(lái)如今國(guó)產(chǎn)設(shè)計(jì)軟件發(fā)展得蒸蒸日上,于是選擇了即時(shí)設(shè)計(jì)、Mastergo和Pixso這三個(gè)國(guó)產(chǎn)設(shè)計(jì)軟件,對(duì)它們進(jìn)行了實(shí)操測(cè)評(píng),最后輸出了一份操作體驗(yàn)報(bào)告,一起來(lái)看一下吧。
作為一個(gè)從業(yè)十年,使用了5年Sketch軟件的傳統(tǒng)設(shè)計(jì)師,在“遺憾”錯(cuò)過(guò)了Figma以后,沒(méi)想到如今國(guó)產(chǎn)設(shè)計(jì)軟件發(fā)展得蒸蒸日上。在今年以創(chuàng)作者身份入駐各個(gè)設(shè)計(jì)軟件平臺(tái)之后,萌發(fā)了這一次獨(dú)特的體驗(yàn)巡禮。
在過(guò)去從Photoshop轉(zhuǎn)到Sketch的時(shí)候,我經(jīng)歷了一段痛苦的用戶習(xí)慣改變,我如今還記憶猶新,但當(dāng)我對(duì)Sketch徹底熟悉以后,我就再也不想使用Photoshop了。而現(xiàn)在,時(shí)代的拐點(diǎn)又悄然而至。
如今以即時(shí)設(shè)計(jì)、Mastergo和Pixso為代表的國(guó)產(chǎn)設(shè)計(jì)軟件已經(jīng)日漸成熟,他們design in china,懷著為國(guó)產(chǎn)設(shè)計(jì)師打造一款屬于自己人設(shè)計(jì)軟件的愿景,在這條無(wú)比艱辛的設(shè)計(jì)路上,付出了無(wú)數(shù)的汗水和努力,而經(jīng)過(guò)多年的打磨,他們已經(jīng)具備了不輸于Sketch、Figma的軟件實(shí)力。
趁著五一假期,我對(duì)這三個(gè)設(shè)計(jì)軟件逐一進(jìn)行實(shí)操測(cè)評(píng),最后為大家輸出一份操作體驗(yàn)報(bào)告。
一、產(chǎn)品介紹
1. 即時(shí)設(shè)計(jì)
即時(shí)設(shè)計(jì)誕生時(shí)間最早,軟件前身為即時(shí)原型,通過(guò)5年多的打磨,2020年9月正式上線發(fā)布。目前即時(shí)設(shè)計(jì)宣布用戶數(shù)已經(jīng)突破100萬(wàn),從設(shè)計(jì)資源到設(shè)計(jì)創(chuàng)作、團(tuán)隊(duì)協(xié)作,致力于成為國(guó)內(nèi)設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)手中國(guó)產(chǎn)的主力設(shè)計(jì)工具,打通國(guó)內(nèi)設(shè)計(jì)生態(tài),為設(shè)計(jì)師提供一個(gè)在線設(shè)計(jì)平臺(tái)。
2. Mastergo
Mastergo作為國(guó)內(nèi)最早的產(chǎn)品設(shè)計(jì)協(xié)作平臺(tái)藍(lán)湖旗下的旗艦產(chǎn)品,背靠藍(lán)湖多年的用戶、產(chǎn)品、技術(shù)資源積累,2021年2月發(fā)布測(cè)試版,10月正式上線發(fā)布,目前Mastergo聯(lián)合多家國(guó)內(nèi)企業(yè)打造“國(guó)產(chǎn)設(shè)計(jì)軟件共創(chuàng)計(jì)劃”,致力于解決開(kāi)發(fā)者和使用者之間的斷層溝通,真正實(shí)現(xiàn)產(chǎn)研協(xié)同All-in-one。
3. Pixso
Pixso是深圳萬(wàn)興科技內(nèi)部孵化的旗艦產(chǎn)品,而萬(wàn)興科技旗下?lián)碛羞^(guò)多款千萬(wàn)級(jí)產(chǎn)品如億圖、墨刀等知名軟件,Pixoso2021年5月發(fā)布測(cè)試版,10月正式上線發(fā)布。Pixso致力于成為新一代產(chǎn)品設(shè)計(jì)協(xié)作工具,集合「原型 · 設(shè)計(jì) · 協(xié)同 · 交付 · 資源管理」全流程鏈路,為UI設(shè)計(jì)師和企業(yè)提供專業(yè)先進(jìn)的協(xié)同設(shè)計(jì)解決方案。
二、體驗(yàn)用戶
三、體驗(yàn)環(huán)境
四、體驗(yàn)步驟
體驗(yàn)步驟很簡(jiǎn)單,我選了三個(gè)優(yōu)秀的APP,然后根據(jù)我自己多年的設(shè)計(jì)流程使用三個(gè)軟件進(jìn)行設(shè)計(jì)臨摹,這樣的目的是通過(guò)真正的實(shí)操使用來(lái)熟悉軟件,只有這樣才能全面了解它的優(yōu)缺點(diǎn)。
1. 設(shè)計(jì)準(zhǔn)備
1)熟悉工作臺(tái)
嘗試一個(gè)新的軟件真的不容易,相比過(guò)去使用Sketch的習(xí)慣,我對(duì)工作臺(tái)完全沒(méi)有概念。所以當(dāng)我首次進(jìn)入國(guó)產(chǎn)設(shè)計(jì)軟件工作臺(tái)的時(shí)候,有點(diǎn)無(wú)從下手。不過(guò)經(jīng)過(guò)了短暫的熟悉,對(duì)以在線協(xié)同為理念的設(shè)計(jì)軟件慢慢能理解了。
相比傳統(tǒng)的PS、Sketch本地軟件,不需要再去思考文件需要保存在哪個(gè)硬盤(pán),其次文件隨時(shí)都在自動(dòng)保存,不用擔(dān)心文件會(huì)丟失或損壞。團(tuán)隊(duì)的概念也特別突出,過(guò)去設(shè)計(jì)這部分工作都是獨(dú)立的,如今在線協(xié)作的理念就是讓產(chǎn)品、交互、設(shè)計(jì)、研發(fā)融合在一起,實(shí)現(xiàn)All-In-One。
即時(shí)設(shè)計(jì):
即時(shí)設(shè)計(jì)的工作臺(tái)聚合了很多功能,右上角可以快速導(dǎo)入JSD(即時(shí)設(shè)計(jì)本地文件)、Figma(支持超鏈接導(dǎo)入)、Sketch、XD文件,左側(cè)欄為最近工作文件、工作臺(tái)、正在跟進(jìn)、回收站以及團(tuán)隊(duì)。
文件夾是一個(gè)非常友好的功能,這樣方便設(shè)計(jì)師對(duì)設(shè)計(jì)文件進(jìn)行統(tǒng)一的管理,其次提供社區(qū)的優(yōu)質(zhì)資源下載快速上手。選中文件點(diǎn)擊右鍵后,有一個(gè)查看歷史版本和跟進(jìn)文件,這兩個(gè)功能非常棒。查看歷史版本可以返回對(duì)該文件操作的歷史版本,再也不用擔(dān)心文件的誤刪除或其他災(zāi)難事件了。而跟進(jìn)文件可以對(duì)該文件進(jìn)行全面跟蹤,這非常便于協(xié)作。
Mastergo:
Mastergo的工作臺(tái)非常簡(jiǎn)潔,學(xué)習(xí)成本較低。優(yōu)質(zhì)資源為用戶提供社區(qū)的精品資源下載,幫助快速上手,右上角可以快速導(dǎo)入Figma、Sketch、XD的文件,左側(cè)欄可以查看草稿箱、回收站和資源社區(qū),左下角可以快速建立團(tuán)隊(duì)。
Pixso:
Pixso的工作臺(tái)做了很出色的新手引導(dǎo),用戶打開(kāi)后,可以在右邊查看軟件操作的視頻課程,這節(jié)省了用戶快速上手的時(shí)間成本。其次用戶可以快速導(dǎo)入Figma、Sketch、XD等文件,可以訪問(wèn)資源社區(qū)。左側(cè)欄分為草稿箱、回收站、資源社區(qū)和團(tuán)隊(duì)管理。
2)新建文件和畫(huà)板
工作臺(tái)熟悉以后,我將開(kāi)始建立文件進(jìn)行實(shí)操。這一步非常簡(jiǎn)單,點(diǎn)擊新建,就能立馬生成文件。即時(shí)設(shè)計(jì)、Mastergo和Pixso均支持多種畫(huà)板的尺寸,如手機(jī)、桌面、平板、平面等。
即時(shí)設(shè)計(jì):
新建文件后,出現(xiàn)了一個(gè)引導(dǎo)提示,這對(duì)從未使用過(guò)設(shè)計(jì)軟件的新手來(lái)說(shuō)非常友好,這會(huì)讓他們知道怎么開(kāi)始第一步。
Mastergo:
Mastergo的界面和Sketch一樣簡(jiǎn)潔,這讓我有種熟悉的感覺(jué),更容易上手。
Pixso:
和Mastergo的界面相似,Pixso的設(shè)計(jì)和Sketch一樣簡(jiǎn)潔,讓我的上手成本更低。
3)熟悉工作區(qū)
UI設(shè)計(jì)軟件的功能其實(shí)幾乎大同小異,雖然使用了Photoshop十年、Sketch五年,但其實(shí)真正使用的功能沒(méi)有超過(guò)20%,所以雖然是新軟件的學(xué)習(xí),但其實(shí)更多是探索一下工作區(qū),簡(jiǎn)單熟悉一下軟件的功能分類和操作習(xí)慣。
即時(shí)設(shè)計(jì):
和Sketch相比,操作區(qū)的展現(xiàn)形式略顯不同。不過(guò)經(jīng)過(guò)我的仔細(xì)探索,我發(fā)現(xiàn)了一個(gè)Sketch適配模式,這簡(jiǎn)直就像和老朋友相遇一樣,非常棒,我快速切換以后,降低了學(xué)習(xí)成本。
Mastergo:
Mastergo的操作面板和sktech很相似,操作習(xí)慣相近,我在文件里發(fā)現(xiàn)了歷史版本的功能,這個(gè)功能我覺(jué)得非常方便。其次點(diǎn)擊右鍵后,提供了一個(gè)沉浸模式,有點(diǎn)像xmind里面的zen模式,在設(shè)計(jì)演示場(chǎng)景中非常方便。
Pixso:
Pixso的操作區(qū)也和sketch很相似,非常簡(jiǎn)潔,用戶習(xí)慣也差不多,上手起來(lái)很方便,其次我在文件里也發(fā)現(xiàn)了歷史版本的功能,非常方便。
4)小結(jié)
通過(guò)對(duì)工作臺(tái)、操作區(qū)的熟悉,基本上對(duì)設(shè)計(jì)軟件有了初步的了解,這一步其實(shí)就是用戶習(xí)慣破冰。當(dāng)用戶需要脫離以前的習(xí)慣耗費(fèi)時(shí)間去學(xué)習(xí)新軟件的時(shí)候,如何開(kāi)始第一步就顯得特別重要。雖然這是第一次使用,但即時(shí)設(shè)計(jì)、Mastergo和Pixso的學(xué)習(xí)成本都比較低,只要靜下心花上5分鐘,都能快速上手。
2. 原型設(shè)計(jì)
1)導(dǎo)入組件庫(kù)
每個(gè)設(shè)計(jì)師應(yīng)該都有一套自己的組件庫(kù),這就像一個(gè)工程師的工具箱,過(guò)往多年的設(shè)計(jì)工具都裝在里面了。所以在開(kāi)始作業(yè)前,我需要導(dǎo)入自己工作多年的Sketch組件庫(kù)。組件庫(kù)的導(dǎo)入讓我花了很多時(shí)間,和我理解的方式徹底不同,原來(lái)在線協(xié)同軟件的組件庫(kù)需要從團(tuán)隊(duì)資源導(dǎo)入更新,這害苦了我,最后從官方用戶群找到技術(shù)才解決。
即時(shí)設(shè)計(jì):
組件庫(kù)的入口在左下角,再加上沒(méi)有中文的提示,我花了好久的時(shí)間才找到。進(jìn)入組件庫(kù)以后,需要點(diǎn)擊共享設(shè)計(jì)庫(kù),進(jìn)入詳情后點(diǎn)擊發(fā)布才能生效。這樣的路勁實(shí)在太長(zhǎng)了,第一次使用的成本太高了。
Mastergo:
組件的位置很明顯,就在圖層的左邊,不過(guò)操作很繁瑣,我需要先回到工作臺(tái)的團(tuán)隊(duì)面板,導(dǎo)入組件庫(kù),進(jìn)入組件庫(kù)文件,然后添加到團(tuán)隊(duì)組件庫(kù),發(fā)布更新才能正式生效,這讓我折騰了好久。
Pixso:
Pixso組件的導(dǎo)入邏輯和mastergo很相似,都需要在團(tuán)隊(duì)導(dǎo)入組件發(fā)布以后才能生效。
2)建立文本樣式
組件庫(kù)雖然導(dǎo)入了,但是我發(fā)現(xiàn)均不支持導(dǎo)入文本樣式,而文本樣式是確保整個(gè)界面的字體大小、顏色保持統(tǒng)一的基礎(chǔ),所以我只能單獨(dú)重新制作一套文本樣式組件庫(kù)。
即時(shí)設(shè)計(jì)、Mastergo和Pixso均嵌入了多款免費(fèi)商業(yè)字體,無(wú)需下載安裝,極大節(jié)省了設(shè)計(jì)師的成本,其次有效避免設(shè)計(jì)師使用商業(yè)字體帶來(lái)侵權(quán)的困擾。另外,它們都提供了本地字體下載助手,這幫助我可以快速載入本地的字體,非常方便。
最讓我驚喜的地方則是字體均支持使用漸變色、支持圖層混合模式,這省去了我過(guò)往使用Sketch時(shí)候要去photoshop進(jìn)行視覺(jué)加工的成本,我的天,這真的棒極了。
3)建立顏色樣式
和文本樣式一樣,顏色樣式是確保整個(gè)界面配色統(tǒng)一的基礎(chǔ),在我開(kāi)始使用形狀工具之后,就需要開(kāi)始建立顏色樣式,確保整個(gè)設(shè)計(jì)的顏色統(tǒng)一。即時(shí)設(shè)計(jì)、Mastergo和Pixso的顏色樣式功能和Sketch都差不多,沒(méi)有太多學(xué)習(xí)成本,輕松上手。
4)制作基礎(chǔ)組件
設(shè)計(jì)組件是Sketch最吸引我的地方,我以前在學(xué)習(xí)UI設(shè)計(jì)的時(shí)候嘗試過(guò)Photoshop,那種批量修改的痛苦讓我每次想起都感到難受,所以自從嘗試Sketch以后就徹底放棄Photoshop了。
組件的建立比較簡(jiǎn)單,但相比Sketch,即時(shí)設(shè)計(jì)、Mastergo和Pixso都加入了一個(gè)變體的功能,這真的很棒。因?yàn)樵赟ketch里當(dāng)一個(gè)組件有不同狀態(tài)的時(shí)候,我需要建立不同的組件,略顯繁瑣,而變體的設(shè)計(jì),可以一勞永逸,方便操作,更加靈活。
當(dāng)然,對(duì)于組件的使用,如果是一個(gè)新手,需要花上不少時(shí)間成本,不過(guò)對(duì)于已經(jīng)習(xí)慣組件化設(shè)計(jì)的設(shè)計(jì)師來(lái)說(shuō),即時(shí)設(shè)計(jì)、Mastergo和Pixso的設(shè)計(jì)真的非常方便。
5)完成交互臨摹
通過(guò)建立文本樣式、顏色樣式和掌握基礎(chǔ)組件的制作方法,接下來(lái)的工作就是根據(jù)每一個(gè)頁(yè)面的結(jié)構(gòu)進(jìn)行拆解、臨摹和組合。
相比Sketch、Photoshop本地部署的軟件,即時(shí)設(shè)計(jì)、Mastergo和Pixso的操作性也非常流暢,沒(méi)有卡頓,不過(guò)你盡量要保證你的網(wǎng)絡(luò)穩(wěn)定,我在制作過(guò)程中確實(shí)也遇見(jiàn)過(guò)網(wǎng)速不佳導(dǎo)致軟件無(wú)法操作的情況,還好數(shù)據(jù)是完整無(wú)誤的自動(dòng)保存下來(lái),并沒(méi)有造成影響。
隨著操作時(shí)間的增多,每個(gè)軟件僅用1天就可以完整上手了,這種感覺(jué)棒極了。
6)小結(jié)
當(dāng)我開(kāi)始實(shí)際操作以后,我發(fā)現(xiàn)學(xué)習(xí)成本并不高,當(dāng)然這和我的工作經(jīng)驗(yàn)有關(guān),其次即時(shí)設(shè)計(jì)、Mastergo和Pixso在功能體驗(yàn)方面,進(jìn)行了一些關(guān)鍵創(chuàng)新,極大的提高工作效率,這是一個(gè)以外的驚喜,而當(dāng)我徹底熟悉以后,我開(kāi)始對(duì)它們?cè)絹?lái)越有興趣。
3. 視覺(jué)設(shè)計(jì)
1)使用漸變
漸變工具比較簡(jiǎn)單,只要掌握漸變?cè)?,沒(méi)有太大的學(xué)習(xí)成本。其次相比Sketch,即時(shí)設(shè)計(jì)、Mastergo和Pixso都提供了優(yōu)秀的插件,有很多現(xiàn)成的漸變效果,只需鼠標(biāo)輕輕點(diǎn)擊,設(shè)計(jì)效果就出來(lái)了,這對(duì)新手的幫助非常大,讓設(shè)計(jì)變得更簡(jiǎn)單。
2)設(shè)計(jì)配圖
設(shè)計(jì)配圖可以稱為這次國(guó)產(chǎn)軟件體驗(yàn)的啊哈時(shí)刻,即時(shí)設(shè)計(jì)、Mastergo和Pixso都提供了非常棒的圖片資源庫(kù),而且這些全部都是免費(fèi)可商用的圖片,這極大降低了配圖的時(shí)間成本,你只需要搜索關(guān)鍵詞,就能找到很好的配圖。這不僅對(duì)新手來(lái)說(shuō)是一個(gè)非常棒的功能,對(duì)任何一個(gè)設(shè)計(jì)師來(lái)說(shuō),在向團(tuán)隊(duì)或業(yè)務(wù)方展示初步方案的時(shí)候,太節(jié)省時(shí)間了。
而且圖片的填充功能也非常棒,粘貼以后,等比自適應(yīng)縮放,如無(wú)特殊處理,你都不需要做任何動(dòng)作,對(duì)于新手來(lái)說(shuō),這簡(jiǎn)直就是傻瓜式操作,大大降低了設(shè)計(jì)的成本。再加上支持混合模式,視覺(jué)設(shè)計(jì)變得更加簡(jiǎn)單。
3)繪制圖標(biāo)
雖然從業(yè)多年,但我不擅長(zhǎng)畫(huà)圖標(biāo),我一般采用iconfont插件進(jìn)行二次繪制或直接交給我的同事。但這次為了全面體驗(yàn),我簡(jiǎn)單嘗試了幾個(gè)簡(jiǎn)單的圖標(biāo)繪制,我發(fā)現(xiàn)以前在Sketch里畫(huà)圓弧已經(jīng)算困難的事情,即時(shí)設(shè)計(jì)、Mastergo和Pixso可以輕松搞定,真讓我意識(shí)到必須要與時(shí)俱進(jìn),才能跟得上時(shí)代的腳步。
至于貝塞爾曲線、圖形的算法組合,和Sketch都大同小異,沒(méi)有學(xué)習(xí)成本。
4)設(shè)計(jì)走查
把所有頁(yè)面設(shè)計(jì)完以后,我要開(kāi)始進(jìn)行設(shè)計(jì)走查。這一步將會(huì)整理各個(gè)頁(yè)面的圖層分類,以及頁(yè)面名稱。
即時(shí)設(shè)計(jì)&Pixso:
我在即時(shí)設(shè)計(jì)和Pixso發(fā)現(xiàn)一個(gè)特別好用的功能,批量收縮畫(huà)板的圖層展示內(nèi)容,這對(duì)圖層的管理有極大的幫助,以前在sektch里對(duì)這個(gè)問(wèn)題就非常頭疼。
5)小結(jié)
通過(guò)對(duì)原型頁(yè)面的視覺(jué)設(shè)計(jì),我對(duì)即時(shí)設(shè)計(jì)、Mastergo和Pixso的滿意度越來(lái)越高,特別是內(nèi)嵌的資源插件,非常豐富,極大節(jié)省了太多的設(shè)計(jì)成本,這對(duì)新手設(shè)計(jì)師來(lái)說(shuō),真是一個(gè)極大的福利。我甚至覺(jué)得未來(lái)產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、前端工程師都能做出60分的設(shè)計(jì)稿了。
這足以說(shuō)明,隨著軟件的門(mén)檻越來(lái)越低,對(duì)設(shè)計(jì)思維的提升特別重要,你的老板需要的,不是一個(gè)只能掌握工具的設(shè)計(jì)師。
4. 交流協(xié)作
1)邀請(qǐng)成員
好了,設(shè)計(jì)走查沒(méi)問(wèn)題以后,我決定邀請(qǐng)我的同事參與到項(xiàng)目里面,嘗試從未有過(guò)的協(xié)作體驗(yàn)。即時(shí)設(shè)計(jì)、Mastergo和Pixso的在線協(xié)作模式?jīng)]有太大區(qū)別,可以直接分享鏈接給團(tuán)隊(duì)、同事,對(duì)文件也可以進(jìn)行權(quán)限設(shè)置,徹底打消了我擔(dān)心其他人誤操作文件的顧慮。
2)在線協(xié)作
當(dāng)我看到同事加入文件后的光標(biāo)操作時(shí)候,我真的感到不可思議,這種感覺(jué)實(shí)在是太爽了。想想過(guò)去當(dāng)我要去為同事們演示一個(gè)項(xiàng)目時(shí),我需要把圖片導(dǎo)出原型工具平臺(tái),然后寫(xiě)說(shuō)明、做標(biāo)記,最后通過(guò)分享屏幕不斷解說(shuō)才能確保設(shè)計(jì)方案以最好的形式傳播給大家。
而現(xiàn)在,這極大節(jié)省了溝通時(shí)間成本,而且以最佳的傳播效果向大家展示,這讓我非常興奮,像是打開(kāi)了一個(gè)潘多拉寶盒。我終于能理解為什么很多設(shè)計(jì)師那么迷戀Figma了,而如今,我們有了即時(shí)設(shè)計(jì)、Mastergo和Pixso這樣優(yōu)秀的在線協(xié)同軟件,再也不用擔(dān)心網(wǎng)速和其他干擾因素了。
3)交互演示
把交互演示和設(shè)計(jì)融入一體真是一個(gè)非常好的創(chuàng)意,這真的節(jié)省了太多的時(shí)間。這兩個(gè)流程節(jié)點(diǎn)本身就密不可分,甚至可以同步設(shè)計(jì),過(guò)去我真的需要花很多時(shí)間導(dǎo)入到原型工具,然后制作交互演示,真的非常消耗時(shí)間,而現(xiàn)在不需要了。
就在同一個(gè)軟件,同一個(gè)流程節(jié)點(diǎn)便可制作交互演示,真的讓人感覺(jué)非常棒,感謝即時(shí)設(shè)計(jì)、Mastergo和Pixso,解決了設(shè)計(jì)師的一大痛點(diǎn)。
4)前端制作
為了驗(yàn)證在線協(xié)同軟件提倡的All-In-One的設(shè)計(jì)理念,我特意把程序工程師也邀請(qǐng)進(jìn)來(lái),讓他親自嘗試一下這樣的協(xié)作模式,看看是否還需要像以前那樣我把圖片、圖標(biāo)輸出,答案是不需要,他親自體驗(yàn)了研發(fā)模式,他覺(jué)得很棒,可以直接開(kāi)始頁(yè)面制作。
這極大省去了過(guò)去設(shè)計(jì)定稿后需要制作切圖,輸出規(guī)范的時(shí)間。感謝即時(shí)設(shè)計(jì)、Mastergo和Pixso,這一趟體驗(yàn)旅程讓我真的知道如果再不改變,就不是像遺憾錯(cuò)過(guò)Figma這件事那么簡(jiǎn)單了。
5)小結(jié)
這是我第一次體驗(yàn)在線協(xié)作的模式,當(dāng)我把同事都加入到文件以后,大家對(duì)這樣的協(xié)作方式都感到不可思議,覺(jué)得棒極了,這將會(huì)極大提高我們以后的作業(yè)效率,我也真正開(kāi)始慢慢思考為什么5年前要從Photoshop轉(zhuǎn)到Sketch,這就像一次心靈洗滌的旅行。
5. 體驗(yàn)總結(jié)
1)學(xué)習(xí)成本
我的上手時(shí)間雖然挺短,但這取決于我過(guò)往的軟件經(jīng)驗(yàn),如果對(duì)于一個(gè)新手設(shè)計(jì)師,需要一定的時(shí)間成本,不過(guò)總體而言,在已經(jīng)集合了很多設(shè)計(jì)、插件資源的基礎(chǔ)上,相比過(guò)往的軟件學(xué)習(xí),已經(jīng)降低很多。
2)操作體驗(yàn)
即時(shí)設(shè)計(jì)、Mastergo和Pixso的工作區(qū)和Sketch都很相似,所以操作體驗(yàn)都不錯(cuò),只需要通過(guò)一兩個(gè)項(xiàng)目就能完全上手,而且在很多功能上結(jié)合國(guó)內(nèi)用戶習(xí)慣在持續(xù)不斷優(yōu)化創(chuàng)新,有過(guò)之而無(wú)不及。
3)設(shè)計(jì)資源
即時(shí)設(shè)計(jì)、Mastergo和Pixso都集合了大量的設(shè)計(jì)資源,比如無(wú)版權(quán)可商用的字體、圖片,還有各種傻瓜式的插件,這進(jìn)一步降低了設(shè)計(jì)的難度,節(jié)省了時(shí)間成本。
4)軟件性能
因?yàn)槭窃苾?chǔ)存的Saas在線模式操作,所以軟件的性能操作和本地部署的軟件相對(duì)較弱,需要保持網(wǎng)速穩(wěn)定,其次更建議下載客戶端設(shè)計(jì)工作,特別是多人協(xié)作的模式。另外如果以后同時(shí)能支持離線軟件版本就更完美了。
通過(guò)短短的3天設(shè)計(jì)項(xiàng)目的上手實(shí)操,我感覺(jué)自己基本熟悉了在線協(xié)同軟件的操作習(xí)慣。總之,不管對(duì)于純新手學(xué)習(xí)還是像我這樣的從Sketch直接轉(zhuǎn)到國(guó)產(chǎn)設(shè)計(jì)軟件的設(shè)計(jì)師,我覺(jué)得只要稍微花一點(diǎn)心思就能即時(shí)上手。
五、用戶需求分析
1. 用戶為什么需要國(guó)產(chǎn)設(shè)計(jì)軟件?
在過(guò)往,設(shè)計(jì)軟件幾乎都來(lái)自美國(guó),如Adobe全家桶系列軟件、Sketch、Figma等。但隨著以開(kāi)辟在線協(xié)同設(shè)計(jì)軟件的Figma封停了大疆賬號(hào),引發(fā)了國(guó)內(nèi)軟件圈“地震”以后,國(guó)內(nèi)的企業(yè)和設(shè)計(jì)師才有危機(jī)意識(shí)。以主打云儲(chǔ)存的Figma類型軟件不僅會(huì)導(dǎo)致正常工作中斷,也有可能竊取我們的設(shè)計(jì)資料和數(shù)據(jù),所以設(shè)計(jì)軟件國(guó)產(chǎn)化是大勢(shì)所趨。
其次,設(shè)計(jì)師在使用Figma這樣的跨國(guó)云儲(chǔ)存軟件時(shí),經(jīng)常面臨網(wǎng)速受限的難題,導(dǎo)致了協(xié)同效率極其低下。而Sketch這樣的本地部署軟件,又只支持IOS系統(tǒng),這導(dǎo)致用戶使用成本高,極其不方便。這場(chǎng)設(shè)計(jì)師的軟件變革,勢(shì)在必行。
2. 用戶對(duì)設(shè)計(jì)軟件的真實(shí)需求?
1)用戶動(dòng)機(jī)
設(shè)計(jì)軟件的發(fā)展起點(diǎn)是Adobe軟件旗下的Photoshop,在2010年移動(dòng)互聯(lián)網(wǎng)時(shí)代開(kāi)啟以后,Sketch彎道超車,以靈活、便捷的超高設(shè)計(jì)效率成為UI設(shè)計(jì)師的首選。但由于Sketch只支持IOS系統(tǒng),這導(dǎo)致眾多設(shè)計(jì)師使用成本非常高,你得先購(gòu)買一臺(tái)價(jià)格不菲的蘋(píng)果電腦才可能使用Sketch。
所以在2016年Figma以顛覆式的創(chuàng)新誕生以后,作為一款不限系統(tǒng),甚至支持瀏覽器就可以工作的設(shè)計(jì)軟件,贏得了粉絲們的追捧,也拉開(kāi)了設(shè)計(jì)在線協(xié)同時(shí)代的大幕。
直到今年3月,F(xiàn)igma封停大疆事件爆發(fā),讓國(guó)內(nèi)企業(yè)和設(shè)計(jì)師才意識(shí)到,別人家的終究是別人家的,如果把所有的數(shù)據(jù)資料儲(chǔ)存在國(guó)外軟件服務(wù)器,這是一件非常危險(xiǎn)的事情。所以用戶渴望改變,也需要改變,其次這不僅僅是設(shè)計(jì)軟件的層面,而是一個(gè)國(guó)家、一個(gè)企業(yè)數(shù)據(jù)安全儲(chǔ)存的問(wèn)題,動(dòng)機(jī)非常強(qiáng)烈。
2)用戶需求
①設(shè)備需求
Figma不限系統(tǒng)、web端瀏覽器支持設(shè)計(jì)的模式把設(shè)計(jì)軟件對(duì)設(shè)備的需求降低到0,也讓用戶習(xí)慢慢了只要有一臺(tái)電腦,一個(gè)熱點(diǎn)就可以隨時(shí)隨地設(shè)計(jì)。
②金錢需求
設(shè)計(jì)師對(duì)設(shè)計(jì)軟件的認(rèn)知依舊停留在免費(fèi)的時(shí)代,不管是正版軟件收費(fèi)的Photoshop、Sketch還是部分免費(fèi)的Figma,對(duì)軟件的使用付費(fèi)持保留態(tài)度,購(gòu)買欲望低。
③時(shí)間需求
對(duì)一個(gè)軟件技能的學(xué)習(xí)其實(shí)就是投入成本,學(xué)習(xí)的時(shí)間越長(zhǎng)就越離不開(kāi)這個(gè)軟件。所以想要讓用戶放棄Sketch、XD軟件重新學(xué)習(xí)一門(mén)新的UI設(shè)計(jì)軟件,這是一個(gè)用戶習(xí)慣的改變,學(xué)習(xí)時(shí)間越短越好。
④體驗(yàn)需求
用戶對(duì)改變天生懼怕,所以當(dāng)嘗試一個(gè)新的設(shè)計(jì)軟件時(shí)候,如果產(chǎn)品設(shè)計(jì)不符合自己多年習(xí)慣的軟件,心情會(huì)變得焦躁、不耐煩,很難堅(jiān)持學(xué)習(xí)。
⑤功能需求
設(shè)計(jì)軟件就是設(shè)計(jì)師的工具,是設(shè)計(jì)師賴以生存、吃飯養(yǎng)家的寶刀,所以選擇一門(mén)新的設(shè)計(jì)軟件,這把寶刀就要能為設(shè)計(jì)師披荊斬棘,而不是為情懷買單。
⑥協(xié)作需求
當(dāng)越來(lái)越多的企業(yè)、團(tuán)隊(duì)接受All-in-one的產(chǎn)研協(xié)同理念以后,設(shè)計(jì)不再是一個(gè)單點(diǎn)的工作,而是一個(gè)產(chǎn)品設(shè)計(jì)的公交樞紐,對(duì)協(xié)作的便捷性、溝通效率、演示效果也會(huì)越來(lái)越高。
3. 國(guó)產(chǎn)設(shè)計(jì)軟件面臨的挑戰(zhàn)
1)看得見(jiàn)的對(duì)手
從軟件競(jìng)品層面分析,國(guó)產(chǎn)設(shè)計(jì)軟件面臨的無(wú)非就是Figma、Sketch和AdobeXD這幾個(gè)美國(guó)軟件,國(guó)產(chǎn)設(shè)計(jì)軟件的起步較晚,雖然已漸漸成熟,但距離頂級(jí)的設(shè)計(jì)軟件還有一段距離,這可以歸納為軟件的穩(wěn)定性、易用性、創(chuàng)新性三個(gè)方面。我在軟件的實(shí)操的過(guò)程中就深深感受到,設(shè)計(jì)軟件的不穩(wěn)定性和不合理的設(shè)計(jì)帶來(lái)的焦躁和苦惱。
2)真正的對(duì)手
我認(rèn)為,用戶習(xí)慣的改變才是國(guó)產(chǎn)設(shè)計(jì)軟件面臨真正的對(duì)手。這個(gè)時(shí)代太浮躁了,靜下心來(lái)學(xué)習(xí)可以說(shuō)非常困難的事情,更何況讓用了十年、五年的設(shè)計(jì)師改變過(guò)去的軟件操作習(xí)慣來(lái)適應(yīng)一個(gè)新的軟件,這是需要極大的決心才能做出的決定。
上癮模型的作者尼爾·法埃爾就曾經(jīng)描述過(guò)關(guān)于用戶習(xí)慣改變面臨的困難——用戶總會(huì)盡力和過(guò)去的行為保持一致,哪怕是認(rèn)知失調(diào),狐貍就會(huì)認(rèn)為吃不到的葡萄是酸的,這和我們的江山易改本性難移一個(gè)道理。
所以如何讓用戶能夠輕松上手、以最低的時(shí)間成本掌握設(shè)計(jì)軟件,讓用戶保持高頻、高投入的使用,才是國(guó)產(chǎn)設(shè)計(jì)軟件面臨的真正對(duì)手。
4. 小結(jié)
綜上所述,由于Figma封停大疆事件的爆發(fā),國(guó)產(chǎn)設(shè)計(jì)軟件真正的春天已經(jīng)來(lái)臨,不管是企業(yè)還是設(shè)計(jì)師,已經(jīng)有了迫切改變的動(dòng)機(jī)。而身后母公司均已打磨多年的即時(shí)設(shè)計(jì)、Mastergo和Pixso,也迎來(lái)非常利好的機(jī)會(huì),所謂七年磨一劍,這正是實(shí)現(xiàn)國(guó)產(chǎn)設(shè)計(jì)軟件爆發(fā)的好時(shí)代。
六、總結(jié)思考
時(shí)代的車輪只會(huì)滾滾向前,如果不接受改變,就只能被淘汰。20世紀(jì)初電話最初剛發(fā)明的時(shí)候不受待見(jiàn),英國(guó)佬嘲笑美國(guó)人——“美國(guó)人需要電話,但我們不需要,我們有足夠的信差”。
就連互聯(lián)網(wǎng)的誕生,其實(shí)也是備受質(zhì)疑。當(dāng)時(shí)有個(gè)美國(guó)專欄作家還特意為《新聞周刊》寫(xiě)了一篇題為“互聯(lián)網(wǎng)?我呸!”的文章。
而如今,對(duì)我們已經(jīng)習(xí)慣Figma、Sketch、AdobeXD等傳統(tǒng)設(shè)計(jì)軟件的老用戶來(lái)說(shuō),面對(duì)時(shí)代的拐點(diǎn),如果只是固守自封,停滯不前,那么我們像極了曾經(jīng)嘲笑電話發(fā)明的英國(guó)佬。
所以,開(kāi)始嘗試吧,朋友們,把設(shè)計(jì)軟件留在中國(guó),讓Design In China成為民族驕傲!
本文由 @廖慶 Joseph 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
大疆被figma封禁后,用的哪款替代工具?
設(shè)計(jì)軟件功能都能做 主要是插件好用啊 這些平臺(tái)沒(méi)有插件啊 figma不只是功能齊全 好用的插件也多啊 效率工具最重要!?。?/p>
插件資源已經(jīng)很豐富了,不知你有沒(méi)有上手體驗(yàn)
建議你去看看figma和sketch有多少插件 做個(gè)對(duì)比再說(shuō)豐不豐富吧