在遷移的過(guò)程中，我們也曾試用過(guò)評(píng)價(jià)比較好的Figma，但因?yàn)樾畔踩脑蚬静辉试S繼續(xù)使用，所以我們只能考慮國(guó)產(chǎn)Figma類軟件。在使用過(guò)全網(wǎng)10+ui在線協(xié)作工具，終于還是找到了一款從設(shè)計(jì)、交互、穩(wěn)定、功能都與Figma差異不大的設(shè)計(jì)工具Pixso，既能滿足在線設(shè)計(jì)的需求，也能擁有Sketch的大部分優(yōu)點(diǎn)。

一個(gè)好用的UI設(shè)計(jì)工具是可以從設(shè)計(jì)體驗(yàn)、協(xié)作能力、和使用穩(wěn)定性、遷移成本等維度進(jìn)行評(píng)分的，我會(huì)從這幾個(gè)重要維度來(lái)對(duì)比 Sketch與Pixso這兩個(gè)UI設(shè)計(jì)工具在使用上的差異，以供大家參考。

一、設(shè)計(jì)體驗(yàn)=效率+易用

從工作流程上來(lái)講，Pixso和Sketch對(duì)比最大的區(qū)別是在于團(tuán)隊(duì)協(xié)作方面中。以往使用Sketch，如果除了跟產(chǎn)品經(jīng)理還有研發(fā)需要日常重復(fù)溝通以外，想實(shí)現(xiàn)多人在線，或者切圖，又或者版本管理，都只能靠依賴插件進(jìn)行。但插件使用步驟也相對(duì)更復(fù)雜，導(dǎo)出也容易出錯(cuò) 。

而對(duì)比Sketch，Pixso可以實(shí)現(xiàn)產(chǎn)品設(shè)計(jì)工作在同一平臺(tái)完成。它既可以畫(huà)原型、設(shè)計(jì)界面，也可以自動(dòng)標(biāo)注、切圖和使用鏈接完成交付。團(tuán)隊(duì)的其他伙伴可以在同一個(gè)軟件共享項(xiàng)目進(jìn)度，避免出現(xiàn)版本修改更新不及時(shí)的現(xiàn)象，也更符合目前國(guó)內(nèi)的產(chǎn)品快速迭代的發(fā)展模式（一周一個(gè)版不再是夢(mèng)想）。

除了在線協(xié)作帶來(lái)的便利。在某些細(xì)節(jié)上，Pixso類設(shè)計(jì)工具的功能適應(yīng)國(guó)內(nèi)設(shè)計(jì)師的使用需求。

1、原生中文軟件，學(xué)習(xí)成本低

Sketch對(duì)中文的支持并不太友好，即時(shí)現(xiàn)在有了官方中文版SKetch，但日常在安裝新中文字體后，字體包在字體選擇界面顯示的名稱會(huì)存在顯示亂碼的現(xiàn)象。而Pixso因?yàn)槭菄?guó)產(chǎn)軟件，內(nèi)嵌豐富的中文字體，使用時(shí)既不需要再花時(shí)間去同步本地字體或者重新安裝，也避免了安裝后要解決亂碼的麻煩。

2、默認(rèn)圖形無(wú)邊框

Sketch在創(chuàng)建新圖形時(shí)，默認(rèn)填充圖形灰色且自帶邊框。照現(xiàn)在的設(shè)計(jì)趨勢(shì)，界面上大多圖形（彈窗、按鈕等）都不帶邊框的，所以使用Sketch創(chuàng)建圖形后還需要修改邊框，過(guò)程就比較繁瑣；而Pixso在創(chuàng)建圖形是默認(rèn)是無(wú)邊框的，沒(méi)有修改邊框這個(gè)步驟，算是針對(duì)設(shè)計(jì)趨勢(shì)的一個(gè)小優(yōu)化。

3、實(shí)例修改更便捷

Sketch的實(shí)例修改相對(duì)比較麻煩，需要返回到原組件進(jìn)行修改。如果是組件單獨(dú)修改，還需先分離組件庫(kù)再改動(dòng)，無(wú)法直接選中圖層完成修改。但是在Pixso，它像Figma一樣允許設(shè)計(jì)師直接選中圖層后批量修改，不用找回原組件或者分離，節(jié)省了組件檢索的時(shí)間。

4、組件查找精準(zhǔn)清晰

