基于APP界面的不同功能，所選擇的APP界面設(shè)計(jì)軟件也會有所不同。然而，并不是說所有的APP界面設(shè)計(jì)軟件都非常精通，熟練地學(xué)習(xí)幾個(gè)常用的APP界面設(shè)計(jì)軟件。以下10個(gè)APP界面設(shè)計(jì)軟件將為您的團(tuán)隊(duì)提供繪制APP界面所需的必要功能。

1.即時(shí)設(shè)計(jì)

復(fù)制鏈接快速訪問：https://js.design/?source=zhihu&plan=ysbz2148

即時(shí)設(shè)計(jì)是一款免費(fèi)的在線 UI 設(shè)計(jì)工具，無系統(tǒng)限制，瀏覽器打開即可使用，更有豐富的在線素材、云端字體、交互動(dòng)畫等功能滿足多種需求，輕松應(yīng)付移動(dòng)端、Web端、可視化大屏等設(shè)計(jì)場景，還可和產(chǎn)品、開發(fā)輕松協(xié)作，實(shí)時(shí)在線評審、交付切圖、查看代碼標(biāo)注，大幅提高團(tuán)隊(duì)工作效率。

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

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

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

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

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

上面這個(gè)界面就是通過即時(shí)設(shè)計(jì)設(shè)計(jì)的，復(fù)制下面鏈接可以查看詳細(xì)：太空游戲界面設(shè)計(jì)https://js.design/community?category=detail&type=resource&id=63f5cd1df2bac8ddc91cc56a&source=zhihu&plan=ysbz2148

2.AdobePhotoshop

多年來，Photoshop一直是專業(yè)設(shè)計(jì)師首選的APP界面設(shè)計(jì)軟件。Photoshop是世界著名的強(qiáng)大數(shù)字圖像處理軟件，功能廣泛，涉及圖像、圖形、文字、視頻、出版等方面。Photoshop的基本功能很容易掌握，但有很多功能需要深入學(xué)習(xí)才能整合。Photoshop可用于復(fù)雜的APP界面設(shè)計(jì)。

缺點(diǎn)：Adobe系列的正版產(chǎn)品在國內(nèi)需要付費(fèi)使用，而且價(jià)格也不菲。

3.Framer.JS

如果您想要一款互動(dòng)靈活的APP界面設(shè)計(jì)軟件，F(xiàn)ramer.JS不能錯(cuò)過。Framer.JS可以選擇使用代碼構(gòu)建UI，也可以使用視覺編輯器進(jìn)行設(shè)計(jì)，視覺設(shè)計(jì)可以通過所見即所得的方式生成代碼。

4.Sketch

Sketch于2010年推出，是一款基于矢量的APP界面設(shè)計(jì)軟件，可與AdobePhotoshop媲美。用戶友好的布局使Sketch成為初學(xué)者的完美選擇。Sketch專注于創(chuàng)建UI/UX設(shè)計(jì)，這款輕量級軟件不需要每月訂閱，但需要每年更新許可證。

5.Balsamiq

Balsamiq是為輔助線框設(shè)計(jì)而創(chuàng)建的UI設(shè)計(jì)軟件。該工具由前Adobe高級軟件工程師PeldiGuilizzoni開發(fā)，專注于線框設(shè)計(jì)。Balsamiq集中在構(gòu)思階段，提供簡單的布局，使工作過程圍繞布局而不是顏色和圖標(biāo)。借助Balsamiq，您可以選擇干凈的線框設(shè)計(jì)模板或設(shè)計(jì)新的線框草圖。

6.AdobeXD

Adobexd是一款綜合性的UI設(shè)計(jì)軟件，用戶可以通過Adobexd設(shè)計(jì)APP、網(wǎng)頁和原型。設(shè)計(jì)師使用XD可以高效、準(zhǔn)確地完成靜態(tài)編譯或框架圖到交互原型的轉(zhuǎn)換。

7.InVision

Invision是一種基于云的原型設(shè)計(jì)工具。設(shè)計(jì)師通常需要先在Sketch中創(chuàng)建和編輯原型，然后將文件導(dǎo)入InvisionStudio，才能完成完整的APP界面原型設(shè)計(jì)。

Invision具有豐富的原型設(shè)計(jì)功能和簡單的合作，產(chǎn)品界面具有很強(qiáng)的視覺吸引力。

8.UXPin

UXPin是一款無需編碼即可設(shè)計(jì)動(dòng)態(tài)UI布局的UI設(shè)計(jì)軟件。UXPin可以方便快捷地拖動(dòng)元素，輕松創(chuàng)建高質(zhì)量的線框和原型。UXPin的交互效果非常豐富。除了常見的元素變化、頁面跳轉(zhuǎn)和顯示隱藏外，它還支持高級操作，如API請求。

缺點(diǎn)：由于功能的復(fù)雜性，開始可能需要一些時(shí)間。UXPin目前沒有免費(fèi)版本，但提供了14天的免費(fèi)試用。

9.OrigamiStudio

Origamistudio是由Facebook團(tuán)隊(duì)于2016年開發(fā)的免費(fèi)UI設(shè)計(jì)軟件。UI設(shè)計(jì)軟件的想法是幫助快速設(shè)計(jì)和共享互動(dòng)界面。Origamistudio的補(bǔ)丁編輯器可用于創(chuàng)建原型，廣泛的補(bǔ)丁庫包含動(dòng)畫、開關(guān)和布爾運(yùn)算符等設(shè)計(jì)元素。Photoshop或Sketch中的設(shè)計(jì)可以在Origami中復(fù)制查看和編輯。

10.Marvel

對于那些想要設(shè)計(jì)和與開發(fā)團(tuán)隊(duì)合作的人來說，Marvel是一個(gè)很好的軟件。Marvel的同步功能可以從Photoshop開始、Illustrator、Sketch與選定的云存儲賬戶同步設(shè)計(jì)。因此，您可以使用其他應(yīng)用程序界面軟件來設(shè)計(jì)您的應(yīng)用程序，然后使用Marvel來組合這些元素。