手机UI界面设计中视觉艺术元素的构成

孙晓宇 常能

【摘要】手机的出现和发展拉近了科技与人们的距离，手机从之前的以打电话、发短信为主，到现在的移动互联网微时代，手机与人们的生活越来越密切。虽然手机拥有着数量众多的需求者，但是也面临着其他品牌的竞争，因此，手机的UI界面设计也越来越重视视觉艺术元素。在激烈的竞争中，手机产品更加注重外形和界面交互实用性。手机界面作为人们的第一开机印象，自然更能捕获手机使用者的眼球，舒适和美观的视觉效果，会给手机的整体评价加分。基于此，本文从手机UI界面设计中的视觉艺术元素的构成原因、目的和内容进行分析，提出如何营造手机UI界面设计中的视觉效果。

【关键词】手机UI；界面设计；视觉艺术；元素构成

【中图分类号】J08 【文献标识码】A

随着科技时代的发展，人们的内心需求也发生着变化，从只注重实用性走向注重手机实用性和颜值的一体化，人们对视觉效果的舒适性更加重视，对手机设计的人性化也更加追求，现在的手机外形升级，就是要给用户提供一个技术与艺术相结合的视觉效果。手机UI界面作为手机开机的直观印象和第一印象，充当着门户的作用，无论是图标的形状、样式设计，还是界面的插件、布局，都会对用户的视觉产生影响。因此，对手机UI界面设计中视觉艺术元素的构成进行研究具有重要意义。

一、视觉艺术元素的构成原因

（一）满足用户视觉需求

用户对手机的视觉效果越来越重视，在追求高性价比的同时也会更多地注重手机UI界面设计的视觉效果，用户有需求，手机开发者就要满足这种需求来增加手机销量。UI设计涉及的领域很广泛，比如界面滑屏方式、手机界面主题、手机图标的形状等，这些都是与用户息息相关的，用户使用手机每时每刻都会与UI界面设计打交道，视觉设计使用户与手机的距离更加密切，给用户带来更加人性化的使用感觉，手机界面视觉设计艺术元素与手机本身技术的结合更被广大用户所青睐。

（二）实现手机产品的有力竞争

手机更新换代越来越快，要想在众多手机品牌中脱颖而出，就要保证手机的性能和颜值都要与世界接轨，跟得上时代的步伐，能够满足用户对手机的心理需求，才是与其他手机品牌实现有力竞争的资本，所以，手机UI界面设计中的视觉艺术元素也是为手机赢得竞争资本的有力保障。科技的发展为手机提供了技术支持和发展空间，在公共的便利条件下，只有牢牢抓住用户那颗与众不同、追求颜值的心，才能在用户内心占有一席之地。

二、视觉艺术元素的构成目的

（一）人机交互操作

用户是手机的使用者，手机UI界面设计应该更注重用户内心的需求。首先，就是避免给用户造成手机使用障碍，简单来说，就是手机UI界面设计中视觉艺术元素越简单明了、通俗易懂越好，要符合用户生活中的生活方式，采用简单的图文构图传递给用户信息。如图1所示。手机UI界面是程序操作的前提，如果连界面都难以理解、用起来不顺手，更不用说使用手机内部的程序了。简单明了的界面视觉艺术元素满足了人们在快节奏、复杂的生活中追求简洁、舒适的内心需求，手机UI界面简洁，可以给用户带来舒适的视觉效果，用户也会给这种设计好评，这就达到了人机交互的理想效果。

（二）信息传播

手机成为信息传播的一种工具，人们对于枯燥的大篇幅的文字描述并不是很感兴趣，众多的文字描述远不如几张图片表达信息更直接、更生动。比如对于手机操作而言，大篇的文字描述操作信息可能会使得用户难以理解、不愿意阅读，假如换成图文解说指引用户去操作，效果就会好很多，用户可以根据图示一步一步跟着操作，难度会小很多。图文比起堆积的文字更容易被接受，所以视觉艺术元素应该添加更多图片。

（三）娱乐享受