組件檢索在Sketch也是一個(gè)比較繁瑣的操作。在套用組件時(shí)，Sketch若選擇列表查找組件，組件名稱太長(zhǎng)不易分辨清晰。如果選擇使用右鍵按分類查找套用，雖然可以顯示縮略圖，但是縮略圖也不夠清晰需要花時(shí)間去辨別。而在Pixso，設(shè)計(jì)師可以點(diǎn)擊組件列表分欄即可查看組件的縮略圖，顯示面積更大，更方面檢索，也有效減少選錯(cuò)組件的重復(fù)操作。

5、組件命名小改動(dòng)，提升檢索速度

Sketch組件的命名邏輯為分類 / 模塊 / 組織 / 分子 / 原子，命名依次是從大到小，因?yàn)镾ketch的組件名稱非常的長(zhǎng)，不利于搜索查找。如果選擇使用右鍵按分類查找套用，

Pixso的組件命名除了[/]之外，還可以使用Page以及 Frame/Group 的方式，而這部分的名稱是不會(huì)出現(xiàn)在組件名上，這意味著按組件名稱查找更便捷。

6、 原子級(jí)組件系統(tǒng)搭載變體功能，有效解決重復(fù)勞動(dòng)

Pixso與Sketch都可以創(chuàng)立組件庫(kù)，但用戶體驗(yàn)略有不同。

Sketch中的組件樣式由于不是原子級(jí)的，當(dāng)設(shè)計(jì)師想要構(gòu)建組件庫(kù)時(shí)，需要列出組件所有的可能性，容易導(dǎo)致的組件數(shù)量臃腫冗雜，查找費(fèi)勁。而且在Sketch，修改被定義的文本或圖層組件樣式需要重新創(chuàng)建組件，或者將子組件與父組件進(jìn)行分離再進(jìn)行修改，非常不便。

（sketch建立一個(gè)組件庫(kù)需要窮舉所有樣式）

而Pixso因?yàn)檠匾u了Figma的使用為設(shè)計(jì)師提供的組件系統(tǒng)，以及組件樣式切換更方便的功能—“變體”。

在Pixso，組件系統(tǒng)的顆粒度被區(qū)分地更細(xì)。舉個(gè)例子，Pixso的組件存在級(jí)別，父組件與子組件，方便設(shè)計(jì)師復(fù)用或者修改。父組件修改后，子組件自動(dòng)變化，方便我們一鍵更改組件設(shè)計(jì)樣式，保證設(shè)計(jì)風(fēng)格統(tǒng)一性和規(guī)范性的同時(shí)又減少了多余的操作。

而如果想要修改子組件的樣式，也可以通過(guò)右側(cè)的component屬性面板直接修改，不需要像Sketch 那樣接相互關(guān)系尋回原件去調(diào)整，方便高效快捷簡(jiǎn)單。

變體功能是指當(dāng)一個(gè)組件存在多種類型、尺寸、狀態(tài)，而設(shè)計(jì)師又在同一文檔需要重復(fù)使用是該組件的不同樣式，可與通過(guò)變體功能來(lái)建立組件集合，然后通過(guò)右側(cè)編輯菜單按類別地快速選擇及切換來(lái)實(shí)現(xiàn)快速?gòu)?fù)用。

這樣的優(yōu)點(diǎn)是設(shè)計(jì)師如果需要大量使用同一組件的不同狀態(tài)，可以利用屬性面板隨時(shí)切換，不需要像Sketch一樣創(chuàng)建大量的組件列表，更加方便快捷。

7、操作簡(jiǎn)單，更加新手友好

• 組件可添加說(shuō)明

在Pixso中，組件可支持添加使用說(shuō)明，使用說(shuō)明中可備注文字或添加網(wǎng)址鏈接。這項(xiàng)功能在進(jìn)行設(shè)計(jì)資產(chǎn)沉淀時(shí)顯得尤為重要，大家查看備注即可知道該組件使用注意事項(xiàng)等信息，可有效減少了重復(fù)溝通。

• 界面操作小白化

在組件屬性編輯上，Sketch組件編輯界面也較為復(fù)雜，屬性設(shè)置界面選項(xiàng)太多且排布緊密，新手學(xué)習(xí)成本高。而Pixso將修改屬性按組件組合方式、顏色樣式、文本樣式、不透明度、切換組件等歸類，相互之間單獨(dú)控制，界面更加清晰簡(jiǎn)潔。

• 支持組件庫(kù)一鍵迭代

