UI設(shè)計師的角色是當(dāng)今互聯(lián)網(wǎng)時代非常重要的一部分。許多計算機和移動軟件都需要UI設(shè)計師的參與，這個過程復(fù)雜而乏味。這里將與您分享13個UI設(shè)計軟件，希望幫助您正確選擇UI設(shè)計軟件，節(jié)省工作量，創(chuàng)建更多優(yōu)秀的UI設(shè)計作品。

1.即時設(shè)計

新一代協(xié)同在線UI設(shè)計軟件即時設(shè)計全中文界面，更適合中國人的語言習(xí)慣。即時設(shè)計的在線設(shè)計功能可以在線操作，無需下載，完全不用擔(dān)心電腦內(nèi)存不足。UI設(shè)計軟件即時設(shè)計的云編輯、云保存、一鍵交付等功能大大提高了設(shè)計師的工作效率。在線評論讓設(shè)計師和產(chǎn)品理論實時了解正在進行的設(shè)計工作的近況。

復(fù)制鏈接到瀏覽器：js.design/?source=bz&plan=ysbz2136

即時設(shè)計內(nèi)置大量免費設(shè)計資源，可以為設(shè)計師提供更多的設(shè)計幫助，也可以直接使用免費設(shè)計材料模板。

復(fù)制鏈接到瀏覽器：js.design/?source=bz&plan=ysbz2136

① 上手難度低：擁有完整的中文界面和幫助文檔，符合國內(nèi)用戶使用習(xí)慣；

② 遷移無門檻：支持 XD 導(dǎo)入及 Sketch 文件導(dǎo)入導(dǎo)出，可適配市面上幾乎所有設(shè)計工具；

③ 一站式工作：集成了資源、原型、設(shè)計創(chuàng)作、在線協(xié)作，版本管理、交付評審、開發(fā)標(biāo)注等功能，覆蓋產(chǎn)研團隊全套工作流程；

④ 無系統(tǒng)限制：瀏覽器打開即可運行，Mac、PC 甚至 iPad 都能用；

⑤ 客服響應(yīng)快：專人維護，加入用戶群，任何問題實時反饋解決；

復(fù)制鏈接到瀏覽器：js.design/?source=bz&plan=ysbz2136

2.InVision

UI設(shè)計軟件Invision是一種原型和設(shè)計合作工具。最大的特點是響應(yīng)快。原型圖出來后，可以直接放置在UI軟件Invision中，開發(fā)和UI設(shè)計師可以點擊原型圖上進行標(biāo)記。而且每種標(biāo)記類型都有不同的顏色，便于區(qū)分，如建議、開發(fā)日志等，便于查看。

3.Whimsical

UI設(shè)計軟件Whimsical是一種支持多人合作的在線流程繪制工具，團隊成員可以根據(jù)每個流程圖的圖形進行交流。

此外，UI軟件Whimsical的畫布范圍無限，不像其他平臺那樣需要提前定制圖片大小，不用擔(dān)心畫布外。

不方便的一點是上傳圖片速度慢，有時上傳失敗。

4.OmniGrafflePro

OmniGrafflePro是原型設(shè)計軟件中的萬金油，可以兼顧框架圖、流程圖、交互稿和視覺稿。但由于無法實現(xiàn)像素級對齊、繪圖標(biāo)、切片輸出等功能，更適合設(shè)計框架圖和流程圖。

對于團隊工作來說，更方便的一點是UI設(shè)計軟件OmniGrafflePro可以在Macc上工作、在iPad和iPhone上共享相同的模板，用戶可以快速創(chuàng)建或編輯圖表。

5.Balsamiq

Balsamiq是一款免費的原型圖繪制軟件，使用頁面簡單，小白容易上手。

UI軟件Balsamiq支持在線團隊合作，包括開發(fā)項目、設(shè)計師、產(chǎn)品經(jīng)理和客戶。

BalsamiqUI設(shè)計軟件最大的特點就是它的手繪風(fēng)格，用它畫出來的原型圖看起來卡通可愛，趣味性很強。

6.Justinmind

Justinmind是一種原型制作工具，更傾向于為移動終端上的app應(yīng)用設(shè)計。

UI設(shè)計軟件Justinmind操作簡單，可以通過鼠標(biāo)直接創(chuàng)建高保真原型，無需編程就可以簡單地連接和交互原型。

Justinmind的導(dǎo)出方式也非常豐富，例如：HTML+JS、Word、PNG、導(dǎo)航地圖等。

7.UXpin

UXPin設(shè)計軟件是一站式工具網(wǎng)站，設(shè)計、交互和代碼都可以在這里完成。

UI設(shè)計軟件UXPin支持Sketch和Phortoshop文件的導(dǎo)入，可跨平臺聯(lián)合使用。

UXpin提供可用性測試功能，有一套測試套件可以下載使用，但只有5個測試模板，測試效果不是很全面。

8.Figma

Figma是一種網(wǎng)頁在線設(shè)計合作工具，可以立即將完成的項目保存在云中，讓團隊成員可以對設(shè)計進行修改和建議。

UI設(shè)計軟件Figma適用于所有操作系統(tǒng)，只要安裝主流瀏覽器即可使用。

UI軟件Figma式功能豐富，如填充、布局網(wǎng)格、邊框等，設(shè)計更加規(guī)范。

9.Sketch

Sketch是一種主流UI設(shè)計工具，只支持mac系統(tǒng)的使用，windows用戶需要注意。

UI設(shè)計軟件Sketch提供實時協(xié)作，但需要將Sketch文件上傳到Sketchcloud，然后在瀏覽器中打開共享鏈接，才能參與協(xié)作。

10.AdobeXD

AdobeXD是一款輕量級UI軟件，不易卡住，可與多畫板同時工作。

AdobeXD頁面功能設(shè)計清晰簡潔，有一定的基礎(chǔ)就可以使用。

AdobeXD支持macOS和windows系統(tǒng)，但需要注意的是，XD目前只支持win10ver.版本超過17003。

UI設(shè)計軟件AdobeXD繪圖工具較少，如果需要繪制插圖會比較麻煩。

11.STORYBOOK

STORYBOOK是一種免費的開源工具，可以單獨構(gòu)建UI任務(wù)，不會干擾其他組件。

STORYBOOK的UI設(shè)計軟件適用框架非常廣泛，包括Reacto、Vue、Angular、WebComponents、Ember、HTML、Mithril、Marko、Svelte、Riot、Preact和Rax。

STORYBOOK

12.GitHu

UI軟件GitHu是最受歡迎的開源代碼托管服務(wù)之一，具有多種協(xié)作功能，可由團隊成員或第三方開發(fā)人員操作。

UI設(shè)計軟件GitHu提供版本控制功能，修改后仍可選擇返回之前的版本。

GitHu可以在這里看到多個項目的源代碼或叉形指令，修改或添加自己的代碼。

13.Maze

Maze支持Figmamaze、InVision、導(dǎo)入Adobexd和Sketch。

UI軟件Maze支持線框，改進項目設(shè)計和遠(yuǎn)程測試原型，并有測試報告，直接查看測試結(jié)果，無需重新觀看整個測試過程。