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

周璨

摘要：近些年來我国人民的生活质量有了明显的上升，将主要的精神和注意力放于精神享受和体验中，人们对于网络中产品设计的美学要求越来越高，尤其是用户界面。用户界面的美观程度可以在一定程度上影响用户的消费情况和驻留的时间，为了增强其美观性需要将视觉传达设计与其进行高效的结合，在不影响美观程度的基础上还能保证用户界面的性能。本文将主要对移动设备的用户界面设计进行简单介绍，并探究视觉传达设计在其中的主要应用。

关键词：视觉传达设计;移动UI界面设计;主要应用

中图分类号：G642.0     文献标志码：A     文章编号：1674-9324（2019）12-0263-02

一、移动设备的用户界面设计简介

UI是User Interface的简写形式，其含义为用户界面，包含的范围比较广，如用户与机器之间的互动行为、点击操作的路径选择、可视化界面的图片排布等。在移动设备中（如日常应用的手机、平板电脑、导航仪等）的锁屏、移动APP的图标与界面等都是UI设计的一部分，也就是移动UI，它包括用户界面、人机交互、操作逻辑。现今社会中的移动设备应用越来越多，人们在应用的时候对APP的界面要求也越来越高，在这种情况下如果用户的界面美观程度达不到要求则可能导致用户的数量大幅度下降，因此移动设备APP的管理人员对界面设计的美观性加大了重视程度。经过长时间的发展后，移动UI界面设计逐渐形成了规范化的发展趋势，从发展前期的拟物化到现阶段的扁平化，在设计风格上已经产生了巨大的变化。UI设计的原则也逐渐趋向于同一，包括设计文字的大小、操作的提示界面以及整体页面的布局等，在保证美观的基础上还能为相关设计人员提供必要的标准[1]。

二、视觉传达设计的概念

视觉传达设计主要是通过视觉将绘画、页面布局以及平面设计等表现出来，并且表现的方式一般情况下为二维手段，在这一过程中通过融入文字能够产生更好的效果。其中，视觉主要指的是人们在日常生活中能够通过眼睛看到的事物，也是一种符号，包括电影、建筑、设计人员的作品，以及古代流通的货币等;而传达主要指的是将视觉收集到的信息通过某种方式进行传递，包括个体之间或者群体之间，其中传达的要素包含传递的主体、对象、目的、效果。在日常生活中比较常见的视觉传达设计应用职业主要包括产品外形设计以及部分商业宣传，并且逐渐在高校的教育中占据了越来越重要的位置[2]。

三、视觉传达设计在其中的应用

（一）页面布局

1.风格。由于视觉传达的主要目的是传递信息，因此布局风格很重要。用户界面设计人员需要在保证用户体验的基础上通过增加相关风格的视觉设计能够更好地表现出自己的设计思路和理念。如，设计人员可以在现代的页面布局中融入部分传统设计元素，不仅能够起到传递信息的作用，还能简化设计思路，为设计人员的工作提供更加广阔的思路和平台，体现出了设计的简约性和创新性。

2.尺寸。现阶段移动设备的屏幕尺寸都不会太大，尤其是手机的屏幕能够收集到的信息量相当有限，但是移动设备的APP依旧能够在此类比较小的屏幕中展现出自己的视觉传达设计优势，通过自身的设计规范和美观程度与用户之间保持更加合理的沟通方式，能够在用户界面承载更加多样化的信息，并且可以实现视觉交互的用户体验。相对来说，移动设备应用中的页面布局以及规划设计方案，能够在较大程度上对用户的使用习惯以及对于应用的操作都会产生不同的影响。在这样的基础上，不仅需要在移动设备应用的设计上实现与用户交互的逻辑，还需要从页面美观的角度对页面布局等应用到视觉传达进行设计，在这一过程中设计人员需要对社会中大多数用户在页面布局方面的爱好和习惯进行详细调查，将调查到的数据经过整理后应用到用户页面的布局中，这种方式可以大幅度提升移动设备APP用户的满意度，从而达到将视觉传达设计应用到其页面布局的应用目的[3]。

