移动应用程序APP视觉设计因素应用分析

赵玲莉（华南理工大学计算机所教学站 510240）

APP移动应用程序是当下人们生活的一个热点，很多事情都可以通过终端APP的操作完成。比如淘宝手机端APP，打车APP，电影票购买APP，还有大学生专用的课程课表APP等，这些都非常方便了我们的生活。抛开技术问题而言，这些APP看似很方便，却有很多设计的不足之处，导致在同类APP下载中，用户人数比较少。而且，当下所有的移动终端设计都在谈论如果让用户获得优雅的用户体验以及不断的强调交互设计的重要性，然后却忘却了使这一切成为可能的因素，那就是移动应用程序的外观视觉设计。移动APP实际上是综合了很多学科的技术，但是如果没有完美的外观设计，再好的技术也成为毫无意义的摆设。而不论是一开始就优秀得让人惊讶的设计师还是循序渐进越来越好的慢热型设计师，在设计APP时，总是有很多东西可以参考，并且是保证APP移动应用程序外观的完整性和审美性的一些基本要求。

1.对比。良好的对比关系对于移动应用程序非常关键，因为它会直接影响到用户查看设计的方式。对比是指不同或者类似的元素相对于彼此是怎样显示的。如果设计中的内容看起来非常相似，那么用户就不知道应该先看哪里，看到的几乎就是一堆乱糟糟的RGB值。所以，在设计中，应当对一些元素设置优先级，不同的元素应该很明显的看出他们的不同，不应该让用户产生混淆，从而忽略了你想要的表达。

2.重复。要使用户信任和熟悉你的应用程序，就需要使用户感到使用的舒适感。就视觉设计而言，可以使用应用程序的编排样式来达到目的。手段就是可以通过相似元素的重复使用，从而让用户快速建立熟悉感。

3.对齐。对齐是视觉设计中常用的方法，在移动终端设计也非常重要。元素应该对齐到哪里呢？包括对齐到其他元素，网格，黄金比例框架等，没有对齐的界面元素和构建看起来就像出错一样，没有稳定的基础。不需要特别过多的技能就可以正确排列元素，设计师们早就习惯了拖入水平和垂直的辅助线，而不仅仅是目测。对齐这个原则的应用在iPhone的应用程序中可以找到比较好的范例。

4.接近度和分组。在设计中应该把相似和相关的元素组织在一起，构成一个聚合的整体。这样做的好处是用户可以更快的浏览项目的聚合，并且更容易确定元素之间的的关系。相关元素的分组是非常重要的，错误的分组会导致客户的混淆。

5.光线的选择。如何使用渐变的合适的光影，如何使用边缘的高光色，也是在设计中需要考虑的问题。优秀的用户界面设计的秘诀在于，在屏幕上的二维物体看起来想再三维的空间里，并且他们像现实里面一样有体积，表面的性质和棱角。三维的效果让用户体验感大大提升。同时还要注意设计中光源的位置对文本的阅读的影响。注意渐变、边缘高光、块光泽、阴影等对图标等的影响。我们一般考虑光源来自上方，首先会照射到按钮的顶部，相对而言，顶部的颜色会更加明亮。同时，按钮的边缘在接近边界之前具有淡淡的，细微的高光，指示光源自然的反射的边缘的锐度。添加边缘高光可以容易的使形状凸出，可以使主形状与其便捷和周围的区域形成更强烈的对比。

6.考虑清楚版式的关系。任何设计中版式都是为内容服务的，APP设计中也不例外。要注意和谐和平衡，一旦放置了一个文本块，就必须重视它在设计中的作用。为了使之有效，需要给它提供足够的空间，并且必须与周围的元素和页面本身之间进行平衡，使得图像和文字一样获得设计的活力。

7.设计移动应用程序在某些方面比较容易，但是在其他方面则比较负责和困难。容易是指因为屏幕比较小，内容相对少，更容易进行设计和管理。但是问题是能够设计的元素比较少，发挥的空间也比较小，所以在处理像素时就需要注意以下点：尽量使设计保持逼真，设计师要精确到每一个像素，尽量简化界面，确定什么是必须的，什么是需要隐藏的；要理解清楚那个图标是必须的，那个是用途是错误的；不要把界面控件放在不方面的位置；文字是程序很重要的内容，要小心应对。

设计不可能一触而就，它需要时间和许许多多的实践经验的积累。在设计中要重视构思的过程，构思是产生和探索想法和概念的过程，也是捕捉可视化信息的过程。设计师可以从草图方式开始构思，借用草图来实现初步的构思，草图非常适合于协作、讨论和交流想法，虽然不是正式的，或者是看上去比较粗糙，但是的确可能比较形象的表现我们的设计理念和想法，在不断修正后，就可以实现电脑化的设计。所以，设计师在设计过程中要多多考虑各方面的要求和想法，做到不浪费设计，设计到恰到好处。

[1]SmashingMagazine著，陈宗斌译.众妙之门网页UI设计之道.人民邮电出版社，2012.12.

[2]狸雅人编著.PHOTOSHOP职能手机APP界面设计.人民邮电出版社，2013.1.

[3]王巧伶等编著.APP手机界面创意设计新手通.机械工业出版社，2014.7.