文/董华君 优化手机App界面设计的视觉效果，能提高用户的操作兴趣，增强用户的体验性及舒适性，使App界面设计更加系统化、人性化。

手机App的界面美观程度，由界面中的视觉基本要素决定。从美观性及良好的视觉体验上看，其视觉基本要素分为以下五个方面：

手机App界面的图标在App的使用中，起到使用户更加深刻、直接地了解 App 的作用，使信息直接表意于用户。根据App界面风格，图标分为拟物化设计与扁平化设计两种风格：

①以模拟真实事物为主，图标具有质感、光影等特点。

②以简洁化为主，运用线条、色块等元素来勾勒出图标。

就大众审美的趋势来看，简洁的图标更为大众所爱，能够清晰明了、准确无误地使用功能，而拟物化的图标虽富有趣味性， 但容易造成视觉疲劳，所以简洁化的图标风格是大势所趋。

好的设计作品，必富有一定的文化内涵，吸引使用者的注意力，而内容的选择，就要根据App在实际应用时的主题背景与用户的需求分析、核心竞争力与行为特征等多方面因素来确定，可以通过隐喻、象征等手法来展现。

①隐喻就是一种比喻，使用隐喻手法进行表达时，能够构想出整个故事的画面，通过减法原则，简单且充分地再现场景，让界面变得更加的生动有趣，给用户留下无限的想象空间。

②象征性，就是采用视觉图形符号，唤起人们对于某一抽象意义、观念或情绪的记忆，具有约定性。设计师通过图形使用户产生联想，将图形引申到一种文化观念、节日风俗、历史故事、宗教信仰等文化中。

③故事性，提取故事中的符号、角色或其他某一突出的特点，并将其转化为设计中的元素，运用到App界面的设计当中。

色彩不仅决定了App界面的整体风格，还直接影响使用者的用户体验与点击。一般主体颜色会用于App界面的抬头部位或是界面中的主体元素上，再用其他颜色来辅助主体颜色。一般App色彩的选择要根据 App 的内容来决定，通过不同的颜色向用户传达不同的情感。

例如：黑、白、灰则会给人一种典雅与孤独的感觉，黑色也会给人一种潮流感，白色会给人包容之感。在App的界面设计中，一般会选择一种主体颜色， 多用黑、白、灰等颜色作为辅助颜色和界面的背景颜色。

在App界面中，文字也是视觉传达的重要因素，设计师若能选择一种合适的文字表达形式，将会提高文字的使用效率。在选择 App 界面字体时要考虑以下四个因素：文字的大小、文字的排版、文字的可读性、文字的辨识度。

文字的大小取决于手机屏幕的尺寸大小，使文字在手机界面的使用中占有适当的比例；文字的排版即文字在画面中的安排，比如在设计界面时，设计师要考虑文本的位置、颜色、对齐方式、加粗、对比度等一系列问题；文字的可读性是指文字在语言表达上是否准确，是否会出现词不达意的情况；文字的辨识度是指当文字在界面中出现时，用户能否正常地进行阅读。这要求设计师掌握好文字的字号、字体、间距以及行距等。

手机App界面中布局的因素直接影响着使用者视觉和操作两方面的用户体验。人的视觉运动规律的主要特点，在人机工程学中有以下总结：

①眼睛的水平运动比垂直运动快，即先看到水平方向的 物体，再看到垂直方向的物体。

②眼睛习惯于从左向右和从下向上的运动，看圆形内的 物体时总是沿着顺时针的方向。

③眼睛垂直运动比水平运动更容易疲劳，对水平方向尺 寸和比例的要求比垂直方向要精确得多。

④当眼睛偏离视线中心时，人眼对四个象限的观察率依 次为，左上最佳，其次是右上，再次是左下，最差的是右下。

根据此规律，设计师在设计界面时应将重点的信息布置在界面的上半部分，将次要的信息放在界面的下半部分，将界面的转换运动设计为横向的平行运动。在App界面视觉设计中，扁平化的设计风格更符合人机工程学的要求，是一种较为合理的界面设计方式。

① 官方头条号：设计智造 顶级创意设计师必备

② 本篇为 设计智造www.cocoo.top 编辑整理，版权归原作者所有，转载请注明出处！