unity 全息交互ui_UI向3D投影全息界面的连续发展

unity 全息交互ui

The user interface has been natural in its evolution and strategically heading towards the 3D-projection holographic interface (3D-PHI) era.

用户界面在其发展过程中一直很自然,并且在战略上正朝着3D投影全息界面( 3D-PHI )时代迈进。

Since its conception (~1960) user interface have been evolving for very much to work intuitively for 3D-PHI. User interface growth and improvements has been consistent with technology, human behaviours and learnings for seamless adoptability for the start of 3D-PHI in near future (~2030).

自从其概念(〜1960年)以来,用户界面一直在不断发展,以直观地用于3D-PHI。 用户界面的增长和改进与技术,人类行为和学习相吻合,以在不久的将来(〜2030年)启动3D-PHI。

Movie Clip of ‘Iron Man’ showing Holographic Projected UI

The UI evolution has been like,

UI的演变就像

  1. Flat numerical, textual UI and no graphics (~1960)

    平面数字,文本UI和无图形(〜1960)
  2. Then icons and graphics (~1972)

    然后是图标和图形(〜1972)
  3. Then flat graphical UI elements with shadows (~1985)

    然后是带有阴影的平面图形用户界面元素(〜1985)
  4. Colourful visual design elements with shadows (~1995)

    带有阴影的多彩视觉设计元素(〜1995年)
  5. Bubbly UI elements with shiny gloss (~2000)

    带有光泽的气泡UI元素(约2000个)
  6. Flat transparent UI elements with gradients and border (~2008)

    具有渐变和边框的平面透明UI元素(〜2008)
  7. Flat UI elements with solid fill and border (~2011)

    具有实心填充和边框的平面UI元素(〜2011)
  8. Flat transparent UI elements with solid fill and no border (~2016)

    具有实心填充且无边框的平面透明UI元素(〜2016)
  9. Start of flat UI elements with thin borders, no fill, lesser content(~2018)

    带有薄边框,没有填充,内容较少的平面UI元素的开始(〜2018)
  10. Dark mode, thin, simple and minimum elements(~2019)

    暗模式,薄,简单和最少的元素(〜2019)

I think the upcoming would be,

我认为即将到来的是

11. Neon colour themes over dark mode (~2022)

11.深色模式下的霓虹灯颜色主题(〜2022)

12. Monochrome neon themes over dark mode (~2025)

12.在黑暗模式下的单色霓虹灯主题(〜2025)

13. Start of maturity in gestural interfaces (~2026)

13.手势界面的成熟开始(〜2026)

14. Baby steps towards 3d-projected interactive user interface (~2026)

14. Baby迈向3D投影的交互式用户界面(约2026年)

15. Combination of matured gestural and 3d-projected hologram technologies for 3D-PHI (~2030).

15. 3D-PHI的成熟手势和3D投影全息技术的组合(约2030年)。

All these continuum changes in UI from 1 to 10 have been and 11 to 15 would be a meaningful evolution to reach 3D-PHI. It seems 70% of this journey is already covered to reach to 3D-PHI.

从1到10的UI中所有这些连续变化都已经达到,从11到15的变化将是实现3D-PHI的有意义的演变。 似乎已经涵盖了70%的旅程,可以到达3D-PHI。

UI演变 (The UI Evolution)

Lets go through UI’s step-by-step evolution which have been changing with technology, business-users needs and user learnings. Also, how various design oriented jobs have been identified or came in need with time.

让我们经历UI的逐步发展,随着技术,业务用户需求和用户学习的变化而不断变化。 同样,随着时间的推移,如何确定或需要进行各种面向设计的工作。

~1960 to 1978- Data Interface computers

~1960 to 1978— Data Interface computers.

大约1960年至1978年-数据接口计算机。

~1983–1990- Pixel based graphical UI elements.

~1983-1990— Pixel based graphical UI elements. Desktop applications. Icon designer roles came in demand. Design field is introduced as UX and user centric design practices.

大约1983-1990年-基于像素的图形UI元素。 桌面应用程序。 偶像设计师的角色很受欢迎。 设计领域是作为UX和以用户为中心的设计实践而引入的。

~1995–2001 — Flat graphical UI elements with tabs and shadows.

~1995-2001 — Flat graphical UI elements with tabs and shadows. Desktop applications. Visual designers and graphic designers role came in demand by competitive business needs.

〜1995-2001 —带有选项卡和阴影的平面图形UI元素。 桌面应用程序。 竞争激烈的业务需求迫切要求视觉设计师和图形设计师的角色。

~1997–2003 — Mobile phone technology is innovated.

