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