文/董華君 優(yōu)化手機App界面設(shè)計的視覺效果，能提高用戶的操作興趣，增強用戶的體驗性及舒適性，使App界面設(shè)計更加系統(tǒng)化、人性化。

手機App的界面美觀程度，由界面中的視覺基本要素決定。從美觀性及良好的視覺體驗上看，其視覺基本要素分為以下五個方面：

手機App界面的圖標(biāo)在App的使用中，起到使用戶更加深刻、直接地了解 App 的作用，使信息直接表意于用戶。根據(jù)App界面風(fēng)格，圖標(biāo)分為擬物化設(shè)計與扁平化設(shè)計兩種風(fēng)格：

①以模擬真實事物為主，圖標(biāo)具有質(zhì)感、光影等特點。

②以簡潔化為主，運用線條、色塊等元素來勾勒出圖標(biāo)。

就大眾審美的趨勢來看，簡潔的圖標(biāo)更為大眾所愛，能夠清晰明了、準(zhǔn)確無誤地使用功能，而擬物化的圖標(biāo)雖富有趣味性， 但容易造成視覺疲勞，所以簡潔化的圖標(biāo)風(fēng)格是大勢所趨。

好的設(shè)計作品，必富有一定的文化內(nèi)涵，吸引使用者的注意力，而內(nèi)容的選擇，就要根據(jù)App在實際應(yīng)用時的主題背景與用戶的需求分析、核心競爭力與行為特征等多方面因素來確定，可以通過隱喻、象征等手法來展現(xiàn)。

①隱喻就是一種比喻，使用隱喻手法進行表達時，能夠構(gòu)想出整個故事的畫面，通過減法原則，簡單且充分地再現(xiàn)場景，讓界面變得更加的生動有趣，給用戶留下無限的想象空間。

②象征性，就是采用視覺圖形符號，喚起人們對于某一抽象意義、觀念或情緒的記憶，具有約定性。設(shè)計師通過圖形使用戶產(chǎn)生聯(lián)想，將圖形引申到一種文化觀念、節(jié)日風(fēng)俗、歷史故事、宗教信仰等文化中。

③故事性，提取故事中的符號、角色或其他某一突出的特點，并將其轉(zhuǎn)化為設(shè)計中的元素，運用到App界面的設(shè)計當(dāng)中。

色彩不僅決定了App界面的整體風(fēng)格，還直接影響使用者的用戶體驗與點擊。一般主體顏色會用于App界面的抬頭部位或是界面中的主體元素上，再用其他顏色來輔助主體顏色。一般App色彩的選擇要根據(jù) App 的內(nèi)容來決定，通過不同的顏色向用戶傳達不同的情感。

例如：黑、白、灰則會給人一種典雅與孤獨的感覺，黑色也會給人一種潮流感，白色會給人包容之感。在App的界面設(shè)計中，一般會選擇一種主體顏色， 多用黑、白、灰等顏色作為輔助顏色和界面的背景顏色。

在App界面中，文字也是視覺傳達的重要因素，設(shè)計師若能選擇一種合適的文字表達形式，將會提高文字的使用效率。在選擇 App 界面字體時要考慮以下四個因素：文字的大小、文字的排版、文字的可讀性、文字的辨識度。

文字的大小取決于手機屏幕的尺寸大小，使文字在手機界面的使用中占有適當(dāng)?shù)谋壤晃淖值呐虐婕次淖衷诋嬅嬷械陌才牛热缭谠O(shè)計界面時，設(shè)計師要考慮文本的位置、顏色、對齊方式、加粗、對比度等一系列問題；文字的可讀性是指文字在語言表達上是否準(zhǔn)確，是否會出現(xiàn)詞不達意的情況；文字的辨識度是指當(dāng)文字在界面中出現(xiàn)時，用戶能否正常地進行閱讀。這要求設(shè)計師掌握好文字的字號、字體、間距以及行距等。

手機App界面中布局的因素直接影響著使用者視覺和操作兩方面的用戶體驗。人的視覺運動規(guī)律的主要特點，在人機工程學(xué)中有以下總結(jié)：

①眼睛的水平運動比垂直運動快，即先看到水平方向的 物體，再看到垂直方向的物體。

②眼睛習(xí)慣于從左向右和從下向上的運動，看圓形內(nèi)的 物體時總是沿著順時針的方向。

③眼睛垂直運動比水平運動更容易疲勞，對水平方向尺 寸和比例的要求比垂直方向要精確得多。

④當(dāng)眼睛偏離視線中心時，人眼對四個象限的觀察率依 次為，左上最佳，其次是右上，再次是左下，最差的是右下。

根據(jù)此規(guī)律，設(shè)計師在設(shè)計界面時應(yīng)將重點的信息布置在界面的上半部分，將次要的信息放在界面的下半部分，將界面的轉(zhuǎn)換運動設(shè)計為橫向的平行運動。在App界面視覺設(shè)計中，扁平化的設(shè)計風(fēng)格更符合人機工程學(xué)的要求，是一種較為合理的界面設(shè)計方式。

① 官方頭條號：設(shè)計智造 頂級創(chuàng)意設(shè)計師必備

② 本篇為 設(shè)計智造www.cocoo.top 編輯整理，版權(quán)歸原作者所有，轉(zhuǎn)載請注明出處！