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

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

摘 要：当前网络技术发展速度不断加快，触摸屏技术趋于成熟，推动移动通信行业发展速度加快，使得人们的生活变化非常大，而且更加便利。移动UI设计主要包括三个方面的内容，即使用界面、人机交互以及用户研究，其中使用界面是最常接触的，在设计移动界面的时候要保证其合理性，对用户的情感需求高度，才能提高移动产品质量且满足用户需求，提高市场竞争力。本论文着重于研究视觉传达设计在移动UI界面设计中的应用。
关键词：移动UI界面；视觉传达；设计；应用

引言：
现在的人们对移动多媒体有一定的依赖性，该技术已经成为人们生活中的重要的组成部分。现在是智能技术普及的时代，各个行业都离不开信息技术，甚至人们的生活中智能技术也无处不在，用户界面设计已经成为选择移动设备的一个重要条件。人们的追求层次不断变化，产品的使用标准也随之变化，为了满足顾客的需求，就要做好视觉传达设计工作，使得人们的心理需求得到满足[1]。所以，视觉设计人员在开展工作的过程中，要从用户需求的角度出发改变风格，充分体现多元文化的特点，加入人们所熟悉的生活情节，用于环节人们的生活以及工作压力，让日常生活内容更加丰富多彩且充满活力。
一、基本理论
（一）UI设计
在对移动设备进行UI设计的时候，主要包括三个部分的内容，即应用界面设计、人机交互设计以及用户研究。其中应用界面具有直观性，视觉设计人员与用户之间可以用这种方式直接沟通[2]。在具体的设计工作中，就是排版界面中的各种元素，包括图形、文字以及色彩等等，使得移动界面设计符合时代潮流且充满个性。移动UI设计科学化，在体现特色化、个性化的同时，还要发挥人性化功能，使得人们的情感化需求得以满足。
（二）视觉传达设计
所谓的“视觉传达设计”，就是采用视觉设计的方式对页面合理布局，对图片以及文字等进行排版，以对设计意图准确传达，满足用户的需求。在进行视觉传达设计的过程中，往往应用二维技术手段，将文字融入其中，使得信息传达效果良好。在人们的日常生活和工作中通过眼睛对事物有所了解，这就是视觉符号。视觉符号的传递需要采用某种方式实现，传递的内容涵盖目的、主体以及对象等等[3]。只要是人通过视觉可以感知到的，都可以在基础层面对色彩、图形以及文字等视觉元素合理布局，这就是视觉设计。视觉传达设计事实上就是通过信息的表现对设计人员的思想准确传达，让受众理解从而引起情感共鸣。
二、移动UI设计中视觉传达设计的应用
（一）色彩设计
1.从行业特点出发选择界面颜色
使用特定颜色的时候，各式各样的应用呈现出来，可以让用户快速区分，可见，使用不同的颜色搭配对移动界面设计意义重大。使用配色的过程中需要充分考虑到行业总体特点，使用户在应用移动设备的时候提高舒适感。比如，在设计医疗类移动界面的时候使用蓝色、绿色，却很少使用大红色。
2.色相相同，明度变化不同
界面设计使用有限的色彩却不会给人以单一感，主要是由于色相相同的情况下调整了明度。在UI界面设计中，对于色彩的运用采用了渐变设计效果，由此不会出现多色混乱的现象。在色彩中合理使用白色，整个画面看起来简洁而且清晰，提高美观度，使得画面的视觉效果良好。
3.使用同类色要进行补色
在搭配色彩的过程中使用互补色是比较常见的，在界面色彩使用中将补色加入其中，可以使得整个的画面更加平衡[4]。比如，在电子商务类的界面设计中，诸如天猫界面的设计以及亚马逊界面的设计都会合理使用补色，可以引起用户的注意，发挥其宣传作用。
（二）文字设计
在视觉设计过程中，文字是指示性语言，以使界面与用户有效沟通。在移动设备界面中，文字主要用于各级菜单标题，用户在界面操作的时候按照文字的指示进行。另外，在设计文字的时候，还可以让用户对于信息状态随时了解，使其起到说明的作用。在UI设计中，设计人员要对文本进行加工和提炼，做到言简意赅，筛选的文字要有代表性，用户对文字的表达意图明了。界面设计中应用文字元素，需要对文字表现形象予以变化，使其在整体画面上更加突出，且提高和谐度，主要采用的方法是给文字涂上颜色，或者对字体的表现形式予以变化，保证用户界面操作顺畅，使得整个界面有较高的视觉舒适度。
在处理移动设备界面上的文字时，对于视觉层级上文字设计规格要高度重视，文字之间的距离要舒适，避免文字过多导致视觉疲劳，通过适当地调整文字行距，并适当地留白，提高整个画面的舒适度[5]。（图1：文字设计界面）

图1：文字设计界面

