移动互联网软件产品中的UI设计探讨

摘要：自我国正式进入到信息化时代以来，移动互联网已经得到了广泛的应用，而移动互联网的出现为广大用户提供了更加便捷的信息交互平台。但是移动互联网不能机械的将传统互联网的组织架构、界面布置以及使用方法直接应用在移动互联网终端上，为了可以推广移动互联网产品，就需要重视UI设计。本文主要对移动互联网软件产品UI设计的类型划分展开分析，并对于UI设计要素进行探讨，最后提出了UI设计的要点。

关键词：移动互联网；软件产品；UI设计

信息化时代的到来，使得当前的移动通信技术、互联网技术等应用范围在逐渐的扩大，已然成为全球科技领域中发展速度最快的产业。移动互联网会将移动通信所具有的轻便性特点与互联网的快捷特点进行结合，以此来提供更加高效化的信息交互平台。而且移动互联网软件的出现为用户实现了各方面的功能，而我国现如今的移动互联网软件产品UI设计大部分仍旧还是采用传统的互联网界面布置方式与自制结构，还尚未形成更为创新化的设计体系，这会对于移动互联网的普及造成严重阻碍。所以，如何提升我国当前的移动互联网软件产品UI设计水平，成为当前移动互利网软件设计行业需要解决的问题。

1、移动互利网软件产品类型

移动互联网主流客户端的UI设计类型主要可以分为五类，分别是社交网络类、产品宣传类、网络电商类、媒体信息类以及服务性查询类。其中，媒体信息类：主要是在各大门户网站所提供的信息平台中应用，常见的有网易新闻客户端等。网络电商类：主要是在B2C购物网站上交易客户端的UI设计中应用，例如京东和淘宝等。产品宣传类：应用在各大独立品牌宣传品牌文化或产品的UI设计，例如唯品会等。社交网络类：在各大论坛、社交网站上的移动线上交流客户端的UI设计，如微信、微博等UI设计[1]。服务性查询类：为用户提供查询信息服务的移动互联网软件产品，常见的主要有百度、谷歌等。

2、UI设计的层次

人类的大脑中认知系统会将食物分为感官层、行为层以及反思层。这三个层次表现出层层递进的趋势，其中感官层次具有最高程度的优先级，其作用于逻辑思维与主观意识之前。感官层的作用是大脑对于产品形成初次印象，这与产品的外观和用户最初的体验具有直接的关系。行为层是大脑对于产品更深层次的认识，是用户在使用产品后，对于产品更深层次的认识，对于产品功能、操作等的初步了解[2]。最后是反思层，这是大脑认知中的最高层面，大脑对于产品的认知将會由简单了解转移到精神层面上。

用户在感官层的体验主要是来源于产品本身的外观效果与外界对于产品自身的评价。在感官层中，有关于产品的视觉设计与基本功能都是形成用户体验的原因。在行为层中，用户对于已经使用过的产品产生的用户体验就是操作过程，其重点主要在于人机交互。反思层主要是来源于用户对于情感方面的理解，这与用户的个人背景、对产品的熟悉程度以及文化水平等有关，并且还会直接影响到用户的体验效果。

3、移动互联网软件中UI设计中的设计要素

3.1 移动互联网软件中UI设计的色彩设计

色彩视觉效果在整个的移动互利网的软件设计中，直接关系到用户的使用体验。基于色彩心理学的角度，不同颜色将会为用户产生完全不一样的心理感受，例如，在UI设计中使用红色可以吸引用户的注意力，或是宣传促销等商业活动的氛围。基于生理学、机械工程学等角度，当前的大部分手机屏幕色彩有2000万左右，但是因为人眼的生理结构是固定的，所以，其色彩的适应范围较为狭窄，如果屏幕色彩的纯度过高的话，还会导致眼睛不适[3]。因此，在UI设计色彩的过程中，需要尽量照顾人体视觉感受，添加一些比较融合的色彩，降低色彩对比度阈值，平衡界面的视觉效果。