~1997–2003 — Mobile phone technology is innovated. Web applications. Mobile and Web GUI. Designer roles like interaction designer, visual designer, UI designer, UX designer took baby steps for business growth and design values.

〜1997–2003年—移动电话技术得到了创新。 Web应用程序。 移动和Web GUI。 诸如交互设计师,视觉设计师,UI设计师,UX设计师等设计师角色为业务增长和设计价值迈出了第一步。

~2001–2006 — Trend of bubbly UI elements with shiny gloss.

~2001–2006 — Trend of bubbly UI elements with shiny gloss. Designers roles had established like UX designer, interaction designer, visual designer, UI designer and gone well realised and defined slowly depending upon companies design values and awareness.

〜2001–2006年 —具有闪亮光泽的气泡UI元素的趋势。 已经建立了设计师角色,例如UX设计师,交互设计师,视觉设计师,UI设计师,并且随着公司的设计价值和认知度的提高,这些角色逐渐被很好地实现和定义。

~2007–2011- Touch-gesture technology.

~2007-2011— Touch-gesture technology. Smart Phones. Skeuomorphic UI. Boom in UX design field and job roles due to raised market competition. Boom in designers demand. Start of mass move towards UX design profession.

〜2007-2011年—触摸手势技术。 智能手机。 拟态UI。 由于日益激烈的市场竞争,UX设计领域和工作岗位蓬勃发展。 设计师需求旺盛。 大众开始向UX设计专业发展。

~2010–2018 -Flat, transparent, simple UI trends.

~2010–2018 —Flat, transparent, simple UI trends. Speed up in slow paced earlier found technologies like AI, AR, VR, voice. Start of tool oriented narrowed jobs for designers like SketchApp, InVision expert designers. All due to competitive market, work loads in organisations, so the agile methods.

〜2010–2018 —平坦,透明,简单的UI趋势。 以缓慢的节奏,较早发现的技术(如AI,AR,VR,语音)加速。 开始面向工具的缩小范围的工作,供SketchApp,InVision专业设计师等设计师使用。 所有这些都是由于竞争激烈的市场,组织的工作量,因此采用敏捷方法。

~2019 — Strategical move towards the trend of dark mode and simplicity.

~2019 — Strategical move towards the trend of dark mode and simplicity. Increase in demand of tool oriented jobs. Need of SketchApp, InVision, Figma expert in job descriptions. Entrepreneurship(s). UX is been covered mostly during research and rest been taken care by smart design tools. (Start of AI steps)

〜2019年—朝着黑暗模式和简洁趋势发展的战略举措。 面向工具的工作需求增加。 职位描述中需要SketchApp,InVision和Figma专家。 创业精神。 在研究期间,UX大部分被涵盖,其余部分则由智能设计工具来照顾。 (AI步骤开始)

~2019–2030 — UI evolution have been very systematic and meaningful till here. Now in next steps to head towards 3D-PHI…

〜2019–2030 —到目前为止, UI的发展一直是非常系统和有意义的。 现在,下一步将朝着3D-PHI迈进。

“The vital requirements of holographic UI to make it meaningful , there has to be no background, there has to be thin border UI elements with no fill, there has to be neon or monochrome visuals, there has to be mature gestural technology. All of the above — humans has to be learned every aspect of it ‘bit by bit’ before reaching there and be familiar, adjusted with 3d-projection interface system with time (A seamless zero learning continuum journey).”

“全息UI使其有意义的关键要求,必须没有背景,必须有没有填充的薄边框UI元素,必须有霓虹灯或单色视觉效果,必须有成熟的手势技术。 以上所有-在到达那里并熟悉之前,必须“一点一点”地学习人类的各个方面,并随着时间的流逝(通过无缝的零学习连续过程)进行3d投影界面系统的调整。”

A clip from movie ‘Ironman’ showing holographic project UI.

UI的持续发展基于技术,商机,用户需求和学习而具有战略性和自然性。 (Continuum evolution of UI is strategical and natural based on technology, business opportunities, user needs and learnings.)

Lets go through some more specific examples of UI’s evolution and reasonings behind them, which have been very logical to meet with improving technologies, growing business opportunities, changing user needs and learnings.

让我们来看一下UI演变和其背后原因的一些更具体的示例,这些逻辑对于满足不断发展的技术,不断增长的商机,不断变化的用户需求和学习非常合乎逻辑。

1.从白色到深色模式 (1. From white to dark mode)

