惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Apple Machine Learning Research
Apple Machine Learning Research
爱范儿
爱范儿
博客园_首页
博客园 - 【当耐特】
V
Visual Studio Blog
博客园 - 叶小钗
月光博客
月光博客
美团技术团队
J
Java Code Geeks
小众软件
小众软件
Y
Y Combinator Blog
博客园 - Franky
Martin Fowler
Martin Fowler
博客园 - 聂微东
Microsoft Azure Blog
Microsoft Azure Blog
IT之家
IT之家
MyScale Blog
MyScale Blog
人人都是产品经理
人人都是产品经理
Microsoft Security Blog
Microsoft Security Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
阮一峰的网络日志
阮一峰的网络日志
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
云风的 BLOG
云风的 BLOG

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
VR/AR/MR-空间交互设计之“界面布局”
元培坊 · 2023-11-22 · via 人人都是产品经理

三维空间中的界面设计与二维空间中的界面设计有所不同,这篇文章里,作者就针对空间界面通用布局展开说明,并总结了空间界面设计的相应原则,一起来看看吧,或许会对想了解VR的你有所帮助。

一、探讨空间界面设计

总结

关于空间界面设计需要考虑“人体工程学和舒适感下新的界面布局思路”、“融合虚拟和真实场景下界面样式新的设计思路”、“结合不同交互方式(如手势直接交互、手势非直接交互)的界面内容设计等”很多因素。了解VR/AR空间手势交互内容,可查看我之前的文章VR/AR/MR-空间交互设计之“手势交互”

这期我们针对空间界面通用布局展开说明。

二、空间界面通用布局

1.左右式(X轴方向)

左右式,主要是将比较大的、重要的界面面板水平排列,满足头部左右旋转查看,避免头部上下运动,以减少用户的颈部不适。

左右式排列的信息可以是多个主界面面板,主界面面板和导航标签栏(标签栏一般垂直放置在主界面面板左侧位置,当然标签栏也可以放置在主面板顶部,详见“上下式”)

2. 上下式(Y轴方向)

上下式,主要是在主面板的顶部或底部放置一些导航类、标签类、或操作类的组件。切记不要将多个主界面大面板垂直排列

3. 深度式(Z轴方向)

前后式,主要考虑到一个空间布局中的重要理念:深度。垂直于人脸的z轴方向上,利用深度视觉效果,将二级面板呈现出来。

好处是层级清晰且空间感强烈,当用户触发一级界面上的某个按钮需要显示链接后的内容,可考虑在一级主面板前方呈现二级界面内容。

4. 混合式(多轴方向)

混合式,顾名思义:可根据不同产品及功能、项目中有多种交互方式存在的情况下,可以进行多种布局方式相结合的呈现方式。

三、空间界面布局设计原则

1. 符合人体工程学原则

人体工程学是设计领域的一个重要部分,它关注的是人与物品、环境以及技术之间的关系。在设计中考虑到人体工程学,可以确保我们的产品或服务使用起来更加舒适、高效且不疲劳。

用户完全依赖头显来看到真实和虚拟的一切事物,因此保持视觉舒适性至关重要。将系统中的界面相对于佩戴者的头部正前方放置内容面板,以保证无论用户的身高如何、坐着或者站着还是躺着,都能够正对内容。

即使是用户在空间中的位移、位姿发生变化,也可以将内容平滑的带到用户眼前(而非让用户移动来触及内容)。

2. 视场角范围内原则

我们需要确保所有内容都在用户的视野范围内。呈现信息面板或内容时,我们要避免将任何内容放得太高或太低,以迫使用户做出不必要的头部旋转。

3. 左右布局原则

对于需要大画布的应用,可以考虑使用更高的宽高比,例如在”自由形式”中,画布是水平延伸而不是垂直延伸。这种设计选择可以更好地适应用户的视野,并减少不必要的头部动作。

4. 重要内容居中原则

优先将最重要的信息集中在视野中央非常重要。这样,用户可以更轻松地找到并查看他们需要的内容,同时还能保证他们的身体舒适度。应避免将重要内容和控件放在窗口角落。内容离窗口中心越远,用户就可能越难以看到并与之交互,尤其是当窗口较大的时候。

5. 谨慎使用多窗口原则

避免显示过多窗口。窗口过多会遮挡用户的周围,让其感到压抑、受限,甚至不舒服。同时也让用户难以将焦点移至想要的内容,除非调整多个窗口的大小或位置。

总的来说,考虑到人体工程学的设计原则可以帮助我们创建出更舒适、更人性化的用户体验。

最后:本文案例图均来自visionpro公开的宣传资料,也是因苹果一直在用户交互和产品设计体验上比较优秀。本文仅站在通用性思路的角度出发去分析,当然关于多窗口布局,目前主流经常看到的有宫格式、列表式、抽屉式、曲面陈列馆式、旋转木马式等,根据不同项目特点选择不同的布局方式即可。

可以推荐看看以下几篇文章,可以作为参考:

  • 谈VR界面的空间布局
  • VR世界里,需要怎样的交互界面?
  • 如何建立一套 VR UI 设计规范?
  • 浅谈VR UI设计规范|为VR界面设计给出明确指导建议
  • VR软件设计:GoogleXR设计规范简析

本文由 @XR元培坊 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自苹果官网

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。