基于移动互联网软件产品的UI设计要素与要点探究

甄 珍

（武汉商贸职业学院，湖北 武汉 430012）

信息化时代背景下，移动通信技术、网络技术得到了飞速发展，并广泛应用在许多行业领域中，逐渐成为了世界科技领域中发展势头迅猛的产业。移动互联网发挥了移动通信轻便性特征以及互联网快捷性特征，实现了两者的完美结合，为使用者构建了速度更快、效率更高的信息交流平台。相关数据显示，在2013年我国手机用户规模达到了9.6亿人，到2019年上升到了10.9亿人，平均每年的增长率为2.3%，而截止至2019年12月，我国移动互联网用户总量已经达到了10.3亿人，可见我国大部分智能手机用户习惯依托于移动互联网软件来完成各项功能，开展信息交流活动，显著提升了信息传输的速度。但是，从现阶段发展现状来看，在进行移动互联网软件产品的UI设计中，往往还是通过传统的组织结构与界面规划来实现，并没有构建完善的、特有的设计系统，制约了移动互联网软件产品的进一步发展。为此，本文分析了基于移动互联网软件产品的UI设计要素与要点，为促进移动互联网软件产品获得更好发展提供帮助。

1 移动互联网技术概述

移动互联网技术是依托于互联网技术、平台、模式等的应用和移动通信技术紧密联系，集合为整体的一种新型通信技术。随着现代4G网络的全面普及以及5G网络的快速发展，推动了移动互联网的快速发展，为新技术的深入应用和发展提供了很好的契机。科技的不断创新与发展，对人们的生活、工作等产生了深远的影响。移动互联网技术，不单单是互联网技术的延伸，更是为了满足当代人们生活与工作需要进行的创新，必然会加快各个行业领域的改革与创新。

2 基于移动互联网软件产品的UI设计要素

2.1 色彩设计

色彩设计是移动互联网软件产品开发中非常重要的一个环节，完美的色彩搭配能够为使用者带来良好的视觉体验。通过色彩心理学可以得知，不一样的色彩呈现出的情感也是各不相同的，由红橙黄等色彩组成的暖色调可以制造出轻松、愉悦的氛围，让人们体验到欢快和热情，在进行UI设计过程中，能够利用这样的色彩来抓住消费者眼球或者提高商业活动的氛围等[1]，比如说京东商城宣传的“618狂欢购”页面就是采用这种色彩搭配。由青蓝紫等色彩组成的冷色系能够体现出端庄、大气以及庄严的情感，在进行UI界面设计过程中，一般使用在不以商业盈利为目的的学生软件客户端或者信息通信客户端等，比如说像中国知网手机客户端登陆界面。

现阶段，正常的智能手机平面能够组成的色彩种类多达2000万中，总体规模十分庞大，但是人类眼睛的生理构造是恒定不变的，并不能够对各种色彩产生良好的适应性，像纯度比较高的色彩会给人眼睛带来较强的不适，所以在进行UI设计时，要选取适宜的色彩纯度、亮度与比例，同时在其中辅以白色、灰色等较为柔和的色彩，改善色彩对比度阈值，确保产生良好的视觉体验。

2.2 编排设计

在开展移动互联网软件产品的UI设计过程中，文字发挥了非常重要的作用，通过文字的利用能够实现对相关内容的补充说明、对内容分门别类、提升画面整体感等。众所周知，字体有着非常多的样式，在UI设计中常用的字体形式有宋体以及黑体。从字体结构上来看，宋体优雅庄严、刚柔并济，一方面可以清晰明了的呈现出相关内容，另一方面也有效避免了文字阅读显得过于沉闷，通常使用在不同的说明性文字中；黑体铿锵有力、端庄醒目，主要应用在智能手机软件产品的标题以及需要特别注意的地方，比如说支付宝软件的功能菜单。随着新理念、新技术在UI设计中的应用，一些当代字体、手绘字也逐渐应用到UI设计中，比如说手机微博客户端上显示的“随时随地分享新鲜事”，就是一种钢笔手写字体。

