三维空间中的界面设计与二维空间中的界面设计有所不同，这篇文章里，作者就针对空间界面通用布局展开说明，并总结了空间界面设计的相应原则，一起来看看吧，或许会对想了解VR的你有所帮助。
关于空间界面设计需要考虑“人体工程学和舒适感下新的界面布局思路”、“融合虚拟和真实场景下界面样式新的设计思路”、“结合不同交互方式（如手势直接交互、手势非直接交互）的界面内容设计等”很多因素。了解VR/AR空间手势交互内容，可查看我之前的文章VR/AR/MR-空间交互设计之“手势交互”。
这期我们针对空间界面通用布局展开说明。
左右式，主要是将比较大的、重要的界面面板水平排列，满足头部左右旋转查看，避免头部上下运动，以减少用户的颈部不适。
左右式排列的信息可以是多个主界面面板，主界面面板和导航标签栏（标签栏一般垂直放置在主界面面板左侧位置，当然标签栏也可以放置在主面板顶部，详见“上下式”）
上下式，主要是在主面板的顶部或底部放置一些导航类、标签类、或操作类的组件。切记不要将多个主界面大面板垂直排列 。
前后式，主要考虑到一个空间布局中的重要理念：深度。垂直于人脸的z轴方向上，利用深度视觉效果，将二级面板呈现出来。
好处是层级清晰且空间感强烈，当用户触发一级界面上的某个按钮需要显示链接后的内容，可考虑在一级主面板前方呈现二级界面内容。
混合式，顾名思义：可根据不同产品及功能、项目中有多种交互方式存在的情况下，可以进行多种布局方式相结合的呈现方式。
人体工程学是设计领域的一个重要部分，它关注的是人与物品、环境以及技术之间的关系。在设计中考虑到人体工程学，可以确保我们的产品或服务使用起来更加舒适、高效且不疲劳。
用户完全依赖头显来看到真实和虚拟的一切事物，因此保持视觉舒适性至关重要。将系统中的界面相对于佩戴者的头部正前方放置内容面板，以保证无论用户的身高如何、坐着或者站着还是躺着，都能够正对内容。
即使是用户在空间中的位移、位姿发生变化，也可以将内容平滑的带到用户眼前（而非让用户移动来触及内容）。
我们需要确保所有内容都在用户的视野范围内。呈现信息面板或内容时，我们要避免将任何内容放得太高或太低，以迫使用户做出不必要的头部旋转。
对于需要大画布的应用，可以考虑使用更高的宽高比，例如在”自由形式”中，画布是水平延伸而不是垂直延伸。这种设计选择可以更好地适应用户的视野，并减少不必要的头部动作。
优先将最重要的信息集中在视野中央非常重要。这样，用户可以更轻松地找到并查看他们需要的内容，同时还能保证他们的身体舒适度。应避免将重要内容和控件放在窗口角落。内容离窗口中心越远，用户就可能越难以看到并与之交互，尤其是当窗口较大的时候。
避免显示过多窗口。窗口过多会遮挡用户的周围，让其感到压抑、受限，甚至不舒服。同时也让用户难以将焦点移至想要的内容，除非调整多个窗口的大小或位置。
总的来说，考虑到人体工程学的设计原则可以帮助我们创建出更舒适、更人性化的用户体验。
最后：本文案例图均来自visionpro公开的宣传资料，也是因苹果一直在用户交互和产品设计体验上比较优秀。本文仅站在通用性思路的角度出发去分析，当然关于多窗口布局，目前主流经常看到的有宫格式、列表式、抽屉式、曲面陈列馆式、旋转木马式等，根据不同项目特点选择不同的布局方式即可。
可以推荐看看以下几篇文章，可以作为参考：
谈VR界面的空间布局VR世界里，需要怎样的交互界面？如何建立一套 VR UI 设计规范？浅谈VR UI设计规范|为VR界面设计给出明确指导建议VR软件设计：GoogleXR设计规范简析本文由 @XR元培坊 原创发布于人人都是产品经理。未经许可，禁止转载。
题图来自苹果官网
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
随着5G技术的普及，UI人机交互设计技术的需求量大增，更多的IT人士想进入UI设计领域，通过UI设计培训及实训，是进入UI设计行业的一条捷径，成都川软UI设计培训内容包括哪些？
1、WEB前端基础技术
2、DW+HTML
3、CSS+HTML5/CSS3
4、Axure介绍与应用
5、Axure工具、元件使用
6、产品线框图
7、交互事件与案例
8、Axure交互案例综合运用
9、色彩构成、平面构成的讲解及综合运用
10、图标设计的理论分析与实战结合
11、javascript的实战演练
12、flash 动画设计及实战
13、界面设计及项目设计
14、版式设计及项目设计
相关问答
交互设计师要学的内容非常多:空间交互、物理交互、预测人如何与系统交互、界面设计、用户体验等等。这些都是交互设计师需要学习的知识,下面我们将一一为大家...
包括图形化界面和命令行界面两种形式。图形化界面通过图形元素(例如按钮、菜单等)的直观呈现,方便用户进行操作,特别适用于企业软件和图形软件等需要用户频繁...
可以啊,人机交互界面也是需要通过什么通讯来链接就OK了。一般用SPI或者IIC通讯等方式来实现,只不过就是调用不同的外设模块就行了。可以啊,人机交互界面也是...
每个阶段都要适合的该阶段的图形化界面,现在流行的是黑、蓝底,立体感的交互界面,这种界面适合在高清大屏幕上展示,不适合投影机。主要特点是色调单一,图文结...
UI交互设计可以分为三个模式,用户研究、交互设计、界面设计。用户研究就是负责研究用户的需求点和用户使用体验的反馈,是检验界面设计与交互设计是否合理的重...
设计师,无论是UI,UX还是产品设计,我们都将重点和精力放在开发和掌握有形技能上。当我们进行自我审查时,“您在过去六个月中的情况如何改善?”我们指出...当我...
1、打开手机,找到“设置”选项,点击进入。2、在设置菜单中垂直下滑,找到智能辅助选项,点击进入。3、进入“智能辅助”菜单后,点击“多屏互动”选项进入。...
设计流程1.选择适合的使用场景对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须...
1.确定PPT目的,展现用户,使用方式,这样对PPT的模板,颜色,展现方式,及动画都有不同的要求。2.模板要统一风格,同一个页面最好不要多于3种颜色,字体统一,...1...
两者不是一个研究领域啊,不要认为名字差不多就认为它们实际也差不多,但它们之间也是相互联系的。简单的说,人机交互是一个学术领域,是计算机和心理...
