UI設計師必備技能：APP 界面設計原則

APP軟件界面設計不純粹是技術設計，也不再是純粹的進行視覺圖像的藝術組合，它牽涉到用戶行為分析、視覺傳達設計、人機交互、設計開發(fā)。

1、圖標文字規(guī)則

（1）圖標是傳遞給用戶的第一種視覺體驗，它反映了產(chǎn)品的風格、功能和質(zhì)量。由于APP界面受手機屏幕尺寸的限制，在圖形方面，首先是符合應用程序主題的圖形，并對產(chǎn)品本身的設計進行了集成，以確保圖形的真實性。其次，選擇清晰度較高的圖形。具體，直觀，直觀，允許用戶在短時間內(nèi)獲得更多信息。

圖標通常是有效和直接的表現(xiàn)形式。在APP界面的設計中，每個圖標都是特定功能的，用來表示一個操作或功能的示意圖。原則是盡可能簡單，簡潔，可識別，隱喻。準確表達它所代表的功能。

盡量使用，矢量圖形。矢量圖形應該用于設計圖標可以隨意調(diào)整大小，放大后不失真，保證了圖像的清晰度。

（2）在文本設計中，字體大小和字體是區(qū)分重要信息層次的有效手段；二是行寬與行高的比值，遵循左右對齊、左對齊、居中對齊、對齊、縮小的原則。必要的文字對比度，調(diào)整合理的字距；最后是留白，適當?shù)目崭褚栽黾有畔⒌囊鬃x性。

2、布局原理規(guī)則

頁面布局是對頁面的文本、圖形或表格的合理安排和設計。在頁面的布局中，需要考慮用戶的需求和用戶行為，明確信息的層次關系，最大限度地提高信息傳輸?shù)男省?/p>

（1）Logo放置每頁相同位置，數(shù)據(jù)內(nèi)容按主次先后有序排列，重要信息放置主頁及界面中等偏上的位置，遵循人們從上到下，從左到右的閱讀習慣，主頁長度適度，其他頁面也不宜過長，頁面盡量采用分頁。

（2）明確每個頁面需突出的重要信息，能夠通過色彩顏色、圖形、文字大小、間距、留白等進行對比區(qū)別，拉開層次，突出顯示重要信息。

（3）導航盡量采用底部導航或一側(cè)導航有利于用戶引導和了解頁面布局，不占左右空間。設計師在對APP布局前，對應用的功能需求有清晰的把握，在每一級別的頁面，應該清楚知道整個應用的界面跳轉(zhuǎn)和層級關系，明確每個頁面的凸現(xiàn)信息。

3、人機交互規(guī)則

APP的人機交互在設計操作界面時需要根據(jù)人們使用手機的習慣進行設計，讓用戶在與app的交互過程中體驗到產(chǎn)品的可靠性、易用性和趣味性。

（1）可靠性是指軟件在用戶操作過程中的穩(wěn)定性，不存在閃回、延時等基本錯誤。

（2）易用性是指簡化操作，讓不同年齡段的用戶快速入門，簡化清算操作，增加用戶對產(chǎn)品操作的信心，降低產(chǎn)品使用錯誤率。

（3）可靠性和易用性是基礎，樂趣是核心。有趣的是用戶對應用程序操作的使用增加了人性化的關懷和情感注入，而有趣元素的使用則讓界面“活”起來。

4、色彩搭配規(guī)矩

色彩在軟件界面設計中起著重要的作用。一款好的手機APP設計作品，配色占70%左右，其他30%則分布到排版文字設計、圖形處理等方面，并可添加合理的色彩應用界面的合理性對于幫助操作者快速發(fā)現(xiàn)界面的關鍵信息，獲得更好的視覺效果有著重要的作用。不同的用戶對每種顏色都有不同的視覺感受。APP界面顏色分為主色、輔助色和點睛色。主色決定畫面風格的色彩，通常應用于導航條，主要顏色與品牌的顏色一致；輔助色使畫面更加完美和豐富，主色被修改；點晴色在標題文本、按鈕、圖標等誰用，強調(diào)和引導閱讀功能，同時突出獨特的畫面風格。【推薦了解：UI設計課程】

主色進行上，可使用鮮亮飽和度較高的顏色，在頁面中比例占據(jù)較多。輔助色進行上，根據(jù)主色基調(diào)，進行主色同類色、鄰近色、對比色及互補色作為輔助色。點睛色一般使用飽和度和明度較高的顏色，點睛色一般與主色相反，主色明度高，點綴色一般用深顏色或飽和度高的顏色，反正明度低，點睛色飽和度明度高的顏色。

APP生存本身實用性是根本，藝術性和舒適的操作是點睛之筆，當APP的功能美和形式美真正統(tǒng)一起來，這樣的APP才有生存的能力。