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

2021-09-16吴颖

河北画报 2021年14期

吴颖

澳门科技大学

通常情况下，人们往往首先通过视觉来感知、了解事物。视觉传达设计作为一项专业学科，能够实现信息传播的同时，还能够对影响视觉的元素进行优化，比如：图片、文字、页面布局等。然而，随着互联网产业链的不断发展，UI设计逐渐被人们所知晓，和传统的视觉设计相比有着很多的相似点，但UI设计在将视觉传达设计和移动设备的相互融合上更加具有优势，从而能够增强客户的体验感。因此，对移动UI界面在视觉传达设计中的应用展开论述具有积极意义。

一、视觉传达设计与移动UI界面设计概述

（一）视觉传达设计

简而言之，所谓视觉传达设计就是对事物以可视形式传播展现出来。在可视形式上主要包括色彩、文字、排版、图像等，所展现的形式往往是二维形式。在移动UI界面设计中，视觉传达设计实现了将交互设计和实用性相互融合[1]。人们往往通过视觉来捕捉信息，所以说视觉传达与人们的视觉有着密不可分的关系，视觉传达设计正是将文字、色彩、排版等因素进行融合，从而实现传播信息的效果，在传播过程中更加注重融合审美理念和设计实用性。一方面需要使信息传播的美感得到保证，同时也要保证视觉传达设计所传递的信息能够在生活中得到运用。从设计理念角度来看，视觉传达设计的理念和移动UI界面设计理念有着一定的相似之处，由此可见，在视觉传达设计中应用移动UI界面设计能够明显提升人们审美能力，对公共信息加以传播。利用移动UI界面进行视觉传达设计时，设计人员应当遵循移动UI设计规范标准，使其充分融合在视觉传达设计的各类元素中，提升设计作品美感，实现高度统一的交互设计，使所设计出的移动UI界面符合用户审美的同时，具备一定的实用性。

（二）移动UI界面设计

通俗来讲，移动UI设计就是用户移动设备的界面。在这之中蕴含着用户体验、界面排版、人机交互等视觉设计内容。在人们身边的移动电子设备中，移动UI界面都随处可见，比如：手机锁屏画面、各个App不同的显示界面等。在发展过程中，移动UI界面设计形式逐渐从拟物化转向扁平化，最终向着多样化方向发展。对于App而言，移动UI设计效果至关重要，人们往往对App从视觉上的第一印象特别深刻，移动UI设计的质量将影响到App的下载使用量，随着互联网产品的推陈出新，产品在进行移动UI设计时需要保证实用性的同时还需不断满足人们的审美需求[2]。

二、移动UI界面设计要点

（一）合理搭配

设计元素的搭配数量和搭配方式是移动UI设计的关键点，所包含的设计元素包括：元素设计、排版设计、文字及线条设计等，为了保证整体移动UI设计合理性，应当保证所有设计元素符合要求。由于移动UI设计屏幕界面所展现的范围较小，所以在设计时图形的表现形式以及文字线条的排版位置至关重要，同时还需考虑App的功能及性质确定排版布局方式[3]。现在在设计中，简约型设计是较为常见的，但由于其所包含的信息量较少，在一些特殊情况下并不适用。

（二）简约界面

在信息技术快速发展推动下，人们往往会在很短时间内接收到大量信息，从而产生信息收集疲劳，因此在进行界面设计时对简洁性有着越来越高的需求。对信息进行传递并在视觉上满足用户的心理预期是移动UI界面设计的关键因素，在一些特殊软件中，满足用户需求甚至比传达信息更关键。由此可见，移动UI界面设计会向着简约型设计发展。

这一认知层次只是针对一些普通软件，对于一些特殊软件而言，若要对用户感官形成刺激、吸引用户并实现信息传递，就要将移动UI设计界面设计向着复杂化方向发展[4]。比如移动设备中各类游戏软件，这些App的UI界面设计舒适度和用户感官刺激程度，对游戏日后的热度和发展有着直接关系。

（三）适配界面

在分析界面的适配性而言，要从软件的作用、软件的功能以及软件的内涵进行分析，通过整体性设计思维实现信息的有效传达。对于现存的移动App而言，在功能上有着很强的区别度。对于游戏的界面设计来讲，为了增加游戏的关注度和使用量，通常应用非简约设计。

