关键词:“互联网”;UI设计;交互设计;扁平化风格;情感化交互;动态交互

　　“互联网”在2015年两会上被强势推出之后，仅6月份就有26家传统行业涉足互联网。上市互联网企业总市值达到4.2万亿元，比去年增长6%，当前互联网业务已经成为拉动信息通信业持续增长的重要引擎。“互联网”正在成为一股强劲的风潮引领各行各业。同年4月，在“流量开放合作大会”上，工信部表示中国移动电线G互联网的宽带性、多媒体性、实时性、易用性、交互性、个性、安全性、方便性等特性促使移动互联网占据用户大量的上网时间。以至于连传统行业都不敢轻易放弃移动互联网终端业务。所以UI设计的优化和未来UI设计的发展趋势也被自然而然地推向风口浪尖。总结“互联网”时代下的UI设计的发展趋势有以下几点:

　　扁平化设计即无过多的装饰效果和无用元素，边界自然干净利落。扁平化通常颜色饱和、界面美观、简洁、降低功耗、提高运算速度、方便用户操作，使用户迅速定位到目标功能，从而减少认知上的障碍。简而言之，扁平化是利用最简单有效的方式来展示和创造平面功能

　　完整的扁平化设计风格可以追溯到windows8的windowsUI，被Android系统关注，被IOS系统普及。但是，扁平化风格的根源可以追溯到瑞士国际平面主义风格。瑞士国际平面主义大师艾米尔?路德认为:视觉传达设计应该在功能与形式之间寻求平衡，文字与版式设计既要有传达信息的功能，也要传达视觉审美意义，达到功能与形式的高度统一。所以扁平化设计把具象的形态抽象化、符号化，大图文、大色块的方格磁贴式界面设计。它具有较强的视觉张力，其简洁明快的风格大胆舍弃了重阴影、重描边、重浮雕及3D的设计手法，彻底跳出过去对拟真仿物的恋恋不舍，体现了数字化的形式美感，集中精力于清爽的排版和网格化布局，使布局简洁、严谨，更能适应视觉时代、读图时代的需求。

　　在互联网刚刚兴起的时候，网页设计中充斥着拟物化效果和Flas。设计师和用户都认为拟物化的设计是美的设计。但是拟物化设计会增加网页加载负担，致使上网体验不佳。随着人们压力的变大，生活节奏的加快，我们越来越觉得效率是第一位的。所以扁平化风格设计慢慢地取代了拟物化的设计，因为扁平化的设计占据更少的空间，加载的数据更少，用户体验更流畅，所以会被更多人选择。调查显示:“网络加载的速度和用户放弃等待的数量是呈几何增长的”。即:速度越慢，放弃等待的人越多。扁平化风格的界面设计适应了上网的加载时间，但是扁平化风格的静态设计是枯燥的。这时需要动态的设计来建构一个良好的交互环境，让用户融入其中，身临其境。灵动的动态交互提升了人与界面、人与信息、人与机、人与人的连接。除了视觉上给用户放松之外，还能有效地引导用户操作界面，实现完美的体验。

　　[9] 任怀?Q，周著.视觉UI设计――漫谈信息图形化[J].科技视界，2015(14).

　　微软Surface系列平板电脑的触摸式操控更具有动态交互的特质，这使得微软的设计团队将动态体验作为设计的首要任务之一。20世纪美国最重要的平面设计大师之一索尔?巴斯将平面设计与电影结合，设计了多部电影片头，被誉为动态图形设计的开山鼻祖。微软强烈的赞同索尔?巴斯的设计理念，让动态的交互体验融入静态的UI设计之中。在这方面WindowsUI是最具创新性的，它促使我们仔细审视过去对UI设计的认识。微软对UI流行趋势的判断和把握一直走在整个UI设计行业的前列，它的设计理念和方法也是最具创新性的。增加动效的方法就是增加视觉提示，快速一次性的动效也很容易被用户察觉。静态的界面和随时准备响应的动态的交互形式给用户带来引人入胜的沉浸式交互体验，从而缓解嘈杂的页面。这无疑不是“互联网”时代的发展趋势。

　　博鱼体育

　　360董事长周鸿?t在创新研习社的演讲中说:“所有的战略都要归结成从用户角度出发，

　　寻找一个需求，一定是中等以上的频度、痛点、刚需。这个服务可以非常不起眼，但是它一定是对用户有价值的”。[4]这就告诉我们将设计语言根植于中国传统，要善用现代手法ቤተ መጻሕፍቲ ባይዱ砌精髓进行提炼和诠释。所以设计的目的性就变得尤为重要。换句话说设计的界面应为内容服务。一个优秀的icon和优秀的界面设计可以成功地吸引用户下载并尝试使用一个产品。但是没有很好的内容，用户会毫不犹豫地卸载。但相反，如果用户有意无意之间发现很一般的APP，下载之后发现很实用，是用户当前或将来必须使用的东西，那么用户会迁就界面设计的不美观或体验的不顺畅。

　　信息化时代的UI设计和传统的UI设计相比，就像工艺美术运动和包豪斯追求的现代主义类似。繁杂的设计元素堆叠，反而加重了对用户体验的干扰。试想当我们惊叹一个APP界面设计的精美绝伦时，却处于无限加载时的心情。用户体验顺畅是用户对于产品最基本的客观心理诉求。这就要求UI设计师必须认真反思设计的初衷。我们发现用户在使用产品时，其实就是获取和处理各种信息。所以UI设计必须回归到信息内容上，以强调内容为核心弱化次要元素，这样用户可以更快、更容易地获取自己想要的信息，完全沉浸在内容中而不是其他。包豪斯所倡导的现代主义运动是一种完全忽略情感化的设计，这一点在“互联网”时代下的UI设计中是行不通的。所以，只看内容而不注重设计的产品也是失败的产品。UI的美感和内容是相辅相成，缺一不可的。