This change trended as day-night mode, eye health, background recedes etc. Which is again meaningful in particular time period of UI journey but its also part of long journey, where it makes users to learn and be familiar to filter the background and focus only on UI elements (no interrupting elements, backgrounds). Slowly users will forget there was any background used to be in UI. Dark mode helps in this human learning. If tomorrow UI is projected in 3d-space, user would already be habitual to focus only on UI elements. This also logical from technology and intuitiveness perspective as projected UI don’t need background. Background or white background in 3d-projected UI will make the projected UI meaningless and counterintuitive in 3d space.

这种变化趋势表现为昼夜模式,眼睛健康,背景消退等。这在UI旅程的特定时间段同样有意义,但也是漫长旅程的一部分,在这种旅程中,用户可以学习并熟悉过滤背景和焦点仅适用于UI元素(无干扰元素,背景)。 慢慢地,用户会忘记UI中曾经有任何背景。 暗模式有助于这种人类学习。 如果明天的UI投影在3d空间中,则用户已经习惯于仅关注UI元素。 从技术和直观性的角度来看,这也是合乎逻辑的,因为预计的UI不需要背景。 3d投影的UI中的背景或白色背景将使投影的UI在3d空间中变得毫无意义且违反直觉。

2.从固体UI元素到细边框,无填充透明UI元素 (2. From solid UI elements to thin border, no fill, transparent UI elements)

This change trended as simplicity and cleaner UI, which is again meaningful in particular time period of UI journey, but in long term its also part of step by step natural process towards evolution of 3D-PHI. Holographic projection UI elements makes sense with thin border, no fill and transparency. Imagine if UI’s of 2000 could be projected in 3d-space, would it be meaningful, intuitive or even UX legible?

这种变化趋向于简单和更简洁的UI,这在UI旅程的特定时间段内再次有意义,但从长远来看,这也是逐步向3D-PHI演进的自然过程的一部分。 全息投影UI元素具有细边框,无填充和透明的意义。 想象一下,如果可以将2000年的UI投影在3d空间中,那么它是否有意义,直观甚至UX清晰可见?

3.从触摸技术到成熟手势技术的“添加” (3. From touch technology to ‘addition’ of matured gestural technology)

Soon parallel to AI and other methods of human commands to machines and computers, we may soon see the great leap in maturity of gestural technology . Which anyway taken baby steps in form of AR, VR and MR. Which could take inputs from face expressions, types of movements and it is advancing. AR, VR and MR in today’s time are great technologies but not being used as vital piece of user interface but touch technology is. Because its part of natural evolution that we are developing gesture technology in parts to combine them as fully grown gestural technology of tomorrow and for highly meaningful implementation of it with 3d-projection holographic UI.

与AI和其他对机器和计算机进行人工命令的方法并行的不久,我们很快就会看到手势技术的成熟度有了巨大飞跃。 无论如何,AR,VR和MR都采取了一些措施。 它可以从面部表情,动作类型中获取输入,并且还在不断发展。 如今,AR,VR和MR都是伟大的技术,但并未用作重要的用户界面,而触摸技术才是。 由于手势进化是自然发展的一部分,因此我们正在逐步开发手势技术,以将它们整合为明天完全成熟的手势技术,并通过3D投影全息UI对其进行有意义的实现。

A clip from movie ‘iRobot’ showing 3d projected video.

Already a lot of conceptualisation, research and technology works are happening in parts around the globe towards this development and will be combined together at right time in near future based on business growth steps, user learnings and viable establishment of holographic interface technical systems.

全球各地已经有许多概念,研究和技术工作正在朝着这一发展方向发展,并将在不久的将来基于业务增长步骤,用户学习和可行的全息界面技术系统,在适当的时候结合在一起。

Thank you.

谢谢。

翻译自: https://uxdesign.cc/uis-continuum-evolution-towards-3d-projection-holographic-interface-9cb70824f417

unity 全息交互ui

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275038.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端构建新世代,Esbuild 原来还能这么玩!

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。今天分享一篇esbui…

平面设计师和ui设计师_平面设计师为什么要享受所有乐趣?

平面设计师和ui设计师Graphic designers are pretty cool. We have to admit that. Be it their dressing style, their attitude and most importantly their enviable gadgets. Large Mac monitor, wacom tablet, drawing sets, swatchbooks , iPad pro with pencil, humungo…

web表单设计:点石成金_设计复杂的用户表单:12个UX最佳实践

web表单设计:点石成金It’s been a few years that I’ve been taking interest in designing complex user forms, where a lot of information is requested from users. Here are a few industries where you regularly find such flows:几年来,我一直对设计复杂…

跨平台开发框架到底哪家强?5款主流框架横向对比!

