童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

翻转吧,界面!3DUI概述

6月18日 倾城傷投稿
  随着技术发展,界面越来越简易化,二维的操作难以提供更好的交互体验,因此平面化的操作界面转向3D空间维度发展,我们又迎来的了新的时代,一场革命性新的交互体验;本次分享,作为3DUI的概述,以下就整体的来了解下3DUI。
  图1:如何定义3D
  
  什么是3D
  我们首先了解下什么是3D:
  一般而言,3D也称为三次元、三维空间;日常生活中可指由长、宽、高、3个维度所构成的空间,而且日常生活中使用“三维空间”一词,常常是指三维的欧几里得空间;3D这个空间几何概念加上UI人机交互界面这个概念组成新的词汇3DUI,那么,什么是3DUI,如何理解3DUI?
  图2:各类3D游戏界面,是否3D化就是3DUI?
  在电脑中最常见的3D应该就是游戏,但即使是最新的游戏,其中的操作界面是否就是3DUI?
  我们先暂时放下这个话题,粗略的看下我们最常见的UI变革,系统UI的变革:
  
  UI的变革
  图3:计算机UI从无到有的发展变化
  1最早的计算机系统是没有UI的,他是命令式的操作界面。用户所有的操作都必须依靠键入命令,例如:运行“打开文件夹”这个操作,必须键入命令“CD”,列出文件夹内容则需要键入“Dir”;
  2时间进入1983年,Apple的LisaOS,此时已经引入了鼠标的操作,一切都变得不一样,我们的电脑发生了新奇的变化,不用去记住那些复杂的命令,打开文件夹只需要简单的鼠标点击,就可以进入,并且已经展现出文件夹的内容;
  3时间再次推移,我们看下1997年的MacOSSystem8,这时已经加入不少新的技术,首先画面更精美了,不在只是单色,所有的图标更加物体化,不在只是简单的黑白线条架构起匪夷所思的线框图,所有的命令也更加图形化;
  4进入到2001年的MacOSX图形更加的细致,硬件的升级导致分辨率的不断提升,所见的物体已经更为逼真,我们可以看到更多拟物化的设计,并非传统四四方方的操作界面,我们甚至可以看到垃圾筒的不断塞满,这和你现实中并无二致;
  5点开系统看下现在的系统,我们可以看到不仅仅是图形上的变化,你可以犹如真的在现实中翻页,我们可以用手指放大缩小照片,我们可以翻转它拨弄它。
  
  3DUI的探讨
  在技术的革新,界面和交互的不断进化演变,这些越来越3D化的设计和现实的交互体验说明了什么,我们回到3DUI这一话题,我们又能发现这么一个问题:“3D化界面究竟有何意义”带上这个问题我们看下早期的一些3D化界面的效果。
  图4:TheSkinsFactory为Alienware定制的WMP视觉外观
  在早期的界面中,只是简单的模仿3D化的效果,换句话来说,我们真正操作和使用还是停留在平面上。就如在黑板上以透视的方法画下一个立体的盒子;这只是看起来效果更好一点而已,如何能更进一步?
  单纯的视觉变化只是看上去更好一点,如果要进一步的提升则需要把操作和交互带入进去,现在的设备,如iphone、ipad、已经不是单纯的在视觉上单纯的拟物,我们可以在设备上进行推拉、移动等物理的方式直接操作内容,在目前的科技中简单的模拟物理环境已经越来越普及;看看以下的设备,他给我们提供了什么:
  图5:MicrosoftSurface
  我们看下这样直接的操作能带来什么好处:
  1直接自然的操作方式,用户可以直接与内容进行互动,关注用户的当前需要完成的任务,在界面中保持最少数量的可见控件,减少用户对内容直接操作时可能出现的干扰。
  2除了与人交互,也可以与实物交互。在虚拟世界和现实世界建立了联系。充分整合发挥现实世界的操作自然等优势与虚拟世界的智能等优势。
  回到之前的问题“3D化界面究竟有何意义”,显而易见的,3D技术是模拟现实生活中的物理或自然环境。
  
  拟物化的设计
  图6:更多拟物化的界面设计
  因此3D化的界面让我们在使用操作设备上更加的接近现实;随着技术的发展,在虚拟的程序上,有足够的技术模拟现实中存在的物体,包含物体效果;拟物的好处是让用户、操作者对于程序本身的使用减少学习成本和拥有更熟悉良好的体验。3D化的设计并不只是单纯的视觉炫耀,他能让内容更加的贴近生活,未来的生活中,设备只是介质,他让内容、信息直接融入了生活。我们期待着那个时代的来临!
