移动互联网软件产品中的UI设计研究

许宁

摘要：随着信息化时代的不断发展，移动通信技术和互联网技术的应用范围进一步扩大，两者一跃成为世界科技领域中发展最为迅猛的两大信息产业。移动互联网将移动通信的轻便与互联网的快捷有机融合，为广大用户提供了更高效的信息交互平台。

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

1 移动互联网软件产品UI设计的类型划分

目前，移动互联网主流客户端的UI设计类型主要有以下5种。

1）服务性查询类。主要应用于为用户提供查询信息服务的移动互联网软件产品。如百度、谷歌等各大搜索网站提供的手机客户端产品的UI设计。

2）媒体信息类。主要应用于各大门户网站提供的资讯、信息发布平台。如腾讯新闻客户端、网易新闻客户端的UI设计。

3）产品宣传类。主要应用于各大独立品牌宣传品牌文化或产品的客户端UI设计。如今日美丽客户端、唯品会客户端的UI设计。

4）网络电商类。主要应用于B2C购物网站、团购网站网上交易客户端的UI设计。如手机淘宝、京东客户端的UI设计。

5）社交网络类。主要应用于各大社交网站、论坛推出的用于移动线上交流客户端的UI设计。如微信客户端、微博客户端、手机人人的UI设计。

2 移动互联网软件产品UI设计要素分析

2.1 移动互联网软件产品UI设计中的色彩设计

在移动互联网软件产品中，色彩的视觉效果对于用户的使用体验有着重要影响。从色彩心理学的角度来讲，不同颜色能够给人带来不同的心理感受。红橙黄等邻近色组成的暖色系能够带给人欢乐、愉快、热情的感受，在UI设计中通常用于吸引用户注意或渲染促销、新产品推出等商业活动的氛围，如京东商城“6·18”网购狂欢节界面。青蓝紫等邻近色组成的冷色调给人以宁静、平和、庄严的心理感受，在UI设计中可用于非商业性的学术客户端或即时通讯客户端。从机械工程学和生理学的角度来讲，目前主流手机屏幕可以生成的色彩大概有2000万左右，其数目十分庞大，而人眼的生理结构是固定的，其色彩适应范围并不广泛，一些纯度较高的屏幕色彩反而会让人感觉不适。

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

文字是移动互联网软件产品UI设计中不可或缺的部分，其承担着补充说明、分区分类、协调画面整体感等多种作用。从字体选择的角度来讲，现今主流客户端主要采用宋体和黑体两种字体。其中，宋体包括传统宋体、仿宋体、华文中宋、华文仿宋等，这类字体结构典雅端庄、方中带圆、柔中带刚，不仅能够清晰地表明内容，而且又不会使软件阅读显得沉闷，可广泛用于各类说明性文字中；黑体主要包括华文黑体、华文细黑、微软雅黑、微软正黑、中易黑体等，此类字体周正醒目、厚重有力、现代感强烈，适合手机软件中的标题、规则等需要引起受众注意的内容。

通常，文字居中排列多用于软件启动界面中，文字横排使用范围最广，文字竖排则较为罕见。设计师应根据具体需要进行处理，同时还要考虑到字间距与“留白”、“压角”等的组合效果，使文字疏密恰到好处，减小文字分布不均或排列密集造成的阅读不适感。

2.3 移动互联网软件产品UI设计中的图形元素

图形由点、线、面三要素组成。一物体等比无限缩小则成为点，点的规律性移动所产生的轨迹便是线，多条线的组合与变动可成为图形，将这个图形进行整体性的移动所产生的移动轨迹则成为面。移动互联网软件产品UI设计的主要目的是满足客户的使用需求，实现和客户之间的互动。因此，动态的图形元素对其有着极为重要的意义。移动互联网软件产品UI设计中动态图形的形成，只需将某个图形进行有规律地移动、相交、重叠、重复、发射等运动即可，动态图形赋予了画面强烈的生命力。如几滴飞溅过来的液体会让读者本能地闭上双眼，这种图形设计能引导读者瞬间进入到图形画面之中，并产生联想。具体而言，表现图形元素运动的方法主要有3种：（1）积累一定数量，量变产生质变，即对画面进行多次的重复与相交；（2）模仿运动轨迹，利用近大远小的透视法则，赋予画面立体感和动感。

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

版式在移动互联网软件产品UI设计中占据关键地位，科学的版式设计不仅可以美化界面布局，还可以提高信息传输效率。一般而言，不同的移动互联网终端设备屏幕的尺寸大小不同，产品界面的细节设置也会略有不同，但总体设计思路原则是相同的。首先，分清楚内容的主次关系，据此选择出合适的版面位置。据调查得知，相同大小的板块在版式上受到的用户关注度不尽相同，左侧比右侧受关注度高、上方比下方受关注度高，因此左上方为主要内容的最佳呈现点。其次，界面版式的设计要尽可能凸显主体内容。充分运用可逆选项，方便对主要内容进行重复点击，以提高主体内容的出现频率。再次，遵守布局无障碍原则。

3 移动互联网软件产品UI设计的要点

移动互联网软件产品要更好地满足用户审美需要，更好地实现其人性化、易操作的产品优势，还应满足以下6个要点。

1）界面语言体系要完备。语言是用户同移动互联网软件产品交互的第一工具，设计师和软件开发者应根据用户群的结构对界面语言体系进行系统构建，尽量做到界面语言覆盖面广、系统占用率低。一般来讲，国产主流手机客户端多采用简体中文、繁体中文、英语等语言。

2）设计风格要与内容统一。移动互联网软件产品的UI设计风格要同企业形象、产品形象相统一。设计师不应单纯追求界面的设计感，而忽略软件产品的整体商业效果，应尽量使用户能够在线下了解的基础上，快速地从视觉上接受线上服务终端。

3）界面效果要清晰。智能手机触摸屏的像素、分辨率越来越高，这对移动互联网软件的显示效果也提出了更高的要求。设计师要尽量选择高清素材，以提升界面的清晰度和软件画质，为用户带来更好的视觉体验。

4）UI设计要遵从简洁性原则。移动互联网终端的应用就是为客户提供更便捷的服务，以最大限度地满足客户需要，这也就决定了移动互联网软件产品UI设计的简洁性。

5）UI设计要具备即时性。主要指对重要信息提示的即时性，用来指导客户的正确操作以及保障客户信息的安全和隐私。某些情况下，用户由于对操作界面的不熟悉，会出现操作错误或是不知所措的情况。这时，醒目的、即时的信息提示可指导用户来完成界面操作任务。

4 结语

近年来，移动互联网软件产品UI设计呈现出了迅猛的发展趋势和多元化的发展态势，其摆脱了传统互联网的局限性，为客户设计了一种创新的应用空间，也是我国科技水平和经济发展的综合体现。但目前我国的移动互联网软件产品UI设计仍然存在套路化、同质化的问题，尚未将用户体验与UI设计完美结合，需要付诸更多的努力和更加深入的研究，从而提高移动互联网软件产品的UI设计水平。

参考文献：

[1] 白莹.社交化电子阅读软件UI设计——以“读友”软件界面设计为例[D].桂林：广西师范大学，2013.

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

（作者单位：东部战区总医院博士后科研工作站）