• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 这些属于未来的UI形态,距离我们已经越来越近了

这些属于未来的UI形态,距离我们已经越来越近了

作者:Justinmind 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含AR,ui设计,UI设计的未来,VR设计,经验分享等相关知识,Justinmind希望在学习及工作中可以帮助到您

当我们谈及未来风的UI界面的时候,脑中总不由得浮现《少数派报告》中炫酷自然的手势交互和《钢铁侠》中全息投影式的操作界面。不过回顾现实生活,我们会发现大概也只有触摸屏,语音界面,指纹识别和视网膜屏幕是真正从电影走进了我们的生活。

不过,UI设计领域的变化是有目共睹的,UI界面的定义正随着技术的发展而逐步演变,接下来UI界面的设计会发生什么样的改变呢?我们研究了接下来未来几年内UI设计的可能的发展方向,接下来我们一起来看看。

自然用户界面(Natural user interfaces)

和电脑交互你需要鼠标和触控板,和电视交互你需要遥控器,可是未来的交互界面将会告别这些交互介质。就像《少数派报告》当中一样,一挥手就能切换歌曲,一点头就能购物成功。

自然用户界面,或者我们简称为NUI,将会是更加贴近用户需求和使用场景的自然用户界面。现如今,麦当劳已经开始在门店中提供让用户自主购买食物的带触摸屏终端,而Wii这样的游戏终端则开始将体感作为交互的核心,这些都是向着NUI进化的实例。

NUI是指南针,是体验更优秀的UI界面的发展方向,它意味着更加人性化,功能更贴合场景,交互更加自由多样化,界面内容更懂得用户所需。Siri 同样可以算是NUI,通过语音进行交互同样是非常符合人类交互习惯的。值得一提的是,在自然这一设定之下,我们通常所说的不同类型的交互方式和界面将会出现交叉和融合。自然用户界面是以人类的自然交互方式和对信息的需求方式为导向的界面设计,它并不拘泥于技术背景和实现方式,而是尽可能地贴合易用性设计,响应人类的自然交互,充分结合人本身的能力和技能,降低用户的认知负担。

实际上,当我们谈到未来系设计的时候,大家更关注的是用户和内容的交互方式而非设计形态。不过,NUI的设计依然是有可供遵循的设计原则的。根据Joshua Blake 的说法,这些设计原则包括:

  • 具备即时专业性
  • 渐进式学习功能
  • 直接可交互性
  • 降低认知负荷

想让用户界面真正走向自然,设计师需要连同开发者和相关专家一起创建专业、无缝、贴合交互场景和自然需求的用户界面。

语音界面

语音交互在国外已经越来越火爆了,Alexa 和 Google Home 这样的设备普及率越来越高,亚马逊已经售出超过2000万 Amazon Echo,目前它正主导着智能音箱市场。

从Siri 到如今的Alexa,人工智能和语音交互界面正在逐步成熟,不过依然有很长的路要走。人工智能技术需要借助机器学习来逐步成长,这使得语音交互界面的成熟依然需要时间来沉淀。相应的设计,也应该是在机器学习和用户数据的基础上构建起来。

语音交互界面应该是广泛通用的。它不仅仅是供你用来调侃的,它同样应该可以帮你发送消息,查找资料,浏览信息,网上购物,你无需动用手指就能完成各种各样的事情。相比于输入一堆关键词,用语音说出自己想要搜索的信息,其实更加自然快速。

当然,它所存在的弊端也是显而易见的。在公共场合很难使用语音进行相对私人的互动。不过和许多其他的技术一样,语音界面的交互设计会随着越来越多的用户加入而越来越智能,而经验的积累也会帮助我们建立起一套相对合理的交互机制。你要相信,人的惰性有的时候确实会推动科技的发展。

VR和AR

在过去的5年当中,VR和AR技术有了相对长足的进步,而在2016-2017两年间出现了爆发式的增长。

VR头戴式设备的完善使得用户得以享受到真正的沉浸式体验。而AR技术则借助无处不在的摄像头,真正走进用户,将更强大的交互层投射到现实世界当中去。