在图1的界面设计中，本着“书画同源”的汉字发展传统，视觉上来看是将书法与绘画建立关联性，所以画中的构成要素采用的是水墨元素，随着天地、⻦兽、 器物、人物、宫室、草木等象形文字的意象改变，画面中的元素也层层叠叠地发生转换，给用户以情景感和体验感。通过这种创作模式，不仅产生视觉美感，而且能够很好地理解汉字的象形特征，从中能够体会到古人造字的智慧以及乐趣。
（三）图形设计
在移动设备界面上，文字描述的篇幅比较大。处于现在快节奏的生活环境中，用户不会用很多的时间面对没有价值的信息，所以，用直观性比较强的图形表达是非常必要的。在对移动设备界面中的图形进行创意设计过程中，让用户有新的视觉体验。图形语言是世界通用的语言，将生动形象的图形加入到界面中，会给人以视觉刺激，且整个的画面充满情趣，还可以与用户之间灵活互动，还可以用这种方法提示用户正确操作。
（四）板式设计
在移动设备设计中采用版式的方法，要合理控制功能区与任务区的范围，保证界限清晰，界面的空间有限，却可以容纳更多的内容，且保证展示的合理性，设计人员对于界面的空间要合理划分，合理应用视觉设计语言，能够对表达创意准确表达。比如，在对界面的设计中，要强调特殊部分内容，还要注意在其他的区域做好留白，做到用户视觉转移，保证视觉效果良好，使得整个的界面看起来比较均衡[6]。在界面的版式设计中，内容不能过于饱满，而是要合理规划视觉元素，否则会引起视觉疲劳。要保证界面给人以轻松感，给用户以良好的使用体验。（图2：版式设计界面）

图2：版式设计界面

布局设计包含很多方法和规则，在具体的设计操作中需要对这些方法以及规则予以理解，从而掌握面板设计的技巧并灵活应用。这些形式美规则是版面设计的基础，一些规则在应用程序界面设计中经常使用。横幅中几乎所有的排版方法都是从版式设计方法扩展而来的。
版面布局需要按照如下的步骤进行：
（1） 草稿。当处于创作阶段的时候，不需要注重精致整洁，也不需要对细节功能予以重视。此时所需要做的就是使粗线条将轮廓勾勒出来。图片越多越好，最后选择一张令自己满意的图片，将此作为创作的脚本，
（2） 粗略布局。及用户草稿对于页面上的功能模块合理安置。在功能模块中，执意要涵盖的内容比较多，除了网站徽标、主菜单以及新闻之外，还有搜索、友情链接等模块，此外，还包括广告栏、版权信息、邮件列表等等。需要注意的是，在这里需要遵循的一项重要原则是突出要点，保持较高的平衡度和和谐度，其中有非常重要的模块，包括网站标志以及主菜单等等，在比较显眼的位置放置，之后对二次模块的发射充分考虑。
（3） 最后定稿。细化并具体化粗略布局，最终达成令人满意的最终决策。
在进行布局设计的过程中中需要遵循的原则包括四项：第一项，增强视觉效果；第二项，保证副本有较高的可视性和可读性；第三项，对于愿景要统一化处理；第四项，保证新鲜且充满个性，这是布局的最高境界。
网页设计本身就是一种视觉语言，在进行编排的时候需要高度重视，做好合理布局。即便网页设计的时候并平面设计并不相同，但是相互之间也存在共性，需要寻找相似的位置，需要充分利用并保证借鉴的合理性。
在进行布局设计时候需要采用元素组合的方式，将文字与图形在空间合理组合，娘和谐与美都充分表达出来。如果网页设计师足够优秀，就知道采用何种方式对于各项元素合理布局，知道一段文字和一幅图片需要放在合适的位置，只有这样才能使整个网页看起来更加和谐，且产生视觉冲击力。网页设计师需要从整体角度对各项元素布局合理，保证元素安排的有序性和完整性。一部优秀的设计作品要采用巧妙合理的视觉方式对不能用语言表达的思想进行阐述，而且内容更加丰富，保证内容多样性的同时，确保借面单简洁和清晰。多页面网站的布局中，要考虑到设计的需要，激昂页面之间的有机关系充分体现出来。这里需要直接面对的问题是页面之间及其内部的顺序以及内容之间所存在的关联性。为了达到最佳的视觉效果，就需要保证整体布局有一定的合理性。特别是对于与上下文密切相关的页面，需要对前进按钮和后退按钮合理设计，确保访问者能够仔细学习。
结束语：
通过上面的研究可以明确，在设计移动UI界面的过程中应用视觉传达设计，能够合理布局界面上的元素，诸如颜色、文字等等，使界面能够直观地显示内容，用户能够轻松获取界面信息并且能够正确解读，避免产生认知障碍，从而提高用户应用体验。
参考文献：
[1] 陶少奇.视觉传达设计在移动UI设计中的运用初探[J]. 新闻研究导刊， 2019，010(4):172-173.
[2] 叶方，戴文雅.视觉传达设计在车载中控UI界面的运用及其发展潜力[J]. 大众文艺，2020，494(20):46-47.
[3] 王康、胡快快、别杨慧美.视觉传达设计在移动UI界面设计中的应用与现状[J].艺术大观，2020，068(32):85-86.
[4] 孙菲菲.浅谈人性化理念在视觉传达设计中的应用[J].鸭绿江，2019，000(12):110-111.
[5] 吴昊珍，解冰草.情感化视觉构造在移动UI设计中的应用[J].艺术品鉴，2019，000(20):45-46.
[6] 张艺弋.移动互联网UI设计中视觉界面的应用设计研究[J].艺术品鉴，2019，000(2X):312-313.

-全文完-