APP界面設(shè)計(jì)不單純是技術(shù)設(shè)計(jì)，也不再是單純的進(jìn)行視覺(jué)圖像的藝術(shù)組合，它涉及到用戶研究、視覺(jué)設(shè)計(jì)、交互設(shè)計(jì)、技術(shù)開(kāi)發(fā)。 圖標(biāo)文字規(guī)則 ①圖標(biāo)是傳達(dá)給用戶的首個(gè)直觀視覺(jué)感受，它可以體現(xiàn)產(chǎn)品的風(fēng)格、功能、品質(zhì)。由于APP界面受屏幕尺寸的局限性，在圖形的選擇上，首先是符合APP主題的圖形，結(jié)合產(chǎn)品自身個(gè)性選擇設(shè)計(jì)，保證圖形傳播的真實(shí)性；其次選擇清晰度較高的圖形，圖形是具體的、直觀的、形象的，讓使用者在短時(shí)間獲取更多的信息。 圖標(biāo)通常是有效直接的表現(xiàn)方式，在APP界面設(shè)計(jì)中每一個(gè)圖標(biāo)都具體功能性，用以表達(dá)某一操作或功能的示意的圖形，原則盡可能形象化、簡(jiǎn)潔性、識(shí)別性、隱喻性以準(zhǔn)確表達(dá)其代表的功能。 在設(shè)計(jì)圖標(biāo)應(yīng)使用矢量圖形，矢量圖形可以隨便時(shí)進(jìn)行尺寸調(diào)整，放大后不會(huì)失真，保證畫面的清晰度。推薦：UI圖標(biāo)設(shè)計(jì)基礎(chǔ)(視頻教程) ②文字的設(shè)計(jì)上，首先是字號(hào)、字體有效的區(qū)分出信息的重要級(jí)別；其次是行寬與行高的比例，遵循從左到右的原則，左對(duì)齊、居中對(duì)齊、兩端對(duì)齊、減少不必要的文字對(duì)比反差，調(diào)整合理的字間距；最后是留白，適當(dāng)?shù)牧舭自黾有畔⒌囊鬃x性。 布局原理規(guī)則 頁(yè)面布局是對(duì)頁(yè)面的文字、圖形或表格進(jìn)行合理的排布與設(shè)計(jì)。信息是否能有效的傳達(dá)，離不開(kāi)良好的頁(yè)面組織及布局，在對(duì)頁(yè)面布局時(shí)我們需要考慮用戶需求與用戶行為，明確信息的層級(jí)關(guān)系，讓信息傳遞效率最大化。 ①Logo放置每頁(yè)相同位置，數(shù)據(jù)內(nèi)容按主次先后有序排列，重要信息放置主頁(yè)及界面中等偏上的位置，遵循人們從上到下，從左到右的閱讀習(xí)慣，主頁(yè)長(zhǎng)度適度，其他頁(yè)面也不宜過(guò)長(zhǎng)，頁(yè)面盡量采用分頁(yè)。 ②明確每個(gè)頁(yè)面需突出的重要信息，可以通過(guò)色彩顏色、圖形、文字大小、間距、留白等進(jìn)行對(duì)比區(qū)別，拉開(kāi)層次，突出顯示重要信息。 ③導(dǎo)航盡量采用底部導(dǎo)航或一側(cè)導(dǎo)航有利于用戶引導(dǎo)和了解頁(yè)面布局，不占左右空間。設(shè)計(jì)師在對(duì)APP布局前，對(duì)應(yīng)用的功能需求有清晰的把握，在每一級(jí)別的頁(yè)面，應(yīng)該清楚知道整個(gè)應(yīng)用的界面跳轉(zhuǎn)和層級(jí)關(guān)系，明確每個(gè)頁(yè)面的凸現(xiàn)信息。 交互設(shè)計(jì)規(guī)則 APP的交互設(shè)計(jì)，在設(shè)計(jì)操作界面時(shí)需按照人們使用手機(jī)的習(xí)慣進(jìn)行設(shè)計(jì)，讓用戶在與APP交互過(guò)程中，體驗(yàn)到產(chǎn)品的可靠性、易用性及趣味性。 ①可靠性指用戶在操作時(shí)軟件的穩(wěn)定性，不會(huì)出現(xiàn)閃退、延遲等基本錯(cuò)誤。 ②易用性指的操作簡(jiǎn)單化，讓不同年齡段的用戶都能快速上手，簡(jiǎn)單化清晰化的操作，可增加用戶對(duì)產(chǎn)品的操作信心減少產(chǎn)品的使用差錯(cuò)率。 ③可靠性和易用性是基礎(chǔ)，趣味性就是核心，趣味性在用戶使用APP操作中增加了人文關(guān)懷和情感注入，同時(shí)趣味性的元素的使用，讓界面“活”起來(lái)。 色彩搭配規(guī)則 色彩在界面設(shè)計(jì)中扮演者重要的角色，一個(gè)好的手機(jī)APP設(shè)計(jì)作品，顏色搭配占到70%左右，其他的30%左右分給了排版文字設(shè)計(jì)、圖形處理等，合理的色彩應(yīng)用可以增加界面的條理性，起到強(qiáng)調(diào)作用，能幫助操作者快捷的發(fā)現(xiàn)界面的重點(diǎn)信息，取得較好的視覺(jué)效果。 不同用戶對(duì)每一種顏色都有不一樣的視覺(jué)感受，APP界面顏色運(yùn)用從類別分為主色、輔助色、點(diǎn)睛色。主色決定著畫面風(fēng)格趨向的顏色，通常應(yīng)用于導(dǎo)航欄，與品牌顏色相統(tǒng)一的主色調(diào)；輔助色，使畫面更加完美、豐富，對(duì)主色起到修飾作用；點(diǎn)晴色用在標(biāo)題文本、按鈕、icon等地方，起強(qiáng)調(diào)和引導(dǎo)閱讀的功能，同時(shí)凸顯獨(dú)特畫面風(fēng)格。 主色選擇上，可使用鮮亮飽和度較高的顏色，在頁(yè)面中比例占據(jù)較多。輔助色選擇上，根據(jù)主色基調(diào)，選擇主色同類色、鄰近色、對(duì)比色及互補(bǔ)色作為輔助色。點(diǎn)睛色一般使用飽和度和明度較高的顏色，點(diǎn)睛色一般與主色相反，主色明度高，點(diǎn)綴色一般用深顏色或飽和度高的顏色，反正明度低，點(diǎn)睛色飽和度明度高的顏色。 APP的生存自身的實(shí)用性是根本，藝術(shù)性及舒適的操作性是點(diǎn)睛，只有讓APP的功能美與形式美做到真正的統(tǒng)一，這個(gè)APP才具備生存能力。推薦閱讀：界面設(shè)計(jì)的"簡(jiǎn)與繁"！
