完整的APP編碼設(shè)計(jì)與設(shè)計(jì)UI設(shè)計(jì)組成。長期以來，開發(fā)人員一直關(guān)注功能的開發(fā)，而忽略了功能的開發(fā)UI設(shè)計(jì)導(dǎo)致了許多非常實(shí)用的設(shè)計(jì)APP下載安裝后用戶不會(huì)使用，或者覺得操作復(fù)雜不好用。因此，界面設(shè)計(jì)逐漸受到互聯(lián)網(wǎng)企業(yè)的重視，認(rèn)為界面設(shè)計(jì)也是產(chǎn)品的重要賣點(diǎn)。

界面設(shè)計(jì)大致需要由目標(biāo)人群確定，用戶需要調(diào)查交互式流程設(shè)計(jì)，界面風(fēng)格定位功能icon優(yōu)化和應(yīng)用整體視覺效果的設(shè)計(jì)icon幾個(gè)設(shè)計(jì)階段。

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

在開發(fā)初期APP有針對性的原型設(shè)計(jì)Android和ios制定不同的輸出規(guī)范，并盡可能考慮頁面布局Android系統(tǒng)和ios該系統(tǒng)適用于后期微調(diào)后輸出的安卓和ios需要不同的尺寸。同時(shí)，對于目標(biāo)人群，盡量使用用戶熟悉的界面樣式，方便用戶按照以前的使用習(xí)慣操作軟件，讓用戶更容易接受。如果設(shè)計(jì)過于不同，可能很難滿足公眾的口味，也不被公眾接受。

合理的配色和選色將直接影響整個(gè)項(xiàng)目的成功、客戶滿意度等。因此，在設(shè)計(jì)之前，有必要確定它APP顏色標(biāo)準(zhǔn)。

一般來說，重要顏色不應(yīng)超過三種，應(yīng)分為：用于小面積使用的顏色，如特別強(qiáng)調(diào)或需要突出顯示的文本和按鈕；用于普通信息、文本和其他信息的一般顏色；以及用于標(biāo)題、列表和其他重要信息的顏色。背景色和需要弱化的信息應(yīng)使用較弱的顏色。

字體也應(yīng)分為重要字體，更重要的字體和一般字體，根據(jù)文本信息的重要性來確定文本的字體和字體大小。其中，重要文本一般為大標(biāo)題、導(dǎo)航欄；更重要的文本為次要頁面副標(biāo)題、專欄標(biāo)題等。；一般字體為普通文本文本和解釋性文本。在選擇字體大小時(shí)，也可以結(jié)合相應(yīng)的背景顏色進(jìn)行選擇，使用顏色搭配太突出顯示或弱顯示相應(yīng)的文本。

功能icon是在APP用于表達(dá)某個(gè)操作或功能指示的圖形，如主頁、設(shè)置和其他功能能量圖標(biāo)。功能圖標(biāo)的設(shè)計(jì)應(yīng)盡可能生動(dòng)、簡潔，并努力準(zhǔn)確地表達(dá)其所代表的功能。為了應(yīng)用程序icon設(shè)計(jì)應(yīng)該在界面設(shè)計(jì)的最后進(jìn)行，以方便icon與整體界面的風(fēng)格相匹配。同時(shí)，需要在界面上輸出不同尺寸的應(yīng)用。

icon需要?jiǎng)?chuàng)建的設(shè)計(jì)是的設(shè)計(jì)PNG文件，并且需要與應(yīng)用程序綁定。在設(shè)計(jì)中，我們應(yīng)該善于使用圖標(biāo)語義來指導(dǎo)用戶的行為。設(shè)計(jì)師可以使用象形圖形來制作圖標(biāo)，如日歷、短信、通訊簿等。；字符也可以用來制作圖標(biāo)；此外，一些抽象的符號(hào)可以用來代表應(yīng)用程序。

在設(shè)計(jì)界面之前，要定位界面的風(fēng)格，使界面的整體風(fēng)格符合視覺過程，符合目標(biāo)人群的偏好。

1.統(tǒng)一界面元素之間的間距。需要統(tǒng)一文本的行間距、按鈕和按鈕之間的距離、列標(biāo)題和文本之間的距離、導(dǎo)航和列之間的距離，使界面清晰清晰。

2.善于使用圓角效果。APP在應(yīng)用程序中，通常會(huì)有必要的元素，如按鈕、彈出式信息提示框等，這些元素通常被設(shè)計(jì)成不同大小的矩形。我們可以設(shè)計(jì)圓角效的矩形，統(tǒng)一的矩形圓角像素，軟化用戶界面，形成統(tǒng)一的風(fēng)格。

3.正確使用照明效果。在成套圖標(biāo)設(shè)計(jì)中，在使用彈出框時(shí)，可以為這些元素添加一定的照明效果，使其更加立體。但是，在使用照明效果時(shí)，應(yīng)注意保持照明角度的一致性，以確保屏幕上元素陰影的方向一致。