APP设计中视觉元素的应用

王颖超

喀斯玛（北京）科技有限公司 100089

摘要：随着新媒体技术的发展，手机等移动通讯设备已渗透到生活的各个方面，APP等用户互动体验越来越成熟，人类社会生活进入飞速发展的信息化时代。APP页面设计能直接吸引潜在受众，有效促进信息的传播。APP开发中的视觉元素应用是一大要点，视觉元素的设计运用能够直接吸引受众目光，一个真正优秀的APP的设计应该具备如下三个标准：功能性、信息的传递的有效性、审美性。

关键词：APP交互设计；视觉元素设计；信息的传播过程；用户体验

当今时代，随着人们对信息浏览需求的改变，视觉元素在APP设计中的应用越来越重要。视觉元素的应用日益突出，审美要求也逐步提高，对视觉元素的科学应用能有效提高APP设计的质量水平，吸引浏览者的目光，深化视觉元素的应用研究，有利于移动端APP设计的发展。

一、APP设计中的视觉元素——文字

文字是为了存储以及传递信息而发明的，并成为信息储存的媒介，为信息的传播提供了更规范科学的形式。在现代装饰设计中，文字符号和视觉传达艺术有着紧密的关系。近年，文字视觉图形化的设计已成为行业一大热门研究。作为信息传递的重要载体，文字视觉同样也是移动APP开发设计工作中重要的技术主体，是一项不可或缺的视觉元素，主要有以下两大优势：

(一)、在信息的有效传播方面

用文字表述来准确描述的对象，可以做到快速准确且清晰完整的传达信息，不易产生误解；

(二)、在信息的传播速度方面

相比较于以图片和音视频等信息传递处理媒介，文本类信息浏览对计算机网络软件的速度要求相对较低，传输的速度相对较快，浏览效果更加顺畅。对于那些文本信息量很大的移动APP的界面设计者来说，文本中的部分内容也会继续在其APP内容中占据较大面积，这个时候文字元素的内容选择和表现方式显得其尤为重要。从满足用户整体审美要求的角度考虑，进行APP内容设计，在设计具体页面选用的文字元素时，首先应全面考虑该类APP页面使用的整体视觉效果，还要着重地考虑用户本身在实际上浏览APP时的审美感受。实践数据进一步证明，当用户面对手机屏幕上大面积文字时，很容易引起视觉及阅读疲劳，降低阅读兴趣。为了尽可能解决这种尴尬的问题，设计师们一般会先将主屏视觉系统中的文字功能部分进行优化设计，在能基本满足用户功能性应用需要的前提下，提高产品视觉趣味性和用户审美性，增强用户的视觉体验。还有这样一种需要大家注意的情况，设计师已经事先对一些文字效果做了较为精心细致的优化或字体设计，但还是相当一部分用户的手机屏幕上仍然只装了系统本身自带的字体，设计师设计过的某些特殊的字体还是无法完全显示出预期效果，这也是手机APP设计工作中字体设计应用的一大局限性。针对这种情况我们有一个更好的解决办法，把这些特殊字体以图片的形式制作输出，再通过上传图片到手机APP界面上，达到一种文字视觉交互展示效果。对于一个文字所占面积比较大的交互界面，除了选择字体以外，字符尺寸的大小、字间距、行间距等也是设计者需要考虑的，这些细节对于APP整体设计后界面文字呈现的效果有很大程度的影响。

二、APP设计中的视觉元素——图形

21世纪，人类互联网事业已经进入了到了"读图时代"，随着互联网技术日新月异的发展，获得网上各种信息资源已经不再是一件难事，如今快节奏发展的信息时代，人们面对大量复杂的网上信息，更希望能够快速直观的接收和获取到自己感兴趣的信息。图形，同时具有作为视觉信息与交互信息传递媒介的双重作用，在移动APP产品的设计开发中，具有更重要的意义。它是除传统文字图形以外发现的最早被运用到手机APP图形设计制作中的视觉元素，与传统的文字符号元素相比，图形符号有更强的视觉趣味性，更容易引起目标用户注意，它所展现出的视觉力和交互体验效果均显著优于文字。文字内容和文字图形相辅相成，文字本身能对图形的一些涵义进行解说，同时，通过文字图形对阅读内容进行表达，对用户阅读的内容起到了辅助说明作用，使用户在浏览阅读的时候更加轻松。比如，在某一个购物类的手机APP或者网站平台上，用户需要去买一件外套，其使用的文字描述如何详细，也不如直接推荐给用户一张商品实物图片或一件衣服上身效果图来得实在，更做到让目标用户易于接受，并得到更好的购物消费体验。

