國(guó)產(chǎn)設(shè)計(jì)協(xié)作軟件如何選擇,Pixso、即時(shí)設(shè)計(jì)和、MasterGo性能測(cè)評(píng)!

Figma暴力封禁大疆事件以來(lái),弄得設(shè)計(jì)師人心惶惶,紛紛在尋找可以替代的產(chǎn)品,也給了國(guó)內(nèi)協(xié)作設(shè)計(jì)軟件發(fā)展的空間。Pixso、即時(shí)設(shè)計(jì)和 MasterGo等,作為國(guó)內(nèi)協(xié)作設(shè)計(jì)軟件的代表產(chǎn)品,很多設(shè)計(jì)師在遷移項(xiàng)目的時(shí)候,如何選擇成為了難題。

最近,設(shè)計(jì)師Andrew對(duì)比了國(guó)內(nèi)3款軟件,從兼容性、性能、作圖體驗(yàn)進(jìn)行對(duì)比,數(shù)據(jù)比較客觀中立,下面就一起來(lái)看看吧!

Figma 兼容性 - 導(dǎo)入時(shí)長(zhǎng)

在導(dǎo)入體積為 30 MB 的 Figma 文件 Ant Design Open Source(超過(guò) 25 萬(wàn)個(gè)圖層) 時(shí),三款軟件花費(fèi)的時(shí)長(zhǎng)如下:

Master 最慢,長(zhǎng)達(dá) 3 分 15 秒,即時(shí)設(shè)計(jì)次之,Pixso 最快。

Figma 兼容性 - 還原度

除了文件導(dǎo)入時(shí)長(zhǎng),導(dǎo)入后 Figma 文件的還原程度,是否會(huì)出現(xiàn)比較嚴(yán)重的文件丟失、素材變形、元素錯(cuò)位等問(wèn)題,也是衡量軟件兼容性的一個(gè)重要因素。

這位設(shè)計(jì)師對(duì)比測(cè)試下來(lái),表示導(dǎo)入的 Figma 文件大部分可被還原,但依舊存在或多或少的問(wèn)題。

即時(shí)設(shè)計(jì)導(dǎo)入的人物素材出現(xiàn)了頭發(fā)丟失、肢體缺失的問(wèn)題,且部分組件會(huì)遇到圖層錯(cuò)亂、文本翻轉(zhuǎn)、位圖尺寸無(wú)故放大的情況,文件導(dǎo)入還原度方面,即時(shí)的問(wèn)題還是比較多的。

Master 和即時(shí)一樣出現(xiàn)了人物素材頭發(fā)丟失、肢體缺失的問(wèn)題,且部分組件存在文本丟失、異常放大的情況。

Pixso 導(dǎo)入后出現(xiàn)的問(wèn)題比較簡(jiǎn)單,部分按鈕組件的尺寸變形、文本位置發(fā)生偏移。

單從 Figma 文件的還原度來(lái)說(shuō),即時(shí)設(shè)計(jì)的問(wèn)題最多,即還原度差一些,Master 次之,Pixso 的還原度做得比較好。

性能 - 文件打開(kāi)時(shí)長(zhǎng)

在打開(kāi)導(dǎo)入的 Ant Design Open Source 文件時(shí),三款軟件花費(fèi)的時(shí)長(zhǎng)如下,與前面的導(dǎo)入時(shí)長(zhǎng)完全反過(guò)來(lái):

Master 打開(kāi)最快,即時(shí)設(shè)計(jì)次之,Pixso 打開(kāi)文件花費(fèi)的時(shí)間最多。

性能 - 頁(yè)面切換流暢度

在評(píng)測(cè)視頻中,博主是按照從 button 頁(yè)面連續(xù)切換到 menu 頁(yè)面花費(fèi)的總時(shí)長(zhǎng),來(lái)評(píng)估每款軟件的頁(yè)面切換流暢度,具體表現(xiàn)如下。

即時(shí)設(shè)計(jì):總時(shí)長(zhǎng)為 25 秒。切換頁(yè)面存在少許的延遲,尤其對(duì)于包含較多元素的頁(yè)面,延遲的情況就更為明顯。

Master:總時(shí)長(zhǎng)為 14 秒。延遲問(wèn)題比即時(shí)輕微一些。

