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

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

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

①以模擬真實事物為主，圖標具有質感、光影等特點。

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

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

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

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

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

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

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

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

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

文字的大小取決于手機屏幕的尺寸大小，使文字在手機界面的使用中占有適當的比例；文字的排版即文字在畫面中的安排，比如在設計界面時，設計師要考慮文本的位置、顏色、對齊方式、加粗、對比度等一系列問題；文字的可讀性是指文字在語言表達上是否準確，是否會出現詞不達意的情況；文字的辨識度是指當文字在界面中出現時，用戶能否正常地進行閱讀。這要求設計師掌握好文字的字號、字體、間距以及行距等。

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

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

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

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

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

根據此規律，設計師在設計界面時應將重點的信息布置在界面的上半部分，將次要的信息放在界面的下半部分，將界面的轉換運動設計為橫向的平行運動。在App界面視覺設計中，扁平化的設計風格更符合人機工程學的要求，是一種較為合理的界面設計方式。

① 官方頭條號：設計智造 頂級創意設計師必備

② 本篇為 設計智造www.cocoo.top 編輯整理，版權歸原作者所有，轉載請注明出處！