在确定移动UI界面设计复杂度时，应当着重分析软件要向用户传达的内容。此外，从产品表达和设计思维角度分析，能够对保证移动UI界面设计精准度和科学性，对软件的运行方式展开分析，从而更好衔接软件和UI界面[5]。

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

（一）文字的应用

在众多视觉设计语言中，文字是最直观也是最传统的，通过文字能够将传统信息和界面信息进行有效地传达。同时，在移动UI界面中通过文字能够实现与用户的高效沟通，与图形元素相比，可能文字并没有很强的视觉冲击力，但在实际应用中仍然具有不可替代的地位。例如：在了解某一App功能时就需要文字，为了实现视觉传达效果，在将文字应用在移动UI界面的视觉传达设计中，应当遵循以下原则：首先，简单性原则，人们生活节奏不断加快，每天需要接收大量信息，因此文字设计应当重视简化，让用户用最短的时间了解更多的内容。其次为统一性原则，在视觉设计中，文字也是重要的构成因素，在应用文字元素时应考虑文字的字体、字形、排版以及整体的设计风格等。最后为兼容性原则，这一方面主要体现在文字内容和视觉效果的有效融合，加强用户体验[6]。例如：移动UI界面介绍产品详情时，会罗列很多文字，这时就应当考虑美学效果，对文字的大小、字形、间距等进行调整，突出重点内容能够让用户直观的理解所描述的额内容。

（二）色彩的应用

色彩设计同样是视觉传达设计在移动UI界面设计的重要元素，色彩设计往往会给人视觉上的冲击感，合理的色彩搭配能够对整体的视觉传达效果都有着一定影响。在进行设计时为了保证所设计的界面能够符合用户使用习惯和心理认知，使产品满足用户的审美需求，应当重视色彩心理学和色彩设计法则的运用。同时，还可以在UI设计中，应用换肤技术，提供更多色彩搭配选择方案，从而满足不同用户对于不同色彩搭配的需求。在进行色彩设计时同样需要考虑三项原则：多样性原则，由App的功能来搭配色彩，比如游戏App和阅读类产品App在色彩搭配上就存在差异，游戏App在色彩上倾向于明快的颜色，而阅读类产品App在色彩搭配方面更加侧重沉闷或者护眼的色彩。功能性原则，比如在界面中的一些功能性按键，停止、暂停等按键，可采用醒目的红色设计，起到一定的提示作用。灵活性原则，根据移动App的应用场景和使用人群不同，确定整体色彩搭配。

（三）排版布局的应用

在移动UI设计中，App的排版布局将是用户对应用的第一印象，将直接影响着用户是够会继续使用该App。因此，在视觉传达设计中强化排版布局的应用尤为重要。在移动UI界面设计中，排版布局设计的价值主要体现在将信息的视觉交互设计与人机的交互体验效果进行高效融合。基于这一设计理念对设计人员提出了更高的要求，在移动UI界面上实现视觉传达设计和交互设计的有效融合[7]。在满足用户审美需求的同时，融入一些传统平面布局排版设计元素。排版设计看似不难，但若要将美学设计和实用性设计进行有效融合，对于设计人员而言也是有着很高要求的。

比如，在实际设计过程中，首先应当分析App的作用和功能，从而为后续排版布局提供依据。从信息传达内容角度来看，一些教育类App所传达的信息较多，使用这类App的往往是数据信息处理效率较高的，在复杂度较高的排版设计中，不能吸引用户的注意力，并且在设计过程中需要考虑的因素较多，导致移动UI界面设计成本不断增加。对于一些游戏App而言，其界面内容通常为游戏更新内容和游戏玩法介绍，版面布局通常以动态图片的方式设计UI界面。

（四）元素符号的应用

在移动UI界面设计中做好实用性、功能性以及交互性设计的同时，通过运用元素符号能够对移动界面起到美化作用，有效提升用户体验感。在选择元素符号时，通常要综合考虑软件的作用形式，保证图形符号选择的合理性[8]。例如：在App界面加载时，可通过富有创意性或者搞怪的元素符号，增强界面的创意性，使App表现得更加生动、有趣。