完整的APP設(shè)計由編碼設(shè)計UI設(shè)計組成。長期以來，開發(fā)者一直重視功能的研發(fā)，忽視了功能的研發(fā)UI設(shè)計導(dǎo)致許多非常實用的設(shè)計APP客戶安裝下載后不會使用，或者覺得操作復(fù)雜，不易使用。因此，界面設(shè)計逐漸受到互聯(lián)網(wǎng)公司的重視，認為界面設(shè)計也是產(chǎn)品的重要賣點。

界面設(shè)計大致需要由目標群體確定，客戶需求調(diào)查交互流程設(shè)計，界面風(fēng)格定位服務(wù)icon設(shè)計、整體視覺效果升級與應(yīng)用icon設(shè)計的幾個階段。

目標群體確定，客戶需求調(diào)查和交互式流程設(shè)計需要軟件開發(fā)人員和設(shè)計人員共同完成。與此同時，App產(chǎn)品的UI設(shè)計需要清楚地掌握相應(yīng)的功能要求。因此，界面設(shè)計技巧總結(jié)如下：

在開發(fā)初期APP原型設(shè)計，針對Android和ios制定不同的導(dǎo)出規(guī)范，在網(wǎng)頁布局中盡量考慮Android系統(tǒng)和ios該系統(tǒng)微調(diào)后導(dǎo)出適用于安卓和ios不同的尺寸要求。同時，針對目標群體，盡量使用客戶熟悉的界面風(fēng)格，方便用戶按照以往的使用習(xí)慣操作設(shè)計軟件，比如figma、sketch，https://js.design/special/sketch/使用戶更容易接受。如果設(shè)計太不同，可能很難滿足公眾的口味，而不被公眾接受。

合理的色彩搭配和色彩選擇將直接影響整個項目的成功、客戶滿意度等，因此在設(shè)計前，確認APP色彩標準。

一般來說，重要的顏色不超過三種，應(yīng)分為：用于強調(diào)或需要突出重點的文本、按鈕等小面積使用的顏色；普通信息、文本等信息的一般顏色；以及標題、目錄等重要信息的顏色。背景顏色和顯示信息應(yīng)較弱。

字體也應(yīng)分為重要字體、重要字體和一般字體，根據(jù)文本信息的必要性確定字體和字體大小。重要文本一般為大標題、導(dǎo)航欄；更重要的文本為二級頁面副標題、頻道標題等；一般字體為一般文本和解釋性文本。在選擇字體大小時，還需要結(jié)合相應(yīng)的背景顏色進行選擇，使用色調(diào)搭配過于突出或弱化顯示相應(yīng)的文本。

功能icon是在APP用于表達操作或功能示意的圖形，如主頁、設(shè)置等功能圖標。功能圖標的設(shè)計應(yīng)盡可能生動簡潔，力求準確表達其所代表的功能。應(yīng)用程序icon界面設(shè)計最后需要進行設(shè)計，方便使用icon符合整個界面的風(fēng)格。同時，還要將不同尺寸的應(yīng)用導(dǎo)出到界面上。

icon設(shè)計需要創(chuàng)建一套不同尺寸的設(shè)計PNG文檔，需要與應(yīng)用程序捆綁。設(shè)計應(yīng)善于利用圖標語義引導(dǎo)用戶行為。設(shè)計師可以用象形圖形制作圖標，如日歷、短信、通訊簿等。；圖標也可以用字符制作；此外，一些抽象符號可以用來代表應(yīng)用程序。

界面設(shè)計前，要定位界面的風(fēng)格，使界面的整體風(fēng)格符合視覺流程和目標群體的喜好。

首先，統(tǒng)一界面中每個元素之間的間距。文本的行距、按鈕與按鈕之間的距離、頻道標題與文本之間的距離、導(dǎo)航與頻道之間的距離應(yīng)統(tǒng)一，使界面整潔清晰。

二是善于使用圓弧效果。在使用中。APP在應(yīng)用程序中，通常會有按鈕、彈出信息提示框和其他必要的元素，這些元素通常被設(shè)計成不同大小的矩形。我們可以設(shè)計矩形弧效果，統(tǒng)一矩形弧像素軟化操作界面，形成統(tǒng)一的風(fēng)格。

第三，適度使用照明效果。在整套圖標設(shè)計中，在使用彈出框時，可以為這些元素增加一定的照明效果，使其更加系統(tǒng)。但在使用照明效果時，應(yīng)注意保持光視角的一致性，以確保屏幕上元素陰影的方向一致。