作為一名大廠UI設計師，使用Sketch已經(jīng)有三年以上，對這個出圖神速的設計工具高舉五星好評。但2020年后，因為疫情的原因，所有打工人都必須適應隔離在家辦公的現(xiàn)狀。以往使用體驗優(yōu)秀的Sketch由于不能支持暢快地開展遠程辦公，也促使我們考慮尋找新的生產(chǎn)工具。
在遷移的過程中，我們也曾試用過評價比較好的Figma，但因為信息安全的原因公司不允許繼續(xù)使用，所以我們只能考慮國產(chǎn)Figma類軟件。在使用過全網(wǎng)10+ui在線協(xié)作工具，終于還是找到了一款從設計、交互、穩(wěn)定、功能都與Figma差異不大的設計工具Pixso，既能滿足在線設計的需求，也能擁有Sketch的大部分優(yōu)點。
一個好用的UI設計工具是可以從設計體驗、協(xié)作能力、和使用穩(wěn)定性、遷移成本等維度進行評分的，我會從這幾個重要維度來對比 Sketch與Pixso這兩個UI設計工具在使用上的差異，以供大家參考。
一、設計體驗=效率+易用
從工作流程上來講，Pixso和Sketch對比最大的區(qū)別是在于團隊協(xié)作方面中。以往使用Sketch，如果除了跟產(chǎn)品經(jīng)理還有研發(fā)需要日常重復溝通以外，想實現(xiàn)多人在線，或者切圖，又或者版本管理，都只能靠依賴插件進行。但插件使用步驟也相對更復雜，導出也容易出錯 。
而對比Sketch，Pixso可以實現(xiàn)產(chǎn)品設計工作在同一平臺完成。它既可以畫原型、設計界面，也可以自動標注、切圖和使用鏈接完成交付。團隊的其他伙伴可以在同一個軟件共享項目進度，避免出現(xiàn)版本修改更新不及時的現(xiàn)象，也更符合目前國內的產(chǎn)品快速迭代的發(fā)展模式（一周一個版不再是夢想）。
除了在線協(xié)作帶來的便利。在某些細節(jié)上，Pixso類設計工具的功能適應國內設計師的使用需求。
1、原生中文軟件，學習成本低
Sketch對中文的支持并不太友好，即時現(xiàn)在有了官方中文版SKetch，但日常在安裝新中文字體后，字體包在字體選擇界面顯示的名稱會存在顯示亂碼的現(xiàn)象。而Pixso因為是國產(chǎn)軟件，內嵌豐富的中文字體，使用時既不需要再花時間去同步本地字體或者重新安裝，也避免了安裝后要解決亂碼的麻煩。
2、默認圖形無邊框
Sketch在創(chuàng)建新圖形時，默認填充圖形灰色且自帶邊框。照現(xiàn)在的設計趨勢，界面上大多圖形（彈窗、按鈕等）都不帶邊框的，所以使用Sketch創(chuàng)建圖形后還需要修改邊框，過程就比較繁瑣；而Pixso在創(chuàng)建圖形是默認是無邊框的，沒有修改邊框這個步驟，算是針對設計趨勢的一個小優(yōu)化。
3、實例修改更便捷
Sketch的實例修改相對比較麻煩，需要返回到原組件進行修改。如果是組件單獨修改，還需先分離組件庫再改動，無法直接選中圖層完成修改。但是在Pixso，它像Figma一樣允許設計師直接選中圖層后批量修改，不用找回原組件或者分離，節(jié)省了組件檢索的時間。
4、組件查找精準清晰
組件檢索在Sketch也是一個比較繁瑣的操作。在套用組件時，Sketch若選擇列表查找組件，組件名稱太長不易分辨清晰。如果選擇使用右鍵按分類查找套用，雖然可以顯示縮略圖，但是縮略圖也不夠清晰需要花時間去辨別。而在Pixso，設計師可以點擊組件列表分欄即可查看組件的縮略圖，顯示面積更大，更方面檢索，也有效減少選錯組件的重復操作。
5、組件命名小改動，提升檢索速度
Sketch組件的命名邏輯為分類 / 模塊 / 組織 / 分子 / 原子，命名依次是從大到小，因為Sketch的組件名稱非常的長，不利于搜索查找。如果選擇使用右鍵按分類查找套用，
Pixso的組件命名除了[/]之外，還可以使用Page以及 Frame/Group 的方式，而這部分的名稱是不會出現(xiàn)在組件名上，這意味著按組件名稱查找更便捷。
6、 原子級組件系統(tǒng)搭載變體功能，有效解決重復勞動
Pixso與Sketch都可以創(chuàng)立組件庫，但用戶體驗略有不同。
Sketch中的組件樣式由于不是原子級的，當設計師想要構建組件庫時，需要列出組件所有的可能性，容易導致的組件數(shù)量臃腫冗雜，查找費勁。而且在Sketch，修改被定義的文本或圖層組件樣式需要重新創(chuàng)建組件，或者將子組件與父組件進行分離再進行修改，非常不便。
（sketch建立一個組件庫需要窮舉所有樣式）
而Pixso因為沿襲了Figma的使用為設計師提供的組件系統(tǒng)，以及組件樣式切換更方便的功能—“變體”。
在Pixso，組件系統(tǒng)的顆粒度被區(qū)分地更細。舉個例子，Pixso的組件存在級別，父組件與子組件，方便設計師復用或者修改。父組件修改后，子組件自動變化，方便我們一鍵更改組件設計樣式，保證設計風格統(tǒng)一性和規(guī)范性的同時又減少了多余的操作。
而如果想要修改子組件的樣式，也可以通過右側的component屬性面板直接修改，不需要像Sketch 那樣接相互關系尋回原件去調整，方便高效快捷簡單。
變體功能是指當一個組件存在多種類型、尺寸、狀態(tài)，而設計師又在同一文檔需要重復使用是該組件的不同樣式，可與通過變體功能來建立組件集合，然后通過右側編輯菜單按類別地快速選擇及切換來實現(xiàn)快速復用。
這樣的優(yōu)點是設計師如果需要大量使用同一組件的不同狀態(tài)，可以利用屬性面板隨時切換，不需要像Sketch一樣創(chuàng)建大量的組件列表，更加方便快捷。
7、操作簡單，更加新手友好
• 組件可添加說明
在Pixso中，組件可支持添加使用說明，使用說明中可備注文字或添加網(wǎng)址鏈接。這項功能在進行設計資產(chǎn)沉淀時顯得尤為重要，大家查看備注即可知道該組件使用注意事項等信息，可有效減少了重復溝通。
• 界面操作小白化
在組件屬性編輯上，Sketch組件編輯界面也較為復雜，屬性設置界面選項太多且排布緊密，新手學習成本高。而Pixso將修改屬性按組件組合方式、顏色樣式、文本樣式、不透明度、切換組件等歸類，相互之間單獨控制，界面更加清晰簡潔。
• 支持組件庫一鍵迭代
碰上軟件改版或者品牌VI升級，就不可避免組件庫也會需要更新的情況。Sketch更新組件庫或者修改設計規(guī)范，是需要一個一個打開本地文件修改的。 但是，Pixso文檔是云端存儲，支持組件庫一鍵迭代，組件庫更新完畢即可將現(xiàn)存的所有文件更改為最發(fā)布的組件庫，減少了需要逐個修改的工作量。
• 云端存儲，實時更新
重點來了， Pixso使用web端可以在線保存，斷電、藍屏文件也不怕文件損毀。同時還支持回溯歷史版本，再也不用擔心第一稿找不回了。對比sketch藍屏就容易文件損毀，Pixso能提供充足的安全感。
二、協(xié)作能力
1、團隊協(xié)作
產(chǎn)品設計屬于項目研發(fā)過程中承上啟下的崗位，會頻繁涉及和團隊其他成員溝通確認的情況。Pixso可以支持多人實時協(xié)作，大家可以在同一個平臺上完成溝通交流，適應遠程辦公場景，也靈活性更強。
2、鏈接式交付，自帶切圖功能，精準且效率高
Pixso 可生成快速生成帶標注的鏈接交付，將生成的鏈接發(fā)送給其他成員，對方打開就能獲取內容。同時Pixso也支持自動標注與在線切圖功能，研發(fā)交付環(huán)節(jié)省事省心。而Sktech不支持標注功能，且交付、評審等都需要在其他平臺進行和溝通，跨平臺傳輸容易發(fā)生文件丟失或版本更新不及時等現(xiàn)象。
3、修改實時同步，解決大文件傳輸問題
Pixso支持作品修改實時同步，無需手動存儲。發(fā)送文件給其他小伙伴展現(xiàn)的都是最新修改的版本，有效消滅大文件傳輸?shù)臒?。Sketch每次修改同步他人都要重新傳輸文件，操作繁瑣也非常占用電腦內存。
三、工具穩(wěn)定性
工具穩(wěn)定性強。而Sketch在版本迭代時容易出現(xiàn)性能不穩(wěn)定、打開文件響應時間長、多開文件容易卡頓、版本更新不兼容等問題。Pixso web端亦可打開，文件打開速度快；同時服務器在國內，運行更穩(wěn)定，安全有保障。
四、遷移成本
Pixso可支持Sketch、SVG等文件格式的導入和導出。并且無需下載，打開網(wǎng)頁就能使用，遷移成本相對較低。在費用上，Sketch對每個賬號只能給到30天的免費試用期，過了30天之后，就要開始收費了。但是Pixso個人用戶可以終身免費使用，使用成本低。
在學習成本上，這類在線協(xié)作軟件都對新手比較友好，大概一小時教學視頻就可以上手操作。快捷鍵也與Sketch相通，還是中文軟件，大約一周時間即可投產(chǎn)。
目前國內的很多互聯(lián)網(wǎng)設計團隊仍然使用Sketch作為主力設計工具，非常限制團隊的生產(chǎn)力和生產(chǎn)效率。在線協(xié)作工具所具有的的云端協(xié)作與一體化功能是對產(chǎn)品設計師工作流程的一次全新整合，是產(chǎn)研團隊提升效率的重要因素。如果你最近也備受Sketch局限性的困擾，需要尋找更適合協(xié)同辦公的在線設計工具，Pixso非常推薦一試。
