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

叶聪

摘要：当前的移动软件已经开始重视UI界面设计工作，并且引入了多种设计技术，其中视觉传达设计为其中的最重要设计技术之一。基于对视觉传达设计中可用因素以及表达形式的分析，结合对移动UI界面设计中需要关注重点内容的总结，本文提出了视觉传达设计在移动UI界面设计中的应用方法，从而让界面设计的科学性提升。

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

中图分类号：TP393      文献标识码：A

文章编号：1009-3044（2019）25-0308-03

在视觉设计中，其当前已经成了一门独立的学科，其在不同的设计领域中使用方式和注重的因素有所不同。在移动软件的设计中，要从这类软件的本身角度出发，依照视觉传达设计中的相关知识完成所有的设计项目，但是对于移动UI界面来说，由于UI界面占用空间过大会降低软件的响应速度，所以也要考虑界面设计上的简洁性。

1视觉传达设计中的可用因素以及表达形式

1.1 版式布局

移动APP受到手机屏幕空间的桎梏较大，为了能够更好地完成对所有项目的分析，要通过对整个界面版式的合理布局，提高界面的设计美观性和科学性。

版式布局设计中，当前开发出了多种形式，本文将其归类为多阶段分布式布局和整体性布局两种方式。前者的概念为，界面上分为多个不同的层次，或者通过在界面上设置对中颜色强度渐变图片、线条增加复杂度等方式，提高界面涵盖信息数量的样式。对于分为不同层次的方式，在当前的移动UI界面中的应用概率较低，原因为这种设计方式难以和移动APP中的内容和内涵对接，并且当前的手机系统中多植入广告，所以界面会保持一段时间，这种方式会提高对用户的感官刺激，只有在特定情况下才可用。而对于提高信息量的情况，考虑到手机屏幕尺寸，一味增加信息量的方式作用效果较为一般[1]。从整体上来看，当前这种版式布局方式的使用量较少。

后者的概念为，移动UI界面不再只重视对信息的表达和传递，而是更注重对用户的吸引，常用的设计方法为“留白”形式，只通过凸显出关键信息的方式，展现相关APP的特色。

1.2 界面色彩

界面设计中采用的色彩要考虑多种因素，其中最首要的为整个底色方面的色彩搭配方案，对不同的手机移动软件来说，其具备的内涵和发挥的作用有很大不同，其需要向用户展现的特点也有所区别。为了能够提高用户的观感，所以要保证采用的底色能够和app发挥的功能以及具备内涵方面的完整适配，通过这种方法方可让软件能够被更多用户所接受。

而对于版式设计工作来说，虽然在设计中经过多种设计上的变更方案在， 即从小内存阶段的简约设计，到智能機普及时的复杂设计，再到当前最为常见的简约设计方式，设计思想经过了对此变更，但是具体的设计中都需要能够通过对移动UI设计工作，凸显出所要向用户传达的信息和意图[2]。

在界面设计工作中，要注意整个界面设计过程中的选用颜色，尤其是对于整个界面中的文字信息，由于文字为整个界面的升华和相关信息归纳，所以需要其能够与背景颜色之间有较高的差别，可以让用户在第一时间通过阅读文字发现该手机移动软件的具体应用特点和功能。

1.3 文字线条

界面设计中针对文字线条的设计工作必不可少，原因为只通过设置的照片很难让用户找到这一软件中涵盖的信息，而通过对文字和线条的应用，可以实现对相关因素的有效融合和连接。在完成对所有项的归类和融合后，用户可以第一时间发现这一界面所具备的信息量和信息内容，最终让用户能够根据自身所求，确定是否下载相关软件。

文字线条设计一方面要注意这些信息的传达方式，以确定文字的构成以及表达方式，文字和线条信息为软件的整体升华项目，所以要保证设计的专业性，尤其是对于文字方面，这一因素需要有专业的文案撰写人员完成设计。而对于字体的其余构造因素，包括字体颜色、字体大小、字体字号、字体设置位置等多种因素，这些因素将由界面设计人员完成，就在所有因素合理搭配的情况下，才可确保用户能够提前通过阅读文字找到整个软件的特点和相关信息。

1.4 元素符号

元素符号的概念为，通过对字母、相关图形等因素的使用和融合，完成对整个移动UI界面的设计，并且这些因素要能够与软件的整体运行方式和运行内涵衔接，通过这种方法最终让软件能够被更多用户接受。

