视觉传达设计在移动UI界面设计中的应用与现状

摘要：随着触摸屏技术和网络技术的日渐成熟，使得移动通信行业得到飞速的发展，给人们的生活了带来了巨大变化和便利。移动UI设计包括使用界面、人机交互、用户研究三个部分，使用界面在移动设备的日常使用中是最先接触也是最常接触的一部分，视觉设计师只有合理的设计移动界面，注重用户情感需求，才能使移动产品在激烈的市场竞争中脱颖而出。本文对视觉传达设计概念进行了分析，然后从色彩、文字、图形和界面布局的视觉传达设计方面对其在移动UI设计中的运用进行了探讨，以期对移动UI的设计和应用提供帮助。

关键词：视觉传达设计;移动UI界面设计;现状分析

视觉传达设计所遵循的是审美原则和逻辑性，移动设备技术的革新带来了全新的触觉体验，更多的是移动设备的界面设计带给人们全新的视觉感受。纵观当下移动多媒体的应用已经作为人们日常生活中不可或缺的一部分，智能时代信息技术正在潜移默化地融入到人们的衣食住行，而用户界面设计的优良成为人们选择移动设备的标准。生活品质的不断提高带给人们的追求层次也在不断发生变化，产品的使用标准不仅仅要满足顾客的使用需求，还要更高层次的满足用户的心理需求。总之，设计师可以在创作的过程中通过设计风格的改变来体现出多元的文化特点，或者加入生活化的故事情节，以缓解高速运转的生活工作压力，为枯燥乏味的日常生活增添活力。

1 基本概念和理论支撑

1.1 UI设计

关于移动设备的UI设计，一般说来包括应用界面、人机交互、用户研究三个部分组成，应用界面是设计师与用户沟通最为直接的形式，设计师通过将界面中的文字、图形、色彩经过精心的设计排版，做出符合大众审美需求的用户界面，并融入生活化的设计元素，做出能够迎合时代发展潮流，并具有个性化的移动界面设计更容易吸引用户的眼球，建立在科学性上的移动UI设计把追求个性化和人性化功能作为新的追求，未来势必向着满足人们情感化需求的方向发展。

1.2 视觉传达设计

所谓视觉传达设计，其实就是通过视觉设计对页面布局、绘画等进行较好传达表现的设计方法。实际的视觉传达设计，通常采用二维手段，通过融入文字获得较好的信息传达效果。在日常生活中，人们通过眼睛看到的事物就是一种视觉符号，需要采取某种方式进行传递，传递内容包含主体、目的、对象等。凡是人的视觉能够感知到的基础层面的设计都可称之为视觉设计，图形、色彩、文字是視觉设计中最为重要的表现元素。笔者则认为视觉传达设计最简单的的概述就是一种通过信息的表现，来传达出设计师的想法，从而引起受众情感共鸣的一种设计形式。

2 视觉传达设计在移动UI设计运用分析

面对当前人们心理需求匮乏的情况下，在移动界面设计由原来单纯的视觉平面设计向情感化设计的方向延伸，在UI界面的设计中运用色彩、文字和界面，拉近移动与用户之间的距离，更加符合当代用户的感性消费理念。

2.1 移动UI色彩设计

移动设备（如日常应用的移动、平板电脑、导航仪等）的普及，以及各种APP的诞生，人们在琳琅满目的界面呈现中更加追求具有美观性的设计，在移动UI界面的设计中，色彩对于整个界面的呈现有着重要的影响作用，在界面设计中灵活的运用色彩，并使之与设计师的想法结合创造出有特色的设计，引起受众的共鸣是设计的重点之所在。

每个人对色彩的感受都是不同的，同一种颜色面对不同的受众会有不同的心理感受，在移动界面的色彩使用中设计师应该把握具有共性的色彩元素进行创作，简而言之就是要充分把握用户的审美心理，尽量避免使用太突兀的色彩进行创作，特定的情节环境色彩元素在移动UI设计中是一个举足轻重的组成部分。同一个人在不同的心理状态下搭配不同的色彩使用。比如在情景化的设计中界面色彩的使用要与故事情景相互融合，能够起到渲染画面的作用，更能增强整体界面设计的艺术性。移动设备界面的色彩设计对设计师提出了更高的要求，首先，在进行色彩选择的时候要具备敏锐的观察能力，要求设计师对色彩要有独特的色彩感觉，还要运用扎实的理论基础进行组织编排，由于移动界面这一实体的特殊性，在进行色彩搭配的同时要灵活运用思维进行具体问题具体分析。

2.1.1 界面颜色的选用要符合具体行业的总体特点。特定颜色的使用在各个行业中所包含的意义不同，所呈现出的各式各样应用之所以能够让用户在短时间内做出区分，在于各种应用颜色上的使用不同，在移动界面设计中合理的配色有着十分重要的意义。在配色的使用上不仅要符合具体行业的总体特点，还要满足受众在移动设备应用的使用过程中更加舒适的用户体验。例如在医疗类的移动应用中一般多使用蓝色、绿色而比较张扬的大红色则较少使用。

