论文部分内容阅读
摘 要:随着移动互联网的普及,终端屏幕分辨率和用户人机互动习惯的变迁,Web设计的流行趋势正在发生重大的范型转移。对于各行各业移动APP开发者来说,除了抓住用户的刚需、痛点、高频之外,还要让前端和后端技术、用户体验、业务流程优化变成不可分割的整体。所以对“互联网+”时代下的UI设计发展趋势的把控显得尤为重要。
关键词:“互联网+”;UI设计;交互设计;扁平化风格;情感化交互;动态交互
“互联网+”在2015年两会上被强势推出之后,仅6月份就有26家传统行业涉足互联网。上市互联网企业总市值达到4.2万亿元,比去年增长6%,当前互联网业务已经成为拉动信息通信业持续增长的重要引擎。“互联网+”正在成为一股强劲的风潮引领各行各业。同年4月,在“流量开放合作大会”上,工信部表示中国移动电话用户累计达12.9亿户,4G用户数目达1.78亿。4G互联网的宽带性、多媒体性、实时性、易用性、交互性、个性、安全性、方便性等特性促使移动互联网占据用户大量的上网时间。以至于连传统行业都不敢轻易放弃移动互联网终端业务。所以UI设计的优化和未来UI设计的发展趋势也被自然而然地推向风口浪尖。总结“互联网+”时代下的UI设计的发展趋势有以下几点:
1 延续扁平化风格特点
扁平化设计即无过多的装饰效果和无用元素,边界自然干净利落。扁平化通常颜色饱和、界面美观、简洁、降低功耗、提高运算速度、方便用户操作,使用户迅速定位到目标功能,从而减少认知上的障碍。简而言之,扁平化是利用最简单有效的方式来展示和创造平面功能性的最大值。
完整的扁平化设计风格可以追溯到windows8的windowsUI,被Android系统关注,被IOS系统普及。但是,扁平化风格的根源可以追溯到瑞士国际平面主义风格。瑞士国际平面主义大师艾米尔·路德认为:视觉传达设计应该在功能与形式之间寻求平衡,文字与版式设计既要有传达信息的功能,也要传达视觉审美意义,达到功能与形式的高度统一。所以扁平化设计把具象的形态抽象化、符号化,大图文、大色块的方格磁贴式界面设计。它具有较强的视觉张力,其简洁明快的风格大胆舍弃了重阴影、重描边、重浮雕及3D的设计手法,彻底跳出过去对拟真仿物的恋恋不舍,体现了数字化的形式美感,集中精力于清爽的排版和网格化布局,使布局简洁、严谨,更能适应视觉时代、读图时代的需求。
例如,一直受业界尊重和用户信赖的苹果和以苹果公司为代表的扁平化设计。苹果是时尚、高科技的产物,用户一直追逐它的独特性系统、简洁性设计语言。明亮的颜色搭配、清晰的对比度、规范化的线条、标准化字体、经典颜色搭配和时尚优雅,禅意十足的界面设计都在减轻用户体验的负担,同时满足用户的审美需求。苹果在中国手机通信市场不断上升的份额证明扁平化将继续成为“互联网+”时代的发展趋势。
2 情感化交互設计增加
由于科技的迅猛发展,UI界面设计逐渐转变为对软件的人机交互、操作逻辑、界面美观和用户体验的多重设计。[1]美国著名设计师普罗斯曾说:“设计除具备美学、技术、经济三属性之外,还包含第四个维度——人性”。[2]产品的美观性、独特性、交互性、“傻瓜操作”性、界面的美观等都是设计应该考虑的点。高科技下的高情感交互设计不但要从整体上把控,而且要从各个模块、页面、流程上把控。无论从何处着手,设计师都绕不开用户,真正的产品设计的过程是从用户到用户的过程。从用户开始,考虑用户的使用场景,把握用户的情感,分析用户的操作流程,把握用户的感情诉求,清楚用户使用中和使用后的心情。在把握好这个问题之后,下面要解决的就是怎么样才能够满足上述的感情需求,产品中的哪些部分起了关键性的作用,哪些部分会违背和减弱情感需求,从而得出改进产品的方案。
包豪斯著名设计师梦合理·纳基曾说:“设计并不是对制品表面的装饰,而是以某一目的为基础,将社会的、经济的、技术的、艺术的、心理的多种因素综合起来,使其能纳入工业生产的轨道,对制品的这种构思和计划技术即设计。”[3]这里所说的工业生产同样适用于“互联网+”时代下的UI设计当中。移动互联网的小屏幕迫使设计师去设计更大的控件来解决寻找按钮的问题或者通过滑动交互的形式让用户快速定位到自己想要的内容。
从整体上把控情感化需求比局部抓住用户的情感要简单。它只需要在准备产品之前奠定好情感基调即可,在整个产品研发的过程中不断地改进以免发生偏离。从各个模块、页面、流程上的把控用户需求比较复杂,需要注意的是各个模块需求的总和大于整个产品情感化的需求。它不是简单的相加。例如,上网有上网的需求、阅读有阅读的需求、看视频有看视频的需求、订阅有订阅的需求、下载有下载的需求。每一个情感化的增加都要符合用户的操作状态和使用环境。当我们还原用户使用场景的时候要尽量做到开放性的思路。不但考虑用户在使用某一应用时会出现什么样的状况,而且要考虑用户在使用应用之前是什么状态。考虑用户是有目的的使用还是随便浏览。对于某些产品来说,从理清楚产品的需求到优化设计到确定产品,这需要时间和交流,所以正确的交流也是很好地完成情感化设计的重要一环。
《原研哉的设计》一书中提到:“二十世纪是视觉时代,二十一世纪是触觉时代”。越来越焦躁和懒惰的用户没有耐心在众多的信息中不断地点击鼠标,筛选自己想要的内容信息。他们更希望通过移动互联网快速找到自己想要的内容,定位到自己想要的目标,并随时随地把自己的新鲜事分享出去。但是传统的网页分成无数个tag和页面让用户点击选择的设计已经满足不了当下的用户。想要给用户提供更流畅的上网体验,需要提供高清的图片、显眼的搜索条、热门的新闻,并且隐藏相似的选项、给出推荐或查看相似选项等效果来猜测用户在不同场景下的心理活动。与隐蔽的按钮和慢慢拖动的滚动条相比,用户更喜欢用手势和语言潇洒的互动。尽情地享受高科技带来的快感,这就需要大量地分析用户需求,并对用户需求做出情感化的设计,以满足用户的体验。
关键词:“互联网+”;UI设计;交互设计;扁平化风格;情感化交互;动态交互
“互联网+”在2015年两会上被强势推出之后,仅6月份就有26家传统行业涉足互联网。上市互联网企业总市值达到4.2万亿元,比去年增长6%,当前互联网业务已经成为拉动信息通信业持续增长的重要引擎。“互联网+”正在成为一股强劲的风潮引领各行各业。同年4月,在“流量开放合作大会”上,工信部表示中国移动电话用户累计达12.9亿户,4G用户数目达1.78亿。4G互联网的宽带性、多媒体性、实时性、易用性、交互性、个性、安全性、方便性等特性促使移动互联网占据用户大量的上网时间。以至于连传统行业都不敢轻易放弃移动互联网终端业务。所以UI设计的优化和未来UI设计的发展趋势也被自然而然地推向风口浪尖。总结“互联网+”时代下的UI设计的发展趋势有以下几点:
1 延续扁平化风格特点
扁平化设计即无过多的装饰效果和无用元素,边界自然干净利落。扁平化通常颜色饱和、界面美观、简洁、降低功耗、提高运算速度、方便用户操作,使用户迅速定位到目标功能,从而减少认知上的障碍。简而言之,扁平化是利用最简单有效的方式来展示和创造平面功能性的最大值。
完整的扁平化设计风格可以追溯到windows8的windowsUI,被Android系统关注,被IOS系统普及。但是,扁平化风格的根源可以追溯到瑞士国际平面主义风格。瑞士国际平面主义大师艾米尔·路德认为:视觉传达设计应该在功能与形式之间寻求平衡,文字与版式设计既要有传达信息的功能,也要传达视觉审美意义,达到功能与形式的高度统一。所以扁平化设计把具象的形态抽象化、符号化,大图文、大色块的方格磁贴式界面设计。它具有较强的视觉张力,其简洁明快的风格大胆舍弃了重阴影、重描边、重浮雕及3D的设计手法,彻底跳出过去对拟真仿物的恋恋不舍,体现了数字化的形式美感,集中精力于清爽的排版和网格化布局,使布局简洁、严谨,更能适应视觉时代、读图时代的需求。
例如,一直受业界尊重和用户信赖的苹果和以苹果公司为代表的扁平化设计。苹果是时尚、高科技的产物,用户一直追逐它的独特性系统、简洁性设计语言。明亮的颜色搭配、清晰的对比度、规范化的线条、标准化字体、经典颜色搭配和时尚优雅,禅意十足的界面设计都在减轻用户体验的负担,同时满足用户的审美需求。苹果在中国手机通信市场不断上升的份额证明扁平化将继续成为“互联网+”时代的发展趋势。
2 情感化交互設计增加
由于科技的迅猛发展,UI界面设计逐渐转变为对软件的人机交互、操作逻辑、界面美观和用户体验的多重设计。[1]美国著名设计师普罗斯曾说:“设计除具备美学、技术、经济三属性之外,还包含第四个维度——人性”。[2]产品的美观性、独特性、交互性、“傻瓜操作”性、界面的美观等都是设计应该考虑的点。高科技下的高情感交互设计不但要从整体上把控,而且要从各个模块、页面、流程上把控。无论从何处着手,设计师都绕不开用户,真正的产品设计的过程是从用户到用户的过程。从用户开始,考虑用户的使用场景,把握用户的情感,分析用户的操作流程,把握用户的感情诉求,清楚用户使用中和使用后的心情。在把握好这个问题之后,下面要解决的就是怎么样才能够满足上述的感情需求,产品中的哪些部分起了关键性的作用,哪些部分会违背和减弱情感需求,从而得出改进产品的方案。
包豪斯著名设计师梦合理·纳基曾说:“设计并不是对制品表面的装饰,而是以某一目的为基础,将社会的、经济的、技术的、艺术的、心理的多种因素综合起来,使其能纳入工业生产的轨道,对制品的这种构思和计划技术即设计。”[3]这里所说的工业生产同样适用于“互联网+”时代下的UI设计当中。移动互联网的小屏幕迫使设计师去设计更大的控件来解决寻找按钮的问题或者通过滑动交互的形式让用户快速定位到自己想要的内容。
从整体上把控情感化需求比局部抓住用户的情感要简单。它只需要在准备产品之前奠定好情感基调即可,在整个产品研发的过程中不断地改进以免发生偏离。从各个模块、页面、流程上的把控用户需求比较复杂,需要注意的是各个模块需求的总和大于整个产品情感化的需求。它不是简单的相加。例如,上网有上网的需求、阅读有阅读的需求、看视频有看视频的需求、订阅有订阅的需求、下载有下载的需求。每一个情感化的增加都要符合用户的操作状态和使用环境。当我们还原用户使用场景的时候要尽量做到开放性的思路。不但考虑用户在使用某一应用时会出现什么样的状况,而且要考虑用户在使用应用之前是什么状态。考虑用户是有目的的使用还是随便浏览。对于某些产品来说,从理清楚产品的需求到优化设计到确定产品,这需要时间和交流,所以正确的交流也是很好地完成情感化设计的重要一环。
《原研哉的设计》一书中提到:“二十世纪是视觉时代,二十一世纪是触觉时代”。越来越焦躁和懒惰的用户没有耐心在众多的信息中不断地点击鼠标,筛选自己想要的内容信息。他们更希望通过移动互联网快速找到自己想要的内容,定位到自己想要的目标,并随时随地把自己的新鲜事分享出去。但是传统的网页分成无数个tag和页面让用户点击选择的设计已经满足不了当下的用户。想要给用户提供更流畅的上网体验,需要提供高清的图片、显眼的搜索条、热门的新闻,并且隐藏相似的选项、给出推荐或查看相似选项等效果来猜测用户在不同场景下的心理活动。与隐蔽的按钮和慢慢拖动的滚动条相比,用户更喜欢用手势和语言潇洒的互动。尽情地享受高科技带来的快感,这就需要大量地分析用户需求,并对用户需求做出情感化的设计,以满足用户的体验。