对于不同类型、不同功能的软件来说，其具备的元素符号类型也有所不同，例如对于图形元素当前常用的为圆形因素以及其余不具备较为尖锐角度的图形，原因为从心理学上来看，当前常用的图形能够更好地与用户的心理契合，并且这类元素最大限度降低了信息传达中的攻击性因素。

2 移动UI界面设计中需要关注的重点内容

2.1 搭配合理性

移动UI界面设计中要关注使用元素的搭配量和搭配效果，需要考虑的因素包括整体版式设计、选用的因素设计、移动UI界面中设置的文字以及线条等，只有在所有项目都符合要求的情况下，才可以保证整个UI界面的搭配合理性。

考虑到移动UI界面的特殊性，即展现屏幕较小，所以在搭配方面需要考虑的内容为文字的确定位置、相关图形的表现形式等[3]。

另外也要按照整个app发挥作用的角度出发，确定该软件的作用形式以及内涵和功能特点，在此基础上确定采用何种版式布局形式，虽然常见的版式为简约性设计，但是在一些特殊情境下的软件中，简约现设计涵盖的信息量过低，降低了这一系统的发挥作用。

2.2 界面简约性

在当前的网络信息技术发展中，用户会在短时间之内收集到大量的信息，长此以往，会使用户产生信息收集疲劳症状，所以可以看到当前用户对界面设计简洁性提出的要求逐渐升高。

移动UI界面设计的两个重要因素为对相关信息的传达和对用户心理预期的满足，甚至在一定条件下或特定的软件中，后者的优先级要远高于前者。从这一角度来看，当前和今后的移动界面发展研发中，采用简约性设计的软件类型会逐渐增高。

但是这种认知只是一种普适性的认知模式，对于一些特殊类型的软件来说，其移动UI界面的设计复杂都需要大幅提高，达到刺激用户感官、吸引用户兴趣以及大量传达信息的目的，这类软件最常见的为各类手机移动游戏软件，当前已经确定这类游戏软件的UI界面设计舒适程度和对用户的感官刺激程度，会直接决定该游戏今后一段时间内的用户热度和发展表现。

2.3 界面适配性

对于界面的适配性来说，要从该软件发挥作用、发挥功能以及作用内涵的角度出发，完成对各类信息的传达，并在此基础上确定采用的整体性设计思路。而对于当前的移动软件来说，其功能区别性较高，除了上文中提及的游戏的软件采用非简约型设计思想，对于其余一些类型的软件界面设计中，其跳脱传统设计思想的概率越来越高。

在信息传达量以及软件界面设计方式的确定中，也可以分析该软件需要向用户传达的思想和软件本身涵盖的信息量，研究软件界面是否需要提高复杂度。例如对于中国大学MOOC软件的说，其界面就属于非简约原型设计模式，软件界面上覆盖的信息量较高，通过界面上设置的文字表述了该软件发挥的作用和功能，所以从这一设计思想和产品表达上来看，可以确定要能够提高对移动UI界面的设计精度和设计科学性，需要分析软件的运作方式，在此基础上让整个软件和UI界面之间能够更好衔接。

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

3.1 版式布局设计应用

在移动UI界面设计中，最基础也是最重要的工作为版式布局设计，在此基础上才可以完成对后续内容的研究和完善。在本文的分析中已经按照软件的用途实现对版面布局方式的分类，并且从用户的心理预期和心理期待角度出发，提出版面设计的具体操作方式[4]。

对于非简约性设计的版面布局形式来说，界面发挥作用的最主要形式为能够实现对大量信息的传达和能够刺激用户的感官，另外与一些特定用户的审美思想集合。

在具体的设计中要严格分析这一软件发挥的作用，在此基础上完成对后续内容的开发和完善，针对大量信息传达内容来说，主要包括的软件类型为教育学软件、各类行业专用软件等，这类软件需要具备一定文化基础的人才能使用，尤其是对于各类专业性软件，所以其采用的布局模式可以为较为复杂性的布局模式。但是对于大部分这类软件来说，由于具备一定知识量的人员通常对复杂信息处理效率较高，并且对这类软件的界面具备信息量追求较低，所以当整个设计复杂度过高时，通常情况下，无法实现对用户注意力的有效吸引，同时该过程中设计人员需要考虑大量的因素，导致整个软件界面的设计成本提升。