Pixso:總時(shí)長(zhǎng)為 10 秒。Pixso 絕大部分頁(yè)面可以瞬間響應(yīng),切換起來(lái)絲滑。

對(duì)比下來(lái),在頁(yè)面切換流暢度方面,Pixso 表現(xiàn)最佳,Master 次之,即時(shí)稍微落后一些。

性能 - 操作流暢度

軟件操作流暢度,是這個(gè)視頻中的評(píng)測(cè)重點(diǎn),這位博主從 7 個(gè)維度來(lái)對(duì) 3 款 UI 設(shè)計(jì)軟件展開(kāi)對(duì)比——

畫(huà)板移動(dòng):即時(shí)和 Master 流暢,Pixso 更加絲滑

畫(huà)板縮放:即時(shí)流暢,Master 掉幀,Pixso 部分元素?zé)o法實(shí)現(xiàn)等比縮放

畫(huà)板拷貝:即時(shí)和 Pixso 有少許延遲,Master 延遲較小

變體移動(dòng):即時(shí)掉幀,Master 流暢,Pixso 最為絲滑

錨點(diǎn)拖動(dòng):三款軟件表現(xiàn)基本一致

圖層移動(dòng):Master 基本流暢,Pixso 絲滑,即時(shí)存在圖層移動(dòng)后異常吸附的問(wèn)題

顏色調(diào)用:三者表現(xiàn)基本一致,可做到顏色的快速調(diào)用

綜合前面考察的 7 個(gè)維度,在操作流暢度方面,Pixso 的流暢度最佳,拿到了 4 個(gè)代表「極致絲滑」的 S,Master 次之,即時(shí)第三。

結(jié)合前面性能拆分出來(lái)的兩個(gè)維度——打開(kāi)時(shí)長(zhǎng)和頁(yè)面切換流暢度,整體而言,在軟件性能方面,Pixso 表現(xiàn)優(yōu)秀,Master 次之,即時(shí)表現(xiàn)欠佳。

作圖體驗(yàn)

最后的一個(gè)評(píng)價(jià)環(huán)節(jié),這位博主以制作一個(gè)響應(yīng)式頁(yè)面為例,分享了實(shí)際作圖過(guò)程中遇到的問(wèn)題和有待改進(jìn)的產(chǎn)品體驗(yàn):

即時(shí)和 Pixso 體驗(yàn)問(wèn)題較多,Master 體驗(yàn)問(wèn)題相對(duì)較少。

看完這位博主客觀、中立的測(cè)評(píng)過(guò)程后,會(huì)發(fā)現(xiàn),無(wú)論是即時(shí)、Master,還是 Pixso,三款軟件或多或少都存在一些問(wèn)題,對(duì)比引領(lǐng)者 Figma 還有一定的差距,畢竟別人上線的時(shí)間早,擁有多年的技術(shù)和經(jīng)驗(yàn)積累,這也是國(guó)產(chǎn)軟件短期內(nèi)無(wú)法趕上甚至超越的。

如果一定要從這 3 款國(guó)產(chǎn)設(shè)計(jì)軟件中選擇一款,綜合考慮 Figma 兼容性、性能和作圖體驗(yàn) 3 個(gè)因素后,我會(huì)更傾向于選擇 Pixso。

Pixso 在 Figma 兼容性和性能表現(xiàn)上優(yōu)于另外兩款,我可以在犧牲部分作圖體驗(yàn)的情況下,來(lái)?yè)Q取更流暢的操作體驗(yàn),而且鑒于 3 款軟件都是基于瀏覽器的在線設(shè)計(jì)工具,擁有更強(qiáng)的性能,在多人協(xié)作的場(chǎng)景,才有可能獲得不壓于甚至超越本地客戶端的表現(xiàn)。

(免責(zé)聲明:本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿,凡在本網(wǎng)站出現(xiàn)的信息,均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性,但不保證有關(guān)資料的準(zhǔn)確性及可靠性,讀者在使用前請(qǐng)進(jìn)一步核實(shí),并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏,概不負(fù)任何法律責(zé)任。
任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí),應(yīng)及時(shí)向本網(wǎng)站提出書(shū)面權(quán)利通知或不實(shí)情況說(shuō)明,并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后,將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí),溝通刪除相關(guān)內(nèi)容或斷開(kāi)相關(guān)鏈接。 )