图形效果还能美化手机APP页面的细节。一个优秀的移动APP除了有清晰的交互、严谨的产品信息构架、流畅的交互设计等要素以外，也要有好的页面视觉信息交互表达，视觉信息才是设计最高价值的表现，最先被目标用户所感知。图形材质的运用，对交互设计者的提高和APP设计整体审美性的提升也有积极的借鉴作用，甚至会认为拥有一张质量很好的图形素材也就是做了一个很好的交互设计。当然，对移动交互产品APP的设计创作中需要的各种图形题材内容的选择运用，同样要事先有所注意，不仅保证设计中需要的素材能与实际设计中主题要求相符，还需要综合考虑用户对自身形象的审美追求心理，使用户做到在移动交互产品使用过程中能感受到视觉元素所带来的强大的视觉冲击力和艺术美感。很多人也许已经有过这样的经历，在选择阅读书刊资料的时候，面对满版的文字，会感觉心累，逐渐失去阅读兴趣，而对于阅读图文内容搭配较好的书，看起来似乎轻松很多。同理，在手机移动APP开发设计的场景中，产生的这种视觉现象，其本身也会发生着变动，所以通过将文字内容与图形元素相互融合搭配，能够帮助开发者构成丰富色彩与灵活变化的手机APP，同时能来创造出更舒适自然的手机视觉环境。

三、APP设计中的视觉元素——色彩

色彩，无论是运用在视觉传达设计领域中还是应用在移动APP应用设计过程中都是非常重要的设计组成部分。相较其他文字表达而言，色彩表达对于传达人们视觉的直接感观或刺激都更为简单直接。作为视觉设计领域的第一语言，色彩丰富变化的同时，其不同程度的温暖度和视觉距离都可以给人带去不像一般文字的直观感受。所以，在手机APP色彩设计工作中，色彩的正确合理运用才可以保证给目标受众群体创造更多美的视觉感受，从而强化目标受众的记忆点。并且，合理的运用色彩效果还可以有效引发受众的情感共鸣，当这些色彩效果吸引到被观看者的目光时，信息也就会自然转换为一种记忆点烙印在受众的脑海中，引导受众进一步去探究。研究表明，在移动客户端APP页面视觉设计分析工作系统中，科学合理的色彩搭配方法能帮助我们划分出页面信息的主次关系，合理地进行色彩分类，使用户应用浏览时感到加便捷。APP的交互设计与其他传统交互软件系统设计中所用到的色彩的处理及技术有相似性，遵循着色彩的基本应用理论，比如色相、明度、纯度、冷暖的对比等。主要的不同之处是，APP设计作品是不需要制版印刷的，以RGB的色彩模式输出为主，可以实现丰富多样的色彩。但是应注意到的一点是，APP软件也是安装在用户手机中等可移动设备上使用的常它们离用户眼睛的距离都比较近，尽量不要轻易使用大面积饱和的强烈对比色调和过高的饱和度的颜色，否则将容易使用户产生紧张视觉疲劳。

(一)、APP设计的色彩选择

首先仔细考虑，如果一款手机APP使用的底色是一个标准色，把这类标准颜色的色调作为一个主色调来进行调用，再考虑搭配界面上的其他的一些颜色辅助来调色。实验还证明，一个手机界面在整体设计制作过程中所使用到的各种颜色尽量最少，不要使用超过三种，不然整个界面设计就会显得比较混乱