　　例如，一直受业界尊重和用户信赖的苹果和以苹果公司为代表的扁平化设计。苹果是时尚、高科技的产物，用户一直追逐它的独特性系统、简洁性设计语言。明亮的颜色搭配、清晰的对比度、规范化的线条、标准化字体、经典颜色搭配和时尚优雅，禅意十足的界面设计都在减轻用户体验的负担，同时满足用户的审美需求。苹果在中国手机通信市场不断上升的份额证明扁平化将继续成为“互联网”时代的发展趋势。

　　包豪斯著名设计师梦合理?纳基曾说:“设计并不是对制品表面的装饰，而是以某一目的为基础，将社会的、经济的、技术的、艺术的、心理的多种因素综合起来，使其能纳入工业生产的轨道，对制品的这种构思和计划技术即设计。”[3]这里所说的工业生产同样适用于“互联网”时代下的UI设计当中。移动互联网的小屏幕迫使设计师去设计更大的控件来解决寻找按钮的问题或者通过滑动交互的形式让用户快速定位到自己想要的内容。

　　由于科技的迅猛发展，UI界面设计逐渐转变为对软件的人机交互、操作逻辑、界面美观和用户体验的多重设计。[1]美国著名设计师普罗斯曾说:“设计除具备美学、技术、经济三属性之外，还包含第四个维度――人性”。[2]产品的美观性、独特性、交互性、“傻瓜操作”性、界面的美观等都是设计应该考虑的点。高科技下的高情感交互设计不但要从整体上把控，而且要从各个模块、页面、流程上把控。无论从何处着手，设计师都绕不开用户，真正的产品设计的过程是从用户到用户的过程。从用户开始，考虑用户的使用场景，把握用户的情感，分析用户的操作流程，把握用户的感情诉求，清楚用户使用中和使用后的心情。在把握好这个问题之后，下面要解决的就是怎么样才能够满足上述的感情需求，产品中的哪些部分起了关键性的作用，哪些部分会违背和减弱情感需求，从而得出改进产品的方案。

　　“互联网”时代下的UI设计除了简约的视觉架构、情感化的用户体验、流畅的动态感受和强烈的目的性之外，还将全面开启响应式布局，尽可能地用滑动代替点击，越来越注重人机交互的顺畅体验，颜色上虽然与过去差别不是很大，但是更倾向于高保真色调。放大不失真的矢量图形得到更广泛的运用，引导页的温情回归也将继续温暖着每一个浏览新产品的

　　摘 要:随着移动互联网的普及，终端屏幕分辨率和用户人机互动习惯的变迁，Web设计的流行趋势正在发生重大的范型转移。对于各行各业移动APP开发者来说，除了抓住用户的刚需、痛点、高频之外，还要让前端和后端技术、用户体验、业务流程优化变成不可分割的整体。所以对“互联网”时代下的UI设计发展趋势的把控显得尤为重要。

　　[4] 周鸿?t.刚需、痛点、高频是一款好产品的六字真言;免费模式绝不是忽悠，而是羊毛出在猪身上[Z].锐度―IT时代周刊.

　　从整体上把控情感化需求比局部抓住用户的情感要简单。它只需要在准备产品之前奠定好情感基调即可，在整个产品研发的过程中不断地改进以免发生偏离。从各个模块、页面、流程上的把控用户需求比较复杂，需要注意的是各个模块需求的总和大于整个产品情感化的需求。它不是简单的相加。例如，上网有上网的需求、阅读有阅读的需求、看视频有看视频的需求、订阅有订阅的需求、下载有下载的需求。每一个情感化的增加都要符合用户的操作状态和使用环境。当我们还原用户使用场景的时候要尽量做到开放性的思路。不但考虑用户在使用某一应用时会出现什么样的状况，而且要考虑用户在使用应用之前是什么状态。考虑用户是有目的的使用还是随便浏览。对于某些产品来说，从理清楚产品的需求到优化设计到确定产品，这需要时间和交流，所以正确的交流也是很好地完成情感化设计的重要一环。

　　《原研哉的设计》一书中提到:“二十世纪是视觉时代，二十一世纪是触觉时代”。越来越焦躁和懒惰的用户没有耐心在众多的信息中不断地点击鼠标，筛选自己想要的内容信息。他们更希望通过移动互联网快速找到自己想要的内容，定位到自己想要的目标，并随时随地把自己的新鲜事分享出去。但是传统的网页分成无数个tag和页面让用户点击选择的设计已经满足不了当下的用户。想要给用户提供更流畅的上网体验，需要提供高清的图片、显眼的搜索条、热门的新闻，并且隐藏相似的选项、给出推荐或查看相似选项等效果来猜测用户在不同场景下的心理活动。与隐蔽的按钮和慢慢拖动的滚动条相比，用户更喜欢用手势和语言潇洒的互动。尽情地享受高科技带来的快感，这就需要大量地分析用户需求，并对用户需求做出情感化的设计，以满足用户的体验。 3 动态交互设计增加

　　[8] 林阳. UI设计中扁平化理念应用研究――创造平面功能化[J].艺术科技，2015:267.