互聯(lián)網(wǎng)一直高速前進(jìn)，UI設(shè)計領(lǐng)域同樣如此，十年前大家還在用PS做設(shè)計，后來先后誕生了Sketch、Figma兩款產(chǎn)品，也誕生了不少的后起之秀，Sketch、Adobe XD、Figma 和 Pixso就是比較具有代表性的四款產(chǎn)品。
如果協(xié)作對你的UI設(shè)計過程至關(guān)重要，那么Figma 和 Pixso應(yīng)該是你的首選;如果你喜歡折騰各種插件，那Sketch可能更適合你;如果你已經(jīng)熟悉Adobe全家桶的界面，那么Adobe XD學(xué)習(xí)起來可能更輕松。
下面，我們將分別對這4 款UI設(shè)計軟件進(jìn)行介紹，方便你在挑選UI 設(shè)計工具時，可以選擇到適合自己的那一款。
1. Pixso
Figma 誠然是一款非常優(yōu)秀的UI設(shè)計工具，但對國內(nèi)的用戶而言，它也存在一些水土不服的地方。首先網(wǎng)頁加載慢、部分內(nèi)置字體不兼容中文，其次以及沒有推出中文版，這些無疑增加了軟件的使用門檻。
Pixso ，是由國內(nèi)本土團隊打造的對標(biāo) Figma 的一站式協(xié)同設(shè)計工具，集UI設(shè)計、原型、交互、標(biāo)注和資源于一身，幾乎涵蓋了 Figma 的所有核心設(shè)計和協(xié)作功能，打通產(chǎn)品、設(shè)計和研發(fā)協(xié)作多款軟件間的壁壘，在一款軟件中就能完成產(chǎn)設(shè)研全流程，原生中文語言，更符合國人的使用習(xí)慣和需求。
基于對本土用戶需求的洞察和用戶反饋，在產(chǎn)品設(shè)計方面，相比國外的 Figma ， Pixso 提供了不少差異化的功能和服務(wù)：
① 獨特的矢量網(wǎng)格，繪圖效率拉滿
憑借在計算機圖形領(lǐng)域的深厚積累， Pixso 推出了獨特的矢量網(wǎng)格功能，支持在一個錨點上創(chuàng)建無數(shù)條路徑，可以連續(xù)創(chuàng)建多個開口或閉合路徑。借助矢量網(wǎng)格，可以快速完成復(fù)雜圖形的繪制，無需像傳統(tǒng)工具繪制多個圖層進(jìn)行拼湊對齊。
②共享樣式和團隊組件庫
在 Pixso 中，顏色、文本樣式、圖層樣式不僅可以一鍵保存為資源，還可發(fā)布為團隊組件庫，在團隊內(nèi)部和多個項目中多次調(diào)用。
一旦資源修改后，項目中引用的所有實例將會自動更新，可以大大提升設(shè)計創(chuàng)作及迭代的效率，并且所有資源都能共享到團隊，實現(xiàn)快速復(fù)用。
當(dāng)你在團隊空間中新建了一個項目，可以看到團隊先前發(fā)布的團隊組件庫，啟用組件庫之后，在左側(cè)面板就能看到來自團隊組件庫的所有組件，這樣就實現(xiàn)了組件在不同設(shè)計項目中的共享和調(diào)用，減少不必要的重復(fù)勞動。
③自帶中文免費商用字體
鑒于最近這些年字體侵權(quán)的案例時有發(fā)生，為減少設(shè)計師因字體使用不當(dāng)而帶來的侵權(quán)問題， Pixso 自帶了多款免費可商用的中文字體：思源黑體、OPPO Sans、站酷快樂體、優(yōu)設(shè)標(biāo)題黑體、思源宋體等等，這些字體存儲在Pixso云端，使用前無需手動安裝，可一鍵調(diào)用。
④兼容多種設(shè)計文件，無縫銜接過往工作
在文件兼容方面， Pixso 支持導(dǎo)入來自 Figma 、 Sketch 、 XD 、 Axure 的文件，成為國內(nèi)首個兼容多種文件格式的設(shè)計協(xié)作平臺。
不僅如此，Pixso還支持企業(yè)級遷移功能，在遷移 Figma 、 Sketch文件的時候，能保持設(shè)計稿和組件庫的調(diào)用關(guān)系，后期修改組件庫內(nèi)容，實例也會自動調(diào)整，這也是國內(nèi)首家實現(xiàn)這一功能的產(chǎn)品。
⑤ 支持私有化部署，滿足企業(yè)更高級別安全需求
Pixso 目前對所有個人用戶免費開放，個人用戶可以享受到 Pixso 會員的幾乎所有權(quán)益：無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲空間等等，內(nèi)置的所有功能都可以免費使用，對廣大國內(nèi) UI、UX 設(shè)計群里來說，誠意十足。
默認(rèn)情況下，用戶創(chuàng)建的文件都存放在 Pixso 服務(wù)器上，考慮到企業(yè)想要自主掌握數(shù)據(jù)的需求，Pixso 也提供了私有化部署的方案，滿足企業(yè)更高級別安全需求。據(jù) Pixso 團隊介紹，目前已經(jīng)有數(shù)十家各行業(yè)頭部企業(yè)的設(shè)計團隊正在使用 Pixso 企業(yè)服務(wù)。
2. Figma
Figma ，是一款基于云端的UI設(shè)計工具，可以直接在瀏覽器中運行，你可以在任何設(shè)備或平臺訪問你的項目，也無需安裝軟件或購買多個軟件許可證。
來自 UX TOOLS 發(fā)布的《2021設(shè)計工具調(diào)查報告》顯示，在 Windows 和 macOS 系統(tǒng)上， Figma 的使用人數(shù)都超過了先前推出的 Sketch 和 Adobe XD 。
在 Figma 之前，從最初的草圖到原型設(shè)計，往往需要用到多款軟件，文件流轉(zhuǎn)次數(shù)多，迭代的周期比較長。
有了 Figma 之后，同樣的對接流程大幅縮短，團隊成員都能拿到最新版的文件。
Figma 最大的特色在于協(xié)作，在右上角會顯示當(dāng)前正在瀏覽和編輯文件的成員頭像，每個人的鼠標(biāo)指針會帶有各自的昵稱，可以很方便地查看誰更改了什么，并將評論和反饋直接添加到需要溝通的位置。
當(dāng)涉及矢量操作時， Figma 的鋼筆工具更加靈活。 Figma 內(nèi)置的矢量網(wǎng)絡(luò)，允許你把多條線連接到一個點上，在移動線段時，連接成線的點也會自動跟隨，這加快了矢量繪圖的效率。
對于選定的畫板或?qū)ο螅?Figma 可以 CSS 、 iOS 或 Android 格式顯示代碼片段，供開發(fā)人員在查看設(shè)計文件時使用。此外，開發(fā)人員可以在設(shè)計文件中直接獲取標(biāo)注信息，沒有必要使用第三方工具。
在價格方面， Figma 有免費和收費兩種模式，免費用戶最多創(chuàng)建 1 個項目和 3 個文件，每個文件只能包含 3 個頁面，保存 30 天的版本歷史記錄，無法使用共享團隊庫;收費版分為兩檔，專業(yè)版每人每月 12 美元，組織版每人每月 45 美元，整體價格較高。
3. Sketch
過去十年，Sketch 一直是主流 UI 設(shè)計工具之一，雖然它到現(xiàn)在都不支持 Windows 系統(tǒng)，但仍有一大批忠實追隨者。
回顧它的背景，它是由荷蘭公司 Sketch BV 于 2010 年推出的 macOS 桌面矢量圖形處理軟件。Sketch 在設(shè)計之初，就被設(shè)計成盡可能輕量和快速響應(yīng)，去除了Adobe Photoshop 和IIustrator 內(nèi)置的許多附加功能。
與 IIustrator CS4 相比，早期的 Sketch 界面極其簡單，不像 Adobe 擁有復(fù)雜的嵌套工具欄，Sketch 頂部的圖標(biāo)就是它的核心功能。
Sketch Mirror App 是 Sketch 最有用也最受歡迎的功能之一，設(shè)計師將 iPhone 連接到 Mac 電腦，可以在移動設(shè)備上實時測試他們的設(shè)計。
這在現(xiàn)在看來可能不夠驚艷，但在 2010 年，這可以稱得上一個改變游戲規(guī)則的功能，即便是行業(yè)標(biāo)桿 Adobe 也沒有類似的功能。
Sketch 最初不支持多人實時在線協(xié)作，團隊成員編輯稿件時，需要頻繁來回傳輸文件，效率非常低下。
直到 2020 年底， Sketch 才發(fā)布了實時協(xié)作功能，試圖在這一領(lǐng)域趕上 Figma 。不過這個功能并沒有集成到 Sketch 客戶端，開始協(xié)作之前，本地的 Sketch 文件需要先上傳到 Sketch Cloud 中，在瀏覽器打開分享鏈接，才能參與協(xié)作。
在價格方面，Sketch采用免費試用+訂閱制的方案，提供30天免費試用，到期后每位編輯者每月9美元，按年付費99美元，整體費用對設(shè)計師來說沒有吸引力。
4. Adobe XD
Sketch 的優(yōu)點很明顯，但一直沒有推出 Windows 版本，有人為了能用 Sketch 進(jìn)行 UI 設(shè)計，不得不先去購買一臺蘋果電腦…天下苦 Sketch 久矣。
2016年， Adobe 公司推出了基于矢量的 UI 設(shè)計工具 Adobe XD ，支持 macOS 和 Windows 系統(tǒng)，作為 Sketch 在 Windows 上的替代品，讓跨平臺協(xié)作的團隊能夠順暢溝通。
在使用 Adobe XD 之前，如果你用過 Adobe 的軟件，并且熟悉軟件的界面，那么當(dāng)你接觸XD，就會感到很親切，可以很快上手，唯一的區(qū)別在于更復(fù)雜的設(shè)計系統(tǒng)和元件復(fù)用上。
背靠 Adobe 打造的多款軟件，可以說是 XD 最大的賣點之一，從位圖到矢量到動效， Adobe 都有對應(yīng)的工具來滿足設(shè)計師的需求，可以與 XD 很絲滑地聯(lián)動工作。
為了追趕 Sketch 形成的插件生態(tài)， Adobe 公司設(shè)立了 1000 萬美元的基金，鼓勵眾多開發(fā)者開發(fā)面向 XD 的插件，目前 XD 已集成了 RenameIt 、 Pixel Perfect 、 Data Generator 等插件。
在多人協(xié)作方面，XD 支持將本地的文件保存為云文檔，之后向協(xié)作者發(fā)送郵件邀請，收到邀請的人打開文檔就可以參與設(shè)計協(xié)作。
不過， XD 的協(xié)作功能存在著一定的限制，對于付費用戶創(chuàng)建的文檔，免費用戶試用 30 天協(xié)同編輯后就只能查看，無法再進(jìn)行編輯。
本文提及的 4 款常用的 UI 設(shè)計軟件，可以說 UI 設(shè)計工具的演變和發(fā)展，實際上也是一個行業(yè)工作模式發(fā)生變化的縮影。
從最開始有一個好用的 UI 設(shè)計工具就夠了，到后來誕生了具備多人實時協(xié)作、打通產(chǎn)設(shè)研流程的一站式 UI 設(shè)計工具，工具的演變軌跡，也越來越貼合UI設(shè)計師的需求和協(xié)作流程。經(jīng)過對比之后，無論是 Sktech 強大的原型設(shè)計功能， Figma 的社區(qū)生態(tài)，還是 Pixso 的原型+UI設(shè)計+交付的流暢體驗，都并沒有限制你必須選擇哪一款工具，而是了解并選擇更適合團隊工作節(jié)奏和語言環(huán)境的工具。
（免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯誤、不確或遺漏，概不負(fù)任何法律責(zé)任。
任何單位或個人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實內(nèi)容時，應(yīng)及時向本網(wǎng)站提出書面權(quán)利通知或不實情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。 ）