对于需要通过界面刺激用户感官的软件来说，主要为各类游戏软件，其设计的界面通常为游戏的更新内容、游戏的主要玩法等，并且为了进一步提高用户的感官刺激，可以采用动态图片的方式完成对整个UI界面的设计。

而对于有一些只针对特定用户审美情境的软件来说，需要从该软件发挥功能的角度出发，确定整个软件中涵盖的信息量和信息内容的表述。

对于其余的简约性软件设计方法来说，最主要的设计思想为在确定底色的基础上，完成对其余因素的增加，通常情况下要配置的底色为单一性颜色，通过这种方式才能够更好凸显其實设计内容中涵盖的信息。在当前的大量软件设计中，已经开始采用这种设计思想实现对各类信息的输出。

3.2 界面色彩设计应用

在界面色彩的设计中，要考虑整个软件需要向用户传达的信息，并且要防止采用的颜色搭配模式对用户的心理情况造成过大影响，另外也要考虑该颜色是否会对用户的感官产生刺激。

通常情况下，冷色系和暖色系的颜色都可以作为UI设计界面的底色，但是也要考虑这一软件的整体氛围和整体风格。比如对于运动类软件来说，需要让用户才能一种冲动性行为，以刺激用户能够参与到运动项目中，由于冷色系通常会让用户产生冷静行为和冷静心里，这与整个软件的功能范围不协调，所以要通过对暖色系的颜色应用，让最终设计的移动UI界面和整个软件的功能协调。另外发现也具有一些特殊类型的软件，采用色调颠倒的方式提高用户的黏度，例如对于keep运动软件来说，其移动UI界面主要采用冷色系，原因在于该软件强调一种用户需要长期坚持的观念，从最终的作用效果上来看，其已经属于提高用户冷静程度的范围，所以采用这种设计方法具有很高的科学性。

3.3 文字线条设计应用

文字线条应用能够在很大程度上提高整个界面的复杂性程度，所以要在具体的设计工作中考虑这些因素对界面的具体影响效果。

由于文字的作用为完成对所有关键信息的表述和传达，所以文字要能够被凸显，而凸显的方式包括文字颜色和底色之间的差别、文字的字号大小和文字的表达形式，要确保所有的因素都能够为信息传达过程奠定基础。比如在各类用户多年的文字阅读中，已经养成了宋体为信息表达过程的最佳字体思想，所以通常使用这种字体表述信息[5]。

而对于设计的颜色来说，要根据背景颜色确定文字颜色，比如背景为偏白色的颜色，为提高对比度，文字颜色为黑色即可，需要注意的是，要严格避免出现形如粗体红色类型的字体，防止对用户的感官造成过大刺激。

对于线条设计，则起到对UI界面的因素链接和氛围烘托作用，要根据具体的软件功能确定线条形式、颜色等因素，由于需要提高简约性，则要降低线条颜色和背景之间的对比度。

3.4 元素符号设计应用

因素符号的设计中，需要考虑的因素为软件的整体运行形式和发挥的功能，为了能够让这一系统更好运行，则要考虑的因素为文字的形式、图形表现形式等，只有在所有的项目符合要求情况下，才可让整个界面的设计科学性提高。

设计的符号因素要从软件的作用形式考虑，选用正确合理的图形，从最终的表现形式来看，当前的设计方法为，对于商标等信息来说，通常不做出变更，需要对软件中具备信息的分析，合理确定其余各类信息的传达形式。

4 结论

综上所述，在视觉传达设计中，需要考虑的因素包括版式布局设计、文字线条设计、色彩视图设计和融入因素设计，移动UI界面的设计过程要研究的项目包括界面的简洁性、搭配合理性等，要通过对相关软件需要涵盖信息的分析和研究，完成对整个界面中所有项目的具体深入了解，最终制定出相应的设计方案。

参考文献：

[1] 王蒙蒙.视觉传达设计在移动UI界面中的运用[J].西部皮革，2019，41（07）：70.

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

[3] 陶少奇.视觉传达设计在移动UI设计中的运用初探[J].新闻研究导刊，2019，10（04）：172.

[4] 韩婷婷.移动互联网时代视觉传达设计的方法和表现特性[J].工业设计，2019（02）：145-146.

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

【通联编辑：光文玲】