但是由于每个民族、信仰、文化、性别、年龄背景等条件因素的不同，设计师们在对色彩风格选择的时候，一定也要将色彩这些因素同时考虑进来，使用一些符合特定受众人群的审美与心理偏好的色彩。另外，对于那些包含内容更多、层级更加丰富的手机APP，设计师可以巧妙利用各种色彩来对这些信息进行区域化划分，这样既可以让每个APP的界面设计保持相对统一的整体风格，也能方便引导用户阅读。

总的来说，在给APP的设计稿进行色彩选择搭配的时候，要多注意以下两个要点：

利用色彩来突显出一些重要的信息，使用户完全可以自己把控出APP应用中信息的重点；

美化了APP界面，给了用户操作以一种舒适感。在进行选色设置时，力求以清晰简洁美观为主，平衡好色彩效果与各个主要视觉元素色彩之间比例的协调关系，注意控制色彩间的色相饱和度、明度、对比度系数等，在虚实对比变化中力求和谐，紧贴整个APP主体内涵特征进行配色设计，确保各个APP主题风格设计的色彩一致性。

四、APP设计中的视觉元素——动效

人类更容易被眼前的表象所吸引，人的眼睛一般对移动的视觉物体比较敏锐。现今，经常看到APP应用中加入了动效设计，越来越多的设计团队意识到动效交互在设计应用中的重要性，动效交互在设计应用中究竟有什么重要的作用的呢?

(一)、为用户操作提供视觉反馈

好产品的用户交互效果，强调在产品每一步的操作上都给予相应的操作反馈，这能使用户感觉与APP进行了真实自然的互动，动效的设计能生动直观地去演示出这种自然互动。(二)、起到提示的作用

作为手机APP信息交互的设计系统，开发中如何为某一个目标用户所处的系统状态提供一种视觉上的信息引导也是很重要的，它至少应该让每个手机用户在浏览任何一款APP信息交互的时候，时刻清楚自己当前的所处的是一种什么样的系统状态，而这并不是说让一些用户去茫然地猜测。(三)、增加移动APP界面上的广告活力，吸引目标用户的注意力

在手机APP界面设置中尽量运用一些动态效果，相比较于其他静态元素设置而言，更容易引起目标用户的注意力。动态效果有时候还会给到用户带来一些我们预期之外的惊喜，比如我们在等待一个加载页面内容的时候，受到网速延迟等多种因素的影响，常常还需要一些等候加载的缓冲时间，这个的时候，其实我们就可以在这个等候加载的间隙里面加入了一些比较有趣的、炫酷的、可爱的小的动效进行设计，让这种等待时间变得更为可视化，那么用户在这个等待加载的时间，自然就不会觉得那么无聊乏味了，这样有趣的设计能使用户倍感亲切，并真正感受到产品应有的趣味性和强大生命力，从而使其迅速对产品产生强大认同感。

五、结语

一款优秀的APP设计至少应该符合下面三个标准：功能性、信息交互传递的有效性、审美性。本文内容主要在于探究四种视觉元素：文字、图形、色彩设计及动效视觉设计在移动APP开发设计中的应用表现、特征、作用及其意义。将这些视觉元素更加合理地结合运用，提高整个APP的操作易用性和交互美观性，使用户拥有更好的体验。

时至今日，APP界面设计已由过去简单的文字信息的呈现发展到图形化表现再到文字抽象化信息表现，进而再演变成信息的可视化，这和软件科技的迅速发展、人们对信息功能多样化的需求以及大众审美的快速变化有着密切关系。在我们进行APP交互设计的开发时，首先要利用这些交互视觉元素表现出新的潮流和时尚，融入目标受众群体的心理需求特征和视觉审美，这样做的出来的作品才是受欢迎使的。

参考文献：

[1]于小妹.手机APP中的视觉引导性符号研究[J].工业设计，2016(9)：126-127.

[2]王健，赵英君，杨朋翰.视觉引导在产品设计中的应用[J].南方农机，2017，48(3)：111.

[3]陈菁晖.基于网络环境下的视觉传达设计教学发展探究[J].工程技术研究，2017(2)：233+237.

[4]夏丽雯.基于移动终端的交互式动画设计探讨.新媒体研究，2018（07）.

[5]郭子明.基于用户体验APP的UI交互设计探究.明日风尚，2018（10）.