2.1.2 相同色相，不同的明度变化。在界面颜色的使用中，往往使用的色彩较少。之所以看上去没有很单一，是因为在相同的色相中，对色彩的颜色进行了明度上的变化，在UI界面设计中颜色上的渐变效果是经常使用的一种手法，但要尽可能避免多色的混乱模式出现，在色彩中适当的加入白色，让画面简洁清晰的同时，增加界面的美观度，从而达到画面意想不到的视觉效果。

2.1.3 在同类色的使用中合理加入补色。在色彩的搭配中经常可见设计中互补色的使用，互补色就是在色相环中相差180度的色彩区域，在界面颜色的使用上适当的加入补色能够增加画面的平衡感，在整体界面的设计中起到画龙点睛的作用，通常在电子商务类的应用界面比如天猫、京东等APP的设计中，设计师有意识的在需要引起顾客注意的地方加入补色的使用，以此来吸引顾客眼球，起到很好的宣传作用。

2.2 移动UI文字设计

文字在视觉设计中作为指示性语言，已经成为界面与用户之间沟通的重要形式。文字在移动设备界面中作为各级菜单标题存在，能够让用户一目了然所处层级的操作用途，除此之外文字的设计还可以作为对所读信息的状态说明等。UI设计中的文本要经过设计师加工提炼，用最精确的语言描述信息所包含的视觉内容，除此之外筛选出来的文字应该具有代表性，能够使用户完全明白操作程序的具体用途，不应该具有含糊不清的文字在内，在界面设计中需要凸显的文字要做出适当的变化，在整体画面和谐的前提下，给文字做出颜色上或者字体上的变化，进行设计的前提不要妨碍用户的界面操作，还要满足整体界面的视觉舒适度。对移动设备界面的文字进行处理，要注意视觉层级上文字大小的设计，使文字之间保持相对舒适的距离，使用户操作起来不至于对密密麻麻的文字产生视觉疲劳，文字行距也要进行适当的调整，在界面设计中文字不可排的过满，画面中适当留白，让画面有呼吸的空间存在。

2.3 移动UI图形设计

相比文字來说图形跟便于人们进行识别，图形传达语义的速度比文字也要快得多，由于所处地域文化的差异在文字的表达上难免引起歧义，图形的传播就相对来说更为方便，具有直观性、概括性等特点。用文字进行描述要占用移动设备界面大量的篇幅，在当下较快的生活节奏下，用户很难为无用信息停留更多的时间，因此选用图形进行阐述是适应时代潮流的必然之举。移动设备界面中的图形创意设计带给用户新的视觉感受，打开了让受众认识世界的窗口。图形语言已经成为世界性的语言，在移动设备界面设计中加入生动形象的图形设计，在为画面增添情趣的同时，能够灵活的与用户产生互动，并在界面设计中起到对用户进行提示操作的用途。移动设备界面设计中图形创意具有（下转页）

（上接页）深刻的语义和创新性带给用户具体可感的形象世界感受。

2.4 移动UI板式设计

移动设备中的版式设计同海报中的版式设计有着许多相同之处，只是所赋予的整体环境上的区别，以及画面版式大小的不同。在移动设备的版式设计中，要严格把控功能区与任务区的界限，要想在较小的移动设备界面设计中尽可能多的展示更多内容，需要设计师做到界面空间的合理划分，并学会运用视觉设计语言进行创意化表达，诸如在界面设计中为强调特殊部分得内容可以对其他区域进行适当留白，转移用户的视觉重点，保持界面的视觉均衡。在移动设备界面版式设计中且不可使画面内容太过饱满，过于饱满的视觉设计容易造成用户视觉疲劳，保持界面设计的轻松愉悦性，对视觉元素中的符号进行合理规划对用户的使用体验有着重要的作用。

3 结语

移动UI在设计实践中要加强界面色彩、文字和布局的视觉传达设计，通过简单的界面进行内容的直观展示，从而减少界面信息获取过程中的认知障碍，为用户的应用体验做出了大幅度的改进。

参考文献：

[1] 周璨.视觉传达设计在移动UI界面设计中的应用[J].教育教学论坛，2019（12）.

[2] 韩晶晶，李洁.手机UI设计中色彩的重要性及应用研究[J].电脑知识与技术，2017（27）.

[3] 何扬帆，覃会优.论图像学分析法对移动UI界面设计的应用研究[J].工业设计，2017（08）.

作者简介：张毅（1983—），男，河南平顶山人，平顶山工业职业技术学院助教，研究方向：视觉传播设计与制作。

（作者单位：平顶山工业职业技术学院）