在进行文字组合与编排过程中，设计人员需要结合界面尺寸大小、使用者的阅读特征等来完成，要保证设计出的界面简洁明了，同时操作方便，具有良好的创意。一般来说，软件开启界面的字体一般居中排列，并且字体横向规划应用较为频繁，竖向规划则相对较少。设计人员必须要结合实际需求进行取舍，此外还需要特别重视字体间距，确保界面字体疏密适宜，从而避免由于文字规划太疏松或者太紧凑产生阅读疲劳感。在进行色彩设计时，还需要注重人际交互。

2.3 图形元素设计

任何图形都是通过点、线、面组合而成的，将某一物体无限缩小就变成了一个点，点依照某种规律向前移动所经过的路径就是线，多种不同的线进行排列和组合就变成了图形，对整个图形进行移动所途经的轨迹就是面。在进行移动互联网软件产品UI设计时，其最基本的设计要求是符合使用者的生理与心理需求，加强与使用者的信息交互，所以，将动态图形应用到UI设计中具有非常重要的作用。UI设计中动态图形的产生，通常是建立在运动、相交以及发射等有规律的运动基础上，使得最终形成的画面具有较强的视觉冲击力。比如说UI设计中一个飞速传来的球会让使用者本能的进行躲闪，这样的设计方式可以让使用者理解融入到动态场景中，同时出现丰富的联想。通常情况下，要想充分展现图像运动元素，可以通过以下三个层面开展，首先，不断增加数量使之产生质变，即让画面不停的重复与相交；其次，提取并分析运动轨迹，依托于远小近大的视觉感受，使得画面具有良好的真实感和立体感；最后，通过不确定因素，创建出充满活力的气氛。

2.4 版式设计

版式是移动互联网软件产品UI设计中至关重要的一部分，合理的版面设计与规划，一方面能够有效提高软件产品界面的美观度，另一方面也有助于改善信息的传输速度。通常情况下，移动智能终端设备的屏幕大小各式各样，种类非常多，在设计不同屏幕尺寸的版式时，所采用的方法有着一定的区别，但是整体设计思路大体相当。

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

3.1 UI界面语言系统要健全

语言是使用者和软件产品进行信息交流的重要载体和工具，设计人员需要依照软件界面构造特征，构建健全的语言系统，最大可能实现UI界面语言覆盖范围大、系统内存占用少。通常情况下，我国市面上的智能手机客户端语言为简体中文、繁体中文以及英语等。

3.2 设计风格和内容相吻合

在进行移动互联网软件产品开发时，要充分考虑到智能设备厂商的品牌形象，确保设计出的UI界面风格能够与公司形象、产品形象相匹配。尽管现代智能设备的主要用户群体为年轻人，但是设计人员也不能够单单追求UI界面设计的新颖与创新，也需要充分考虑到软件的综合商业效果，最大可能让使用者在简单的线下了解以后，就可以很好的在视觉上认可线上终端服务。

3.3 界面显示要高清

随着现代科学技术水平的不断发展，智能手机整体配置越来越高，手机屏幕的分辨率以及像素等逐渐增高，在这种环境下，设计人员在进行移动互联网软件产品UI界面设计时，需要保证软件界面的显示质量。开发人员要选取一些像素比较高的图片作为设计素材，确保完成的软件界面具有高清晰度，改善软件产品品质，提高使用者的应用感受。

4 结束语

随着现代科学技术水平的不断发展，移动互联网软件产品UI设计朝向了多样化方向发展，不再受限于传统的互联网，能够为使用者开发出具有新意、操作性好的应用环境。然而，我国UI设计水平与发达国家依旧有着较大的距离，表现出了较强的同质化特征，必须要加大研发力度，推动移动互联网软件产品获得更好的发展。