碰上軟件改版或者品牌VI升級(jí)，就不可避免組件庫(kù)也會(huì)需要更新的情況。Sketch更新組件庫(kù)或者修改設(shè)計(jì)規(guī)范，是需要一個(gè)一個(gè)打開(kāi)本地文件修改的。 但是，Pixso文檔是云端存儲(chǔ)，支持組件庫(kù)一鍵迭代，組件庫(kù)更新完畢即可將現(xiàn)存的所有文件更改為最發(fā)布的組件庫(kù)，減少了需要逐個(gè)修改的工作量。

• 云端存儲(chǔ)，實(shí)時(shí)更新

重點(diǎn)來(lái)了， Pixso使用web端可以在線保存，斷電、藍(lán)屏文件也不怕文件損毀。同時(shí)還支持回溯歷史版本，再也不用擔(dān)心第一稿找不回了。對(duì)比sketch藍(lán)屏就容易文件損毀，Pixso能提供充足的安全感。

二、協(xié)作能力

1、團(tuán)隊(duì)協(xié)作

產(chǎn)品設(shè)計(jì)屬于項(xiàng)目研發(fā)過(guò)程中承上啟下的崗位，會(huì)頻繁涉及和團(tuán)隊(duì)其他成員溝通確認(rèn)的情況。Pixso可以支持多人實(shí)時(shí)協(xié)作，大家可以在同一個(gè)平臺(tái)上完成溝通交流，適應(yīng)遠(yuǎn)程辦公場(chǎng)景，也靈活性更強(qiáng)。

2、鏈接式交付，自帶切圖功能，精準(zhǔn)且效率高

Pixso 可生成快速生成帶標(biāo)注的鏈接交付，將生成的鏈接發(fā)送給其他成員，對(duì)方打開(kāi)就能獲取內(nèi)容。同時(shí)Pixso也支持自動(dòng)標(biāo)注與在線切圖功能，研發(fā)交付環(huán)節(jié)省事省心。而Sktech不支持標(biāo)注功能，且交付、評(píng)審等都需要在其他平臺(tái)進(jìn)行和溝通，跨平臺(tái)傳輸容易發(fā)生文件丟失或版本更新不及時(shí)等現(xiàn)象。

3、修改實(shí)時(shí)同步，解決大文件傳輸問(wèn)題

Pixso支持作品修改實(shí)時(shí)同步，無(wú)需手動(dòng)存儲(chǔ)。發(fā)送文件給其他小伙伴展現(xiàn)的都是最新修改的版本，有效消滅大文件傳輸?shù)臒馈ketch每次修改同步他人都要重新傳輸文件，操作繁瑣也非常占用電腦內(nèi)存。

三、工具穩(wěn)定性

工具穩(wěn)定性強(qiáng)。而Sketch在版本迭代時(shí)容易出現(xiàn)性能不穩(wěn)定、打開(kāi)文件響應(yīng)時(shí)間長(zhǎng)、多開(kāi)文件容易卡頓、版本更新不兼容等問(wèn)題。Pixso web端亦可打開(kāi)，文件打開(kāi)速度快；同時(shí)服務(wù)器在國(guó)內(nèi)，運(yùn)行更穩(wěn)定，安全有保障。

四、遷移成本

Pixso可支持Sketch、SVG等文件格式的導(dǎo)入和導(dǎo)出。并且無(wú)需下載，打開(kāi)網(wǎng)頁(yè)就能使用，遷移成本相對(duì)較低。在費(fèi)用上，Sketch對(duì)每個(gè)賬號(hào)只能給到30天的免費(fèi)試用期，過(guò)了30天之后，就要開(kāi)始收費(fèi)了。但是Pixso個(gè)人用戶可以終身免費(fèi)使用，使用成本低。

在學(xué)習(xí)成本上，這類在線協(xié)作軟件都對(duì)新手比較友好，大概一小時(shí)教學(xué)視頻就可以上手操作?？旖萱I也與Sketch相通，還是中文軟件，大約一周時(shí)間即可投產(chǎn)。

目前國(guó)內(nèi)的很多互聯(lián)網(wǎng)設(shè)計(jì)團(tuán)隊(duì)仍然使用Sketch作為主力設(shè)計(jì)工具，非常限制團(tuán)隊(duì)的生產(chǎn)力和生產(chǎn)效率。在線協(xié)作工具所具有的的云端協(xié)作與一體化功能是對(duì)產(chǎn)品設(shè)計(jì)師工作流程的一次全新整合，是產(chǎn)研團(tuán)隊(duì)提升效率的重要因素。如果你最近也備受Sketch局限性的困擾，需要尋找更適合協(xié)同辦公的在線設(shè)計(jì)工具，Pixso非常推薦一試。