手机为人们紧张的生活、工作、学习增添了许多乐趣，手机UI界面设计中的视觉艺术元素构成更多的就是要带给用户一个好心情。人们对于独特、个性化的设计更为关注，当视觉艺术元素与人们的追求新奇的内心相符合时，就会让用户产生想要拥有的冲动。大众化的设计并不是用户所追求的，小众化的独特才是人们内心的追求。

三、视觉艺术元素的构成内容

（一）文本元素

文字对于用户来说有很大的意義，尤其是手机使用新用户，文字的说明就相当于手机说明书，简单明了的文字能够很好地引导用户进行操作。文字也是一种美，在手机UI界面设计中会有很多的字体，每种字体的线条美也能够给用户带来良好的视觉享受。文字最多的存在于各种软件的名称和选项中，通过这些文字提示能够大概清楚该项的作用，使手机使用者不再为如何操作而迷茫。大多数的手机具有语言切换功能，可以满足不同语言人群的要求。

（二）色彩元素

色彩是直接能够影响人情绪的因素，手机UI界面设计可以根据每种颜色带给人的内心感受来分布颜色。一般手机界面设计中会有主色调和配色，主色调是主要能调动起人的情绪的颜色，最常用的就是蓝色、红色等颜色，这些充满活力和希望的颜色，既寄予了设计者的内心期盼，也带给用户积极向上的生活态度，起码看到主色调不会死气沉沉。配色是用来把各个板块区别开来，单一的颜色会使界面设计显得单调，而过多的颜色又会使人眼花缭乱，恰到好处的色彩才是界面设计的增分项。

（三）图形元素

生动的图形能够第一时间抓住使用者的眼球，在快节奏的生活中，人们很少会有时间来阅读大篇幅的文字叙述，图形是传递信息最为明了的一种方式。图形元素使不识字的人也能够摸索某个选项的意思，可以突破语言的局限性，使手机界面更好地为大众所服务。文字有地域、人群差异，但是图形却可以缩小这种差异，变地域性为世界性，拉近人与人之间的距离。

四、视觉艺术元素构成的优化策略

（一）图文配合恰到好处

过多的文字会使用户读起来头疼，失去使用兴趣，而过多的图片也会使用户茫然、不知所措，所以，图片和文字恰到好处的配合才是手机UI界面设计中成功地视觉艺术元素。使读者能够在图片和文字之间跳跃，用文字来解说图片，用图片来使文字生动，图文的有效配合才更能捕获用户的视觉，使用户在视觉体验中享受图文的视觉效果。

（二）色彩搭配合理

手机界面设计和房间的色彩搭配相似，房间的颜色不可过多也不可太过单调，太过单调使人的心情得不到调节，视觉感受也得不到转变和缓和。而过多的色彩搭配不但不能达到使人心旷神怡的效果，还会使人感到心烦意乱。所以，色彩搭配的恰到好处也是手机UI界面设计需要借鉴的一方面。

（三）时刻关注用户的内心需求

手机使用者是手界面设计的直接体验者，在对手机界面设计进行视觉艺术元素设计时要更多地考虑用户的心理需求，要根据用户的需求适当调整。可以对手机体验用户进行意见采访，重视起每个用户的使用建议，搜集相同的视觉效果需求，进行手机界面视觉艺术元素的筛选与搭配。

四、结论

综上所述，手机UI界面设计中的视觉艺术元素更多的是从用户角度出发，更注重手机使用过程中的美观和用户的使用感受，手机作为人们生活中不可或缺的一部分，除了要满足用户的沟通需求、娱乐需求，更要满足用户的视觉需求，好的视觉效果会给人们生活增添颜色，也会使生活更加精致。

参考文献：

[1]穆子童，宋馥利.剪纸元素在手机UI界面设计中的应用[J].课程教育研究，2018（3）：211-212.

[2]刘春骅.应用中国元素创新UI界面设计的对策探讨[J].艺术科技，2017，30（12）：108，186.

[3]李宇.基于特定主题的手机UI界面设计[J].通讯世界，2017（1）：20-21.

[4]雷菁.浅析中国传统元素在手机UI界面设计中的应用[J].通讯世界，2015（10）：20-21.

作者简介：孙晓宇（1988-），女，山东济南人，研究生，助教，研究方向：产品设计；常能（1986-），男，山东烟台人，硕士研究生，讲师，研究方向：家居产品设计。