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