分析视觉传达设计在移动UI界面中的运用

　　摘要：视觉传达设计要求体现经济性、科技性、艺术性、社会性、文化性的基本原则。在不同的时代背景下，人们的审美价值和科技都在发生着变化。传统的视觉传达设计对经济性和艺术性要求较高，而在现代科技背景下，视觉传达设计更加关注用户的需求和市场移动设备本身的科技性。这表现出视觉传达设计的变化。移动UI界面更加重视人机交互性能，这也是视觉传达设计在移动UI界面中的应用体现。本文围绕人类视觉特征来分析视觉传达设计在当下最流行的移动UI界面中的运用。旨在为移动UI界面的设计提供一些参考。

　　关键词：视觉传达设计； 移动UI界面； 外观设计； 人机交互； 用户定位；

　　引言：20世纪80年代，个人电脑出现并很快在市场流行起来。个人电脑的出现推动了交互设计的应用与发展，而交互设计在个人电脑的应用也丰富了人与计算机交互使用过程的趣味性。当时世界上著名的微软公司将UI界面的交互设计引入到微软操作系统中，促进了UI界面交互设计商业化的进程。时至今日，交互设计仍旧是电子产品用户界面设计的主流思想。如今的UI交互界面设计随着电子产品的发展已经不再局限与个人电脑，手机、智能手表、导航仪、平板等界面设计中均以人机交互设计为主流。随着电子产品多样化，人机交互设计的应用范围也越来越广。当前，移动UI界面的设计不仅仅定位于图形的艺术性和经济性，而是定位于用户需求。这种以用户需求为核心的设计对视觉传达设计的应用更加注重设计的科学性，它对设计师提出了更高的要求。为了更好的呈现设计效果，设计师需要分析用户的年龄、喜好、使用环境、使用方式等，调查和评估用户的视觉体验，综合应用视觉传达的原理设计移动UI界面。鉴于视觉传达设计在移动UI界面中的运用对于优化移动UI界面设计的重要的意义，本文研究该课题。

　　一、人类视觉及其特征

　　（一）人类视觉

　　眼睛是人视觉系统的主要器官，主要有眼球和眼球壁构成。眼球为近球体，直径大约24mm.眼球壁外侧分布着巩膜、角膜。角膜的主要功能是屈光和保护眼球，光线被折射到眼球内部时巩膜防止眼球被光线刺伤。眼球壁中间的瞳孔具有感光的作用。眼球壁中间层控制瞳孔放大缩小来感知外界光源。视觉收到光刺激后从细胞向视网膜传达视觉信息，从而引起视觉。视觉经由视神经、视束、中枢神经抵达视皮层，引起视知觉。什么是视知觉呢？视知觉就是眼睛感受光的形状、颜色、明暗的能力。受眼睛结构的限制，人的视觉有一定的宽幅。人的眼睛的视觉机制决定了人在识别环境中的光时最先抓住某些引人瞩目的目标，而边缘的目标则往往容易被忽视。基于对人类视觉的研究，视觉传达设计需要注重设计区域的合理划分和图形、色彩等元素吸引力目标的提升，以求达到吸引人类视觉的目的。

　　（二）人类视觉的特征

　　1. 视觉有一定宽度范围

　　人类视觉的宽度范围集中在一定的区域内，特别是对注意目标的锁定，只局限于一个特定的视角区域。这要求设计师在设计移动UI界面时科学的划分目标区域。

　　2. 视觉有一定的强度适应性

　　人类视觉对某件事物的关注具有强弱度的表现。当视觉关注于某些特别感兴趣的事物时，视觉注意力更加集中，而对于不偏好的事物则表现出来较弱的注意力。

　　3. 视觉具有选择性注意的特征

　　人的视觉参与大脑神经系统的信息处理。大脑神经系统在信息资源处理时具有选择性的特征，因此人类视觉的注意力也具有选择性的特征。

　　4. 视觉具有平衡性的特征

　　人类视觉对自然环境中的信息处理时，多表现出相对的平衡性。这种平衡性具体表现为对吸引力较强的形状、色彩的注意力较强，对吸引力较弱的形状、色彩的注意力较弱。平衡性对人类视觉锁定目标区域的影响极大。

　　二、移动UI界面设计的原则

　　移动UI界面设计从表义上看由用户和界面两部分构成，实则还包括人机交互部分。因此，移动UI界面设计需要从用户研究、交互设计、界面设计三部分入手。由于移动UI界面的最终使用者为用户，设计要以用户需求和用户体验为基本原则，结合用户体验感受和视觉效果进行设计。设计遵循的原则参考如下：（1）一致性和必要的个性化；（2）用户语言原则；（3）用户记忆最小化原则；（4）用户界面功能性原则；（5）容易理解和记忆原则；（6）清楚的报错信息原则；（7）快捷方式组合运用的原则；（8）连续性原则；（9）方便退出的原则；（10）具有优化和帮助系统的原则。