3.兼容。移动设备的应用设计人员还需要考虑到用户手机屏幕的尺寸可能存在较为明显的差异性，设计方案在规划的过程中首先需要检测用户手机屏幕的大小，然后根据不同的尺寸制定不同程度的页面布局，尽力让每种手机屏幕的用户都能够在使用的过程中获得最佳的应用体验。由于手机的屏幕一般情况下尺寸都相对较小，而移动UI界面设计人员还需要将尽可能大的信息量呈现在用户的应用过程中，这就需要通过视觉传达设计在页面布局中发挥出关键性的作用，主要的应用方式是将相对来说较为重要的信息凸显到页面中更加显眼的位置，然后将同种类别的信息进行整合，将关键信息的集合通过页面进行传递，在这一过程中相关设计人员还需要在保证美观程度的基础上为移动UI页面设计留出部分空白，这样能够将视觉传达设计的优势通过更加合理的方式传达出来，为用户的应用体验提供更加优越的条件[4]。

（二）色彩

移动UI界面设计中色彩的应用相对来说是整体视觉传达设计中最重要的元素之一，虽然不同的用户对于色彩的喜好程度可能存在着比较大的差异性，但是通过不同色彩的配合基本上能够满足大多数用户的审美标准。移动UI界面设计人员需要在对页面进行设计的过程中对色彩的应用保持灵活性，并且根据色彩心理学设计出更加合理的页面视觉传递效果，从而满足用户应用习惯以及心理的感官体验。在传递的内容带有比较强的娱乐性时可以应用较为明亮的色调，色彩在移动UI界面设计中的应用涵盖面比较广，并且需要在不同的场合和人群中体现出不同的价值，这样才能发挥出色彩的主要应用效果[5]。

（三）文字

文字作为用户最直接的感官体验能够在移动UI界面设计中发挥出极其重要的价值，是信息传递的主要载体，可以作为两者之间沟通交流的桥梁。由于文字与图形相比对用户的吸引力不够直观，但是在用户界面的表现和与用户的沟通方面文字能够发挥出更有价值的作用。而现阶段中的文字应用相对来说信息量比较大，设计人员考虑到用户手机的尺寸较小就需要将其简化，尽量突出信息的重点，这样不仅能够为用户提供更加快捷的服务，并且在界面的简洁效果中能够突出，避免出现由于内容烦琐让用户产生迷惑。在部分界面需要对内容进行详细解释的情况下设计人员还需要注意文字的排布问题，将文字之间的间距尽量保持在较为合理的范围内，对于文字标题等需要进行加粗或者加重处理[6]。

四、結束语

随着网络技术的飞速发展，相关设计人员都需要根据社会变化的趋势对自身的工作进行相应的改进。现阶段的移动UI界面设计中已经逐渐在各个方面融入了视觉传达设计，例如，页面布局、色彩、文字以及元素符号等，为用户的应用体验做出了大幅度的改进，再加上两者之间存在着比较大的关联性，为现阶段两者的融合奠定了坚实的基础。

参考文献：

[1]许琛.UI界面设计在视觉传达设计专业教学中的应用研究[J].科教导刊，2016，（34）：98-99.

[2]高焱.视觉传达设计的构成要素在游戏UI中的运用研究[J].经济管理：全文版，2016，（10）：00124-00124.

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

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

[5]涂凌琳，朱晓雅.浅谈适应老年用户的手机社交应用UI设计[J].科技创业月刊，2016，29（19）：32-34.

[6]杨思琪.基于视知觉理论的3—6岁儿童教育类应用软件UI分析与设计[D].湖南师范大学，2016.

Application of Visual Communication Design in Mobile UI Interface Design

ZHOU Can

（Changsha Commerce & Tourism College，Changsha，Hunan 410000，China）

Abstract：In recent years，the quality of life of the people in our country has been obviously rising，and the main spirit and attention are put on the spiritual enjoyment and experience.The aesthetic requirements of the product design in the network are getting higher and higher，especially in the user interface.The aesthetic degree of the user interface can affect the user to a certain extent.In order to enhance its beauty，it requires the combination of visual communication design with high efficiency in order to enhance its beauty.It can also ensure the performance of the user interface on the basis of the degree of beauty.This article will mainly introduce the user interface design of mobile devices，and explore the main applications of visual communication design.

Key words：visual communication design;mobile UI interface design;the main application