投诉 评论 转载

创新贴心设计的灵感觅取日常生活中,我们接触的所有东西无不经过了设计,有些看起来是那么的好看,而用起来是那么的槽糕,后悔不堪当初为了什么而买;有些看起来是那么的平凡不起眼,但功能上的精心设计,贴心到让……翻转吧,界面!3DUI概述随着技术发展,界面越来越简易化,二维的操作难以提供更好的交互体验,因此平面化的操作界面转向3D空间维度发展,我们又迎来的了新的时代,一场革命性新的交互体验;本次分享,作为3DU……icon小教程之图标细节的绘制今天通过一个简单的game图标的绘制教程,和大家分享在绘制过程中细节的处理和一些画图标的心得,好的,我们开始吧!Step1首先要定好图标的透视,这是非常重要的,这关……CDCfunnyzoo品牌全设计腾讯十三周年嘉年华,世界之窗,凯旋门,80141516摊位CDC又来了!又一次的惊艳,再一次的震撼全场感谢大家对funnyzoo的喜爱感谢大家一如既往的……拥抱开放Q2。0项目小结Q之前,桌面电脑用户仍然是本地应用程序和浏览器构成的在线体验。随着1。0的试用,2。0的发布,Q将是一个让人随时可以参与不同深度和层次的互联网生活平台。1……QQ电脑管家:智能主题与社会责任智能关联换肤是腾讯公司QQ电脑管家产品团队自主研发的创新技术,我们在制作主题皮肤时,想到可以将皮肤的色彩和场景智能关联到电脑系统当前的运行状态。让用户更直观地感觉到电脑的健康状……用心创造品牌,腾讯游戏品牌设计在CDC有一句用来吓唬新同学的话:“不好好学习,小心被捉去画logo”此语虽然玩笑,但也见得公司对品牌形象的一丝不苟。而这次的任务是绝对的Boss级,荣誉会很大,鸭梨会更……粽情端午重五山村好,榴花忽已繁。粽包分两髻,艾束著危冠。旧俗方储药,羸躯亦点丹。日斜吾事毕,一笑向杯盘。陆游记忆总会随着时间慢慢的淡去,有时一种味道,一种……QQ登录banner再设计QQ登录banner是与用户沟通情感的小窗口,在一些特殊的日子里我们尝试一些力所能及的表达方式来给用户一种感动,一种记忆。QQ登录banner正力求避免直白的画面呈现,增……音乐你的生活AndroidQQMusic设计实录在android平台上开发音乐播放器是一个全新的挑战。这次通过androidQQmusic项目实战,总结出一些方法和经验,希望能够对移动平台的设计尤其是多媒体这块提供一些有价值……标新,绝不立异由WindowsPhone谈移动设备的视觉语言当你第一眼看到WP7界面视觉的那一刻,你的第一感觉是是什么?从没有过的简单极致让你眼前一亮?还是平面色块的堆砌让你不禁失望仅此而已?当然……【爱莲说。第一卷】重新审视与定义设计的商业价值2010年8月27日下午,用户研究与体验设计中心视觉专业线在华侨城一渡堂举办了主题为“爱莲说”的设计大会,此次大会旨在为设计师提供一个开放的交流平台,提升设计思想和视野,倡导设……
模板建站:站点图片的处理折射营销效果网站建设方案:前期企业站点建设规划和建站内容撰写倡导企业使用响应式建站模式,利于企业未来的推广方向企业网站建设配置清单:优帮云建站cms系统一站式完成选择建站外包公司应当从案例、页面设计方面考察网站建设初期的域名备案资料详情网站制作知识解读:图片处理、代码编辑技能网站页面板块布局对于企业营销有哪些积极作用?网站制作采用静态化设置的意义是提升搜索引擎蜘蛛抓取频率阐述移动网站建设过程注意事项与制作方法网站建设初期就筹备seo优化方案的好处有哪些?移动端建站指南:电脑端建站与移动端建站操作方法保持一致

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界