　　从以上设计原则中可以分析出，视觉传达设计在移动UI界面设计中要始终与用户的视觉效果为标准。它要求视觉传达设计将个性化与画面整体效果相统一，并且运用户研究的结果设计出符合用户需求和满意度的视觉效果图。

　　三、视觉传达设计在移动UI界面中的运用方法

　　（一）保持界面的统一性和整体性

　　1. 移动UI界面与系统、风格、色彩的统一性、整体性

　　移动UI界面的色彩、风格都是吸引用户的重要内容。具有统一性和整体性的图标从人的情感偏好上讲更具吸引力。同时，系统、风格、色彩的统一性能够提升移动UI界面的审美价值，从而引导用户更加深入的认识界面。统一度较高的UI界面的视觉冲击效果更强。这样的设计在除去单独的图标之外的审美价值之外，还具有系统性的视觉效果和审美价值。对于特定的用户群体的吸引力也更强。

　　2. 操作流程的顺畅性

　　对于用户而言，选择软件最重要的还是其使用价值。移动UI界面的实用价值就是界面操作的流畅性。界面的流畅性由系统设计的统一性所决定。为了增加系统操作流程的流畅性，设计师可以选择一些用户偏好的软件分析用户操作习惯，并将这种操作习惯以界面设计的形式规范的表现出来。通过对界面操作的规范性设计，可极大的提高用于对于操作体验的顺畅度。

　　（二）重视用户研究

　　移动UI界面在整个系统中属于独立的部分，用户可以根据自己的偏好、审美进行选择。用户研究是为了准确的锁定目标人群，从而有针对性的设计UI界面的内容，选择设计元素。如部分用户喜欢简约风，部分用户喜欢卡通风。除用户风格外，还要深入挖掘用户的个性，将风格与个性相融合，在图标中的最引人注目的位置添加表现力强烈的元素，来传达个性化设计的内涵，吸引目标人群。

　　（三）增加移动UI界面中个性化的设计

　　1. 界面图标个性化设计

　　个性化的图标设计在UI界面整体中能够表现出强烈的识别感和层次感，便于用户识别和操作。移动UI界面的操作范围有限，刻板的图标实际容易增加用户体验的审美疲倦，个性化的图标设计表现出的图形外观、大小、内容等不同，具有明显的目标识别性。根据用户的偏好、行业特征等为每个套图标赋予一个完整的主体和含义，再为每一个图标注入代表性含义，从而增加图标设计的艺术内涵。

　　2. 图标色彩个性化设计

　　从人类视觉机制分析，色彩带给人类视觉的冲击最后通过视知觉反映出来，能够刺激人情绪的变化，给人带来不一样的心理感觉和心情。例如红色代表着热情、阳光，黑色代表严肃、庄重，粉色代表着甜蜜。在设计图标时，结合用户的偏好、性格特征、行业特征等对色彩进行个性化的搭配与设计，使图标色彩与用户的心理特征保持相对统一的状态，这有助于提高用户对于产品的满意度，延长对于产品的使用时间。从心理上学分析，这种由色彩个性化设计吸引和保留客户的根本原因是人类的同理心特征和对偏好事物保持较长的新鲜感。

　　四、结语

　　综上所述，视觉传达设计在移动UI界面中的运用应该遵循人类视觉的特征，以用户研究为基础，科学的划分视觉区域，增强个性化注意目标的强度设计，结合用户视觉研究选择图形、形状及用户感兴趣的图像信息。在处理设计元素时，要注重人类视觉系统的平衡性规律，突出视觉助于强度高的部分。设计师在移动UI界面实际设计中，要充分应用视觉传达设计中画面一致性、整体性、个性化的设计理念，考虑用户群体的审美习惯、年龄背景等确定界面风格，再注入一些个性化的设计元素来丰富界面图标的内涵和外观，提高图标的识别能能力。最后利用一些软件对图标的操作顺畅性进行优化。只有在保证移动UI界面良好的操作体验和艺术视觉的双重效果的前提下，才能不断提高用户体验的满意度，吸引更多用户使用。

　　参考文献

　　[1]李敏。视觉元素在界面设计中的传达与应用分析[J].大众文艺，2019（11）：103-104.

　　[2]陶洁。视觉传达设计在移动UI界面设计中的应用分析[J].科学技术创新，2019（35）：65-66.

　　[3]温源。移动互联网软件产品的"UI"设计研究[D].山东大学，2013.

　　[4]徐静。移动UI的视觉表现[J].美术教育研究，2016（12）：51.

　　[5]张雪铭，赵晓明。设计美学在移动应用UI界面设计中的体现[J].设计，2018（07）：40-41.