當前位置:
首頁 > 創意 > APP界面中的「圖形創意」!

APP界面中的「圖形創意」!

文/溫郭英

APP通過屏幕完成功能操作,以滿足用戶各種需求,APP的共性特點,首先是清晰的視覺傳達,具有明確的指代性和識別性;其次是高效率的搜索和瀏覽體驗,通過導航功能促成用戶好感;最後是幫助人機交互組件,組件設計優劣能夠決定應用軟體是否好用。

圖形創意通過界面傳達信息的精準和可信,提升APP界面的視覺感染力和服務效能,促使產品有自我營銷的的功能。

APP圖標分為系統圖標和功能圖標,系統圖標為移動端在應用商店中下載後所點擊的應用程序圖標,功能圖標也稱工具欄圖標,為完成某一目標任務而進入APP應用程序所點擊的功能性圖形,用來達成人機交互任務。APP圖標有以下幾種樣式:

圖形圖標。這類APP圖標富有易讀性、親和性、趣味性等特性。

文字圖標。圖標主要用文字元號來構圖,以文字為圖標的設計元素,規則文字圖標體現嚴肅性和統一性,蘊含產品正品品質的企業文化。文字變體圖標,通過文字藝術化構圖,使文字圖形化,相較於圖形圖標更加直觀、易懂的特性。

圖文並茂圖標。根據APP的功能特徵進行圖文穿插,其設計思路為插圖匹配文字,圖形通過視覺上的烘托來增強圖形美感,文字元號可以進行意圖說明,兩者相得益彰。

APP視覺界面是吸引用戶收效最快的渠道,但精美的組件是促使應用程序達到完美的根本。交互組件須根據目標用戶的心理需求、視感認知、人體工程學等相關知識進行圖形創意。

按鈕。按鈕又稱為Button,是一種基礎組件,根據功能不同而派生出命令按鈕、複選框、單選按鈕、組框、自繪式按鈕。好的按鈕是通過圖形構造、色彩引導、人的環境等來設計其始終離不開圖形創意的形式美。

■構圖簡潔、文案明確。能給予用戶暗示和感知,緊迫的促進用戶迅速做出購買意向。另外,按鈕色彩要求特別搶眼,以高明度、高純度顏色做色感鋪墊,可以大大提升了界面的轉化率。

■增強對比。增強按鈕與底色的色差關係,增強按鈕文字與按鈕背景顏色的對比,或者按鈕之間顏色對比關係。

滑動條。手指按住時進行操作的滑塊和可滑動長度組成,設計時注重質感的設計,讓用戶覺得滑塊是可操作的組件,滑塊可以在滑區伸縮移動,通過陰影和明暗關係的處理得到虛擬的質感,幻化出實物感。

選項框。以複選框和單選按鈕使用居多,其圖形創意的技法在於增強選項框之間的底色對比、增強所選項與非選項之間的凹凸質感對比、明示文案色差對比等區別對待目標操作,以此增強用戶對選項的識別。

大多數APP都會通過層級導航的布局方式,達到承載多樣產品銷售信息。

標籤導航、舵式導航。圖形設計思路以扁平化圖標形式的導航結構,界面主類別視圖可以在頂層視圖進行切換用戶可隨意進行類別跳轉,一般設置4~5個,不會多於5個以上,設置太多顯雜亂影響視覺。

抽屜導航、列表導航。為了節省空間而容納更多的信息將抽屜導航設計成左多右少兩列豎排式,圖形設計上注意行間距及畫面的留白即可,遵循條理分明的原理。

列表導航設計。如抽屜導航的左側部分一樣,即注意層次列示清晰標題與次級內容都包括其中。

宮格導航、組合導航。宮格導航將產品陳列如九宮格一般,直接展示產品信息,利於用戶查詢,物品列示不能過長,過長導致視覺疲勞。組合導航設計上注意分類之間的縱橫間距,產品與說明文之間的間距,遵照和諧和均衡的形式美法則,做到緊松有度。

Tab導航、輪播導航。Tab導航與標籤類似,為承載更多的信息而設置,特別是在二級導航信息太多情況下使用,適用於大型電商APP界面。輪播導航為項目橫向輪播形式展示,瀏覽由左到右的方向搜索,使得界面整潔,在有限空間承接無限內容。

圖形創意通過色彩、構圖、布局等方面,統籌藝術設計學、人體工程學、人機交互知識,在圖標、交互組件和界面布局中運用,體現了藝術與技術的統一,在滿足用戶生活和精神需求的同時,也滿足了用戶的審美情操。推薦:UI素材包第30季

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!


請您繼續閱讀更多來自 設計智造 的精彩文章:

破五記!廣告圖形的視錯覺表現手法
基於類比思維的設計方法!