3.2 移动互联网软件产品中UI设计的文字编排

文字在移动互联网软件产品UI设计中，具有非常重要的作用，主要承担分区分类、补充说明、协调画面整体感等作用。而在选择字体的时候，当前所使用的字体大部分为宋体、黑体[4]。但是，宋体又可以分为华文仿宋、仿宋体、华文中宋以及传统宋体等等，这些字体都可以将内容充分表达出来，并且还会使软件阅读过程过于乏味，主要是在各种说明性文字中进行应用。黑体则主要包括华文细黑、微软雅黑、华为黑体一级微软正黑等，这些字体具有十分强烈的现代感，比较适合应用在标题中。许多手绘字体与现代化字体开始应用在文字设计中，这些字体具有十分鲜明的个性，常常应用在logo中。而对于文字的组合与编排，设计人员需要考虑手机屏幕的大小，同时还需要考虑大部分用户的阅读习惯，并尽量简洁界面。文字的排列方式中，居中排列适用在软件启动界面，而横排的适用范围十分广泛，竖排比较少见[5]。而设计的过程中需要根据实际情况进行处理，并且还需考虑字间距与压角、留白等效果，使文字的疏密恰到好处。

3.3 移动互联网软件产品中UI设计版式

在软件产品中UI设计中，版式同样非常关键，版式设计的科学性与否直接关系到软件的页面布局，可以使页面布局更为优化，从而有效的提高信息的传输效率。而移动互联网终端设备屏幕的尺寸不同的话，产品的界面细节设置同样也会存在差异，但是其设计思路在总体上大致是相同的。首先需要了解内容的主次性，然后选择适合的位置。其次，在设计界面版式时，需要尽可能将主题内容凸显出来，可以通过设计可逆选项的方式，使用户方便重复点击主要内容，从而提高出现频率[6]。再次，严格遵守布局无障碍的设计原则。界面如果涉及的过于拥挤，将会导致用户出现视觉疲劳的情况，因此必须要注意软件的界面布局，以平衡布局为设计原则，重点凸显出功能区的作用。

3.4 移动互联网软件产品中UI设计的动画

图形是点、线、面三个要素构成，以物体的等比无限缩小成为点，随着点在进行规律性移动的过程中会产生轨迹，而运动轨迹就是线，多条线经过组合与变动，成为图形，对于图形进行整体性移动，将会成为面。移动互联网软件产品的UI设计目的是为了能够满足用户的使用需求，并实现与客户之间的互动。从当前各种移动互联网软件产品的发展状况来看，软件产品上开始应用传输信息量丰富、流量占用小的动画。许多想要突出软件功能的广告都喜欢应用动画效果；而设计网站上未来推广产品，也会添加gif广告图形。要想表达清楚设计人员的设计意图，动画效果是最为高效的一种手段。当静态设计图无法充分表达出产品意图的时候，一个简单地的动画就能代替文字语言表达出更完整的信息。动画的要素为周期、行为以及关键帧。一个流量小，制作简单的动画要比一张普通的静态图片具有更高的点击率，静态图片容易被人忽视，即使打开也会被很快遗忘。而伴随着当前人们审美水平的提高，缺乏创新的作品已经很难受到人们的关注，在此背景下开始应用交互式动画，而交互式动画对于提高产品的可用性具有重要作用。

而体现动画元素运动有许多的方法，例如，（1）积累一定数量，并对画面进行重复、相交；（2）模仿运动轨迹，基于透视法则，可以使画面获得立体感、动感；（3）通过利用不确定因素，例如，非确定物体运动轨迹、非确定物体运动方向等可以营造出动感氛围[7]。

4、移动互联网产品UI 设计要点

4.1 设计风格要与内容统一

移动互联网软件产品的UI设计风格要与产品的形象相统一，设计人员不能过于追求界面的简洁设计或是新颖化，但是却忽略了整体的商业效果，需要使用户在充分了解产品的基础上，能够在视觉上接受线上的服务终端。