使用VR,你可以访问从未去过的城市,甚至根本不会存在于现实的世界。这种沉浸式的交互是全新的,不再拘泥于眼前大小屏幕的。

Christophe Mallet?认为,在未来10年内,诸如房地产这样的行业将会使用VR技术让人们足不出户就可以看房,在VR设备广泛普及的未来,远程体验将会成为一门潜力巨大的生意。

没有界面的界面

Golden Krishna 认为,发展到一定程度,人们已经不再需要更多的屏幕来进行交互了,这个时候,人们已经不再需要那么多依赖于屏幕存在的界面了。其实《少数派报告》中已经出现了太多这样的假设,语言,行为,甚至身体反应出来的需求,都会让更加智能的外部世界,给予用户最真实的反馈,用户不再需要通过主动操作来发出指令了。

到了这个阶段,用户体验的设计应该和现在截然不同,不过想要抵达这个阶段,我们还有太长的路要走。

那么在未来要如何给UI设计原型呢?

也许未来并不像咱们所看到的科幻电影中那么玄幻奇特,但是有一点可以肯定,就是UI的原型制作工具一定是要跟得上未来的需求的。我们制作一个网页或者APP需要通过线框图来搭建框架,制作原型来进行交互和测试,那么语音界面的交互要如何实现呢?想要完成一套完整而智能的NUI,又需要有多少组件来构成一套可供设计师使用的原型工具呢?这个问题对于Justinmind 这样的原型开发团队和现在的设计师而言,同样重要。

结语

很明显,在技术革命的浪潮当中,我们必然将会迎来截然不同的UI界面和交互方式,未来已来。属于未来的设计也许不再拘泥于我们现在所在乎的屏幕界面,美学基础,它会更加随性,更加庞大,更加多样,也更加自然。

【2018年设计趋势,一个都不要错过】

  1. 《2018年,这10个LOGO设计趋势值得你关注》
  2. 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  3. 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  4. 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • base target=""规定基本链接的目标打开框架
  • 清除浮动(clearfix 和 clear)的用法示例介绍
  • 网页中通过param name方式给ActiveX控件的属性赋值示例
  • 如何解决外边距margin叠加的问题探讨
  • 关于自适应布局的处理(利用浮动和margin负边距实现)
  • 负margin功能介绍及用法总结
  • 谈谈对css属性margin的理解
  • 常用元素默认margin和padding值问题探讨
  • 一小段html代码将就能将百度搜索栏包含到你的页面里
  • css浮动(float,clear)通俗讲解经验分享

相关文章

  • 2017-08-06手机APP用户界面设计的10点建议
  • 2018-08-23网易资深设计师:如何建立可信赖的品牌形象?
  • 2018-08-23实战深度总结!如何设计和运营品牌形象?
  • 2018-08-23腾讯的设计到底好在哪?高手是从这3个维度分析的!
  • 2018-08-23平面作品太单调?三招提升设计层次感!
  • 2017-08-06ie6下关于html编码问题导致js出错css不被应用的解决方法
  • 2018-08-23AI+AE教程!教你绘制一个超萌的黑人无奈摊手小动效
  • 2018-08-23关于表单设计的知识点,这篇总结相当全面!
  • 2017-08-06两款网站页面翻译插件分享
  • 2018-08-235个实操改稿案例,教你做出高质量的Banner设计!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 超全面!设计师应该学会的「行为设计学」到底是什么?
    • 快速上手!10分钟学会这招超好用的「九宫格」配色技巧
    • YouTube 终于换Logo啦!来看背后的设计故事!
    • 从零开始设计一款APP之如何做好整理和交接工作
    • 刚刚过去的6月,网页设计师们特别青睐这3种设计趋势
    • 从微信「朋友圈三天可见」,分析背后隐含的设计原因
    • 图层英文怎么写?来看看Apple官方写法(Bars篇)
    • 眼见不一定为实!全面总结设计中的障眼法
    • 关于网站里的微博组件改版的介绍详谈(图文)
    • 这个APP的UX设计,把订购汉堡玩出花来了

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有