“互联网+”时代下的UI设计发展趋势
王勤勤（研究生） 东华大学 200051
摘要：随着移动互联网的普及，终端屏幕分辨率和用户人机互动习惯的变迁，Web设计的流行趋势正在发生着重大的范型转移。对于各行各业移动APP开发者来说，除了抓住用户的刚需、痛点、高频之外，还要让前端和后端技术、用户体验、业务流程优化变成不可分割的整体。所以对互联网+时代下的UI设计发展趋势的把控显得尤为重要。
关键词：互联网+；UI设计；交互设计；扁平化风格；情感化交互；动态交互；
2015年两会上强调的“互联网+”被强势推出之后，仅2015年6月以来，就有26家公司涉足“互联网+”。上市互联网企业总市值达到4.2万亿元，比去年增长6%，当前互联网业务已经成为拉动信息通信业持续增长的重要引擎。“互联网+”正在成为一股强劲的风潮引领者各行各业。同年4月，在“流量开放合作大会”上，工信部表示中国移动电话用户累计达12.9亿户，4G用户数目达1.78亿。4G互联网的宽带化、多媒体化、实时性、易用性、交互性、个性化、安全性、方便性等特性促使移动互联网占据用户大量的网上浏览时间。以至于连传统行业都不敢轻易说放弃移动互联网终端业务。所以UI设计的优化和未来UI设计的发展趋势也被自然而然的推向风口浪尖。总结互联网+时代下的UI设计的发展趋势有以下几点。
一、延续扁平化风格特点
扁平化设计要求摒弃装饰效果元素，边界干净利落。它不仅界面美观、简洁，而且能够减少操作时的认知障碍，达到降低功耗，提高运算速度的目的，用简单直接的方式展示和创造出平面功能性的最大值。
扁平化设计风格最早来源与windows8的windows UI，在Android系统中得到关注，并在IOS系统中得到普及。扁平化风格是基于瑞士平面设计的原则。瑞士平面设计主义大师艾米尔·路德主张：视觉传达设计应该在功能与形式之间寻求平衡，文字与版式设计既要有传达信息的功能，也要有视觉审美意义，达到功能与形式的高度统一。所以扁平化设计把具象的形态抽象化、简化、符号化，大图、大字、大色块的方格磁贴式界面设计。它具有较强的视觉张力，其简洁明快的风格大胆舍弃了重阴影、重描边、重浮雕及3D的设计手法，彻底跳出过去对拟真仿物的恋恋不舍，体现了数字化的形式美感，集中精力于清爽的排版和网格化布局，使布局简洁、严谨。视觉对比更强烈，效果更加赏心悦目。也顺应了视觉时代，读图时代的需求。
例如一直受业界尊重和用户信赖的苹果，以苹果公司为代表的扁平化义者仍在继续。苹果所推崇的时尚、个性、大气、高科技依然是追逐的焦点。设计语言的简洁与信息的简洁也是减少用户使用负担的必要元素，明亮的色彩，高对比度，1px的线条、细致字体、整体干净的白色，现代感十足的界面样式。给人以时尚优雅，禅意十足的感觉。扁平化设计是为了让用户的生活更简单，它能满足我们的审美需求和良好的用户体验。它将继续成为“互联网+”时代的发展趋势。
二、情感化交互设计增加
随着科技的发展，UI 设计从单纯美术上的视觉设计转为对软件的人机交互、操作逻辑、界面美观的整体设计。美国著名设计师普罗斯曾说：“设计除具备美学、技术、经济三属性之外，还包含第四个维度——人性”。产品的美观、个性、易用、易学、人性化等都成了产品的卖点。情感化交互设计分两个方面。首先，从整体上的把控。其次，从各个模块、页面、流程上的把控。无论从何处着手，设计师都绕不开用户，真正产品设计的过程是从用户到用户的过程。从用户开始，考虑用户的使用场景、把握用户的情感、分析用户的操作流程。准确的把握用户的感情诉求点，知道用户怀着怎样的心情和感受使用你的产品，以及用过之后的心情。在把握好这个问题之后，下面要解决的就是怎么样才能够满足上述的感情需求，产品中的哪些部分起了关键性的作用，哪些部分会违背和减弱情感需求，从而得出改进产品的方案。
包豪斯著名设计师梦合理·纳基曾说：“设计并不是对制品表面的装饰，而是以某一目的为基础，将社会的、经济的、技术的、艺术的、心理的多种因素综合起来，使其能纳入工业生产的轨道，对制品的这种构思和计划技术即设计。”这里所说的工业生产同样适用于“互联网+”时代下的UI设计当中。移动互联网的小屏幕迫使设计师去设计更大的控件来解决寻找按钮的问题或者通过滑动交互的形式让用户快速定位到自己想要的内容。
从整体上把控情感化需求比局部抓住用户的情感要简单。它只需要在准备产品之前奠定好情感基调即可，在整个产品研发的过程中不断的改进以免发生偏离。从各个模块、页面、流程上的把控用户需求比较复杂，需要注意的是各个模块需求的总和大于整个产品情感化的需求。它不是简单地相加。例如，上网有上网的需求、阅读有阅读的需求、看视频有看视频的需求、订阅有订阅的需求、下载有下载的需求。每一个情感化的增加都要符合用户的操作状态和使用环境。当我们还原用户使用场景的时候要尽量做到开放性的思路。不但考虑用户在使用某一应用时会出现什么样的状况，而且要考虑用户在使用应用之前是什么状态。考虑用户是有目的的使用还是随便浏览。对于某些产品来说，从理清楚产品的需求到优化设计到确定产品，这需要时间和交流，所以正确的交流也是很好的完成情感化设计的重要一环。
《原研哉的设计》一书中提到：“二十世纪是视觉时代，二十一世纪是触觉时代”。越来越焦躁和懒惰的用户没有耐心在众多的信息中不断地点击鼠标，筛选自己想要的内容信息。他们更希望通过移动互联网快速找到自己想要的内容，定位到自己想要的目标，并随时随地把自己的新鲜事分享出去。但是传统的网页分成无数个tag和页面让用户点击选择的设计已经满足不了当下的用户。想要给用户提供更流畅的上网体验，需要提供高清的图片、显眼的搜索条、热门的新闻，并且隐藏相似的选项、给出推荐或查看相似选项等效果来猜测用户在不同场景下的心理活动。与隐蔽的按钮和慢慢拖动的滚动条相比，用户更喜欢用手势和语言潇洒的互动。尽情的享受高科技带来的快感，这就需要大量的分析用户需求，并对用户需求做出情感化的设计，以满足用户的体验。
三、动态交互设计增加
在互联网刚刚兴起的时候，网页设计中充斥着拟物化效果和Flash动画。设计师和用户都认为拟物化的设计是美的设计。但是拟物化设计会增加网页加载负担，致使上网体验不佳。随着人们压力的变大，生活节奏的加快，我们越来越觉得效率是第一位的。所以扁平化风格设计慢慢的取代了拟物化的设计，因为扁平化的设计占据更少的空间，加载的数据更少，用户体验更流畅，所以会被更多人选择。调查显示：“网络加载的速度和用户放弃等待的数量是呈几何增长的”。即：速度越慢，放弃等待的人越多。扁平化风格的界面设计适应了上网的加载时间，但是扁平化风格的静态设计是枯燥的。这时需要动态的设计来建构一个良好的交互环境，让用户融入其中，身临其境。灵动的动态交互提升了人与界面、人与信息、人与机、人与人的连接。除了视觉上给用户放松之外，还能有效地引导用户操作界面，实现完美的体验。
微软Surface 系列平板电脑的触摸式操控更具有动态交互的特质，这使得微软的设计团队将动态体验作为设计的首要任务之一。20世纪美国最重要的平面设计大师之一索尔·巴斯将平面设计与电影结合，设计了多部电影片头，被誉为动态图形设计的开山鼻祖。微软强烈的赞同索尔·巴斯的设计理念，让动态的交互体验融入到静态的UI设计之中。在这方面Windows UI 是最具创新性的，它促使我们仔细审视过去对UI设计的认识。微软对UI流行趋势的判断和把握一直走在整个UI设计行业的前列，它的设计理念和方法也是最具创新性的。静态的界面和随时准备响应的动态的交互形式给用户带来引人入胜的沉浸式交互体验，无疑是“互联网+”时代的发展趋势。
另外一个增加动效的方法就是增加视觉提示。视觉提示可以帮助用户更好的知道怎么去操作产品的界面。尤其是设计包含非常规对象或者单一的导航形式时，显得尤为重要。当我们打开了一个页面，突然触发一个快速的一次性动效，来演示如何操作产品中的功能。这种功能动效是很容易被察觉的，尤其是吸引用户在内容太多环境下的注意力。动效是可以自然而然的得到页面中视觉焦点的，无论是文本内容还是静止的图片，都是无法与动效比拟的。所以我们可以通过添加动效获取最高视觉焦点来缓解嘈杂的界面。
四、目的性更强
360董事长周鸿祎在创新研习社的演讲中说：“所有的战略都要归结成从用户角度出发，寻找一个需求，一定是中等以上的频度、痛点、刚需。这个服务可以非常不起眼，但是它一定是对用户有价值的”。这就告诉我们将设计语言根植于中国传统，要善用现代手法堆砌精髓进行提炼和诠释。所以设计的目的性就变得尤为重要。换句话说设计的界面应为内容服务。一个优秀的icon和优秀的界面设计可以成功的吸引用户下载并尝试使用一个产品。但是没有很好的内容，用户会毫不犹豫的卸载。但相反，如果用户有意无意之间发现很一般的APP，下载之后发现很实用，是用户当前或将来必须使用的东西，那么用户会迁就界面设计的不美观或体验的不顺畅。
信息化时代的UI设计和传统的UI设计相比，就像工艺美术运动和包豪斯追求的现代主义类似。繁杂的设计元素堆叠，反而加重了对用户体验的干扰。试想当我们惊叹一个APP界面设计的精美绝伦时，却处于无限加载时的心情。用户体验顺畅是用户对于产品最基本的客观心理诉求。这就要求UI设计师必须认真的反思设计的初衷。我们发现用户在使用产品时，其实就是获取和处理各种信息。所以UI设计必须回归到信息内容上，以强调内容为核心弱化次要元素，这样用户可以更快、更容易地获取自己想要的信息，完全沉浸在内容中而不是其他。包豪斯所倡导的现代主义运动是一种完全忽略情感化的设计，这一点在“互联网+”时代下的UI设计中是行不通的。所以，只看内容而不注重设计的产品也是失败的产品。UI的美感和内容是相辅相成，缺一不可的。
互联网+时代下的UI设计除了简约的视觉架构；情感化的用户体验；流畅的动态感受和强烈的目的性之外，还将全面开启响应式布局，尽可能的用滑动代替点击，越来越注重人机交互的顺畅体验，颜色上虽然与过去差别不是很大，但是更倾向于高保真色调。放大不失真的矢量图形得到更广泛的运用，引导页的温情回归也将继续温暖着每一个浏览新产品的用户。
参考文献：
[1]李亚男.UI设计中体现的符号学原理.艺术天地[J].1994——2015.152.
[2]王正林.UI设计的理念和方向：以Windows UI为例.装饰[J].2015年2月出版.第262期.138.
[3]白雪.UI设计在产品设计中的应用研究.学研探索[J].TB47.A.2015.4.23出版.132.
[4]林阳.UI设计中扁平化理念应用研究—创造平面功能化.艺术科技[J].2015.267.
[5]任怀琎，周 著.视觉 UI 设计——漫谈信息图形化.科技视界[J].2015(14).
[6]周鸿祎.互联网好产品六字法则——刚需、痛点、高频.品途网.2015.6.15.