4.2 具有完备的界面语言体系

语言是用户与移动互利网之间产生交互的有效工具，而设计人员与软件开发工作人员要给予用户群来构建界面语言体系，同时要使界面语言具有较广的覆盖面，并且也需具有较低的系统占用率[8]。

4.3 界面效果要清晰

智能手机屏幕的分辨率与像素在当前已经非常高了，在这一背景下对于移动互联网软件的显示效果提出了更高的要求。工作人员要最大程度上选择更为高清的素材，这样才可以有效的提高界面的清晰程度以及软件的画质，通过这一特点能够吸引更多的用户。

4.4 具备及时性

移动互联网产品的UI设计需要具备及时性的特点，主要指的是对于重要信息及时提醒，这一要求是为了可以指导用户正确操作软件，并保障用户的信息安全。因为用户可能会因为对于操作界面不够熟悉，从而发生操作错误的问题，因此软件要及时提醒用户，并指导用户正确的操作方式。

4.5 UI设计要体现出简潔性

移动互联网终端需要最大程度上满足用户的需求，并为客户提供更为便捷的使用过程。所以，这也导致在设计过程中，要尽量遵守简洁性。简洁的界面设置、功能可以为用户提供更为高效化的服务，并且还可以降低用户出现错误操作的概率。例如，将不同界面的开始与结束位置固定下来，不能随意对其进行更改；在设置功能键的时候，需要尽量简单明了、并且还需具有统一清晰的特点[10]。

4.6 充分发挥出艺术设计的特点

UI设计其本身是一种艺术设计，所以，需要将艺术设计的特点尽可能的发挥出来，基于此来设计出更加具有创新特点的作品，以此来迎合用户对于移动互联网的审美需求以及天然存在的好奇心理。例如，可以将界面上的书籍设计为竹简形式，提高作品的视觉传达效果，同时还可以为用户营造出一种丰富、浓郁的文化氛围。

总结

综上所述，我国近几年来的移动互联网软件产品UI设计得到了飞速的发展，并且呈现出多元化的发展态势与迅猛的发展趋势，并且打破了以往的互联网所存在的局限性，设计出更加创新的应用空间，而这也正是我国的科技水平的一种体现。随着时代的发展以及技术的不断革新，UI设计需要不断地进行创新，这样才会更加符合时代的发展需要。

参考文献

[1] 屈鹏， 周家会. 基于浅谈UI设计在移动应用交互中的模式研究[J]. 现代妇女（下旬）， 2014（4）：328-328.

[2] 薛文峰.移动互联网软件产品中的UI设计研究[J].包装工程， 2016，37（6）：45-48.

[3] 王真.移动互联网金融App的UI界面设计及互联网式推广[D].河北：河北大学，2015.

[4] 徐亚非， 王勤勤. “互联网+”时代下的UI设计发展趋势[J]. 艺术科技， 2015（9）.

[5] 刘程程， 张凌浩. 移动互联网时代手机服务型APP产品设计研究[J]. 包装工程（12）：76-79.

[6] 朱长永，张欣，班乃明.移动互联网产品的“外衣”——图形化的界面设计（UI）[J].电脑知识与技术，2015（4）：214—215.

[7] 蒋飞燕. UI设计的交互性与界面视觉设计研究[J]. 美与时代（上）， 2019（5）.

[8] 饶卫民， 林道贵. 略谈智能手机App开发中的UI设计技巧[J]. 电子测试， 2016（13）：41-42.

[9] 张艺弋. 移动互联网UI设计中视觉界面的应用设计研究[J]. 艺术品鉴， 2019（2X）：312-313.

[10] 冯阳. 移动端智能手机软件产品的UI设计研究[D]. 青岛理工大学， 2016.

作者简介：

贾丽娜，硕士，任职于武汉船舶职业技术学院计算机信息技术学院，工程师，研究方向：互联网软件。