跨平台开发框架到底哪家强?目前市场上有多个专业做跨平台开发的框架,那么对开发者来说究竟哪一个框架更符合自己的需求呢?笔者特地总结对比了一下不同框架的特性。国内外笔者选择了一共5个主流的测评对象,分别是RN,Flu…

c#创建web应用程序_创建Web应用程序图标集的6个步骤

c#创建web应用程序I am not great at creating logos or icons, mainly because of the lack of practice. So when I was tasked to create an unique icon set for our web app, I wasn’t confident that things will turn out right. After researching effective and rele…

基于pnpm + lerna + typescript的最佳项目实践 - 理论篇

本文来自作者金虹桥程序员 投稿原文链接:https://juejin.cn/post/7043998041786810398本系列文章分为两篇:理论篇和实践篇 理论篇:介绍pnpm(pnpm的特点、解决的问题等)、lerna(lerna的常用命令)…

nginx 多进程 + io多路复用 实现高并发

一、nginx 高并发原理 简单介绍:nginx 采用的是多进程(单线程) io多路复用(epoll)模型 实现高并发 二、nginx 多进程 启动nginx解析初始化配置文件后会 创建(fork)一个master进程 之后 这个进程会退出 master 进程会…

ux设计工具_UX设计中的工具和实用主义

ux设计工具There’s a zillion tools for User Experience and User Interface Design. Don’t take my word for it: a simple Google search for “what are the best tools for wireframing” (to take just one aspect of UX) leads you to endless pages of “The 20 best…

幕后常驻嘉宾配音小姐姐的2021年度总结

大家好,我是若川。这是公众号幕后常驻嘉宾配音小姐姐,看完了上一个阿源小姐姐的年度总结《一张图看程序媛阿源的2021个人年度流水账》,写的年度总结投稿。点击以下音频可以查看收听往期更多音频。以下是正文~Hi,大家好呀~我是若川…

结果规格化_结果

结果规格化If you’ve seen an Instagram story involving a question and people tilting their heads, you probably were looking at the “Who Is More” Instagram filter. In this article, I will share the creative process and decision making behind this filter.如…

2021 年 JavaScript 大事记

大家好,我是 ConardLi,不知不觉中,2021 年已经接近尾声了,不知道在 2021 这一年,你收获了什么?又失去了什么呢?又到了开始做年终总结的时候了,今天,我来给 JavaScript 做…

动画 制作_您希望制作的10个醒目的徽标动画

动画 制作重点 (Top highlight)标志设计 (Logo Design) Have you ever watched paint dry? No? I didn’t think so. How about watched a turtle crossing the road? Probably not. Maybe spent an hour standing in line at the post office? Well that’s pretty likely…

使用 CSS 用户选择控制选择

IE10 平台预览 4 包括一个新的 CSS 属性的支持-ms-user-select,这使得 Web 开发者控制完全可以选择什么的文本,在其网站上更容易。如果你是看我一整天都在我的工作站,您会注意到我读计算机上时,我选择的文本。我不是只有一个人读起…

一个在校的普通前端小姐姐的2021

大家好,我是若川。这是我的源码共读群里一个大三的前端小姐姐(小曹同学)的年度总结。她写了5篇源码笔记。同时做了很多项目,获得了很多奖。而且策划和建立了学校工作室的前端训练营,40人报名参加。总之就是现在的大学生…

按钮 交互_SwiftUI中的微交互—菜单按钮动画

按钮 交互Microinteractions have become increasingly important in a world with a dizzying number of digital platforms and an ocean of content. While microinteractions used to be considered an interesting resource in the early days of digital design, in toda…

选择控件— UI组件系列

重点 (Top highlight)The word “toggle” is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you “switch” on the lights.单词“ toggle”是指带有短手柄的开关,该开…

SEE Conf: Umi 4 设计思路文字稿

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。复制此链接 https:…

用户体验改善案例_改善用户体验研究的5种习惯

用户体验改善案例There’s plenty of misunderstanding around user research, whether it’s the concept of validation or one-off anecdotes being thrown around as concrete evidence for a product decision.用户研究存在很多误解,无论是验证的概念还是一次性…

巴克莱对冲_“巴克莱的财政预算案”:使金钱管理对心理健康有效—用户体验案例研究

巴克莱对冲Disclaimer: all official Barclays assets used for this project are purely for educational/project purposes only and do not reflect the intentions of Barclays or any of its affiliates.免责声明:用于此项目的所有官方巴克莱资产纯粹是出于教育…

6 个对所有 Web 开发者都有用的 GitHub 仓库

作者:Mehdi Aoussiad原文:https://javascript.plainenglish.io/6-useful-github-repositories-for-all-web-developers-44f26912fd66大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与&…