Apple Vision Pro中的设计细节！

2024-2-17 博博

1. 沉浸感

将整个设计放在真实的空间中，使得设计更符合自己的体验、更加真实。

需要你拍摄一张真实的空间照片，卧室、街道、户外......

2. 设计

从关键页面开始设计

设计空间界面的第一个原则是熟悉性。

在你面前滑动一个180°视野的走马灯界面，但主要焦点始终在最中心的设计上。

从侧面看，它会有点像这样

3. 中保真设计

4. 材质、组件

苹果在这方面有他们自己的建议，并且已经发布了他们的UI工具包。

Vision OS能根据环境光照条件和场景环境实时调整窗口现实效果。

最重要的一点：在我的实际体验感受中，当物理世界的背景发生变化时（亮度变化），窗口界面的实时效果也会发生相应变化调整，主要是透明度、窗口边缘、光线效果的变化，特别是一些按钮、点击的交互，模拟物理按钮设计的点击效果非常真实，你想象一下卧室墙面的灯光开关面板，早上按下和傍晚按下的光线效果、角度是一样的吗？

全是细节啊！！！

针对空间设计方面需要了解的一些知识点：

视觉

用户感知到的深度，可以通过平面的方式进行设计，也可以通过实际在Z轴上的位置来进行设计。平面的方式，提供的是视觉深度，是假三维；牵扯到Z轴的位置，提供的是确实深度，是真三维。

为了更好的进行空间视觉设计，需要首先了解一些人体工学的知识。

(一)人体工学

第一，视觉系统辨别深度的方式。

视觉系统辨别深度的方式依靠2种线索：单眼线索和双眼线索。

顾名思义，单眼线索只需要一只眼睛即可提供给我们视觉系统依据，双眼线索需要依靠两只眼睛才能提供深度依据。

第二，人眼的舒适阅读区域和注意力时长。

在头部不主动转动的情况下，正负30度的弧度，以及比视线水平位置稍稍靠下的位置更适合阅读。

超过这个区域，即使用户不转头，也会因为耗费精力而感到不那么舒适。

从视觉暂留（残像）和瞬目反射（眨眼睛）的角度来说，我们的眼睛是不能一直工作的，在设计中可以余留出可以让眼睛休息的时间。

视觉的余留有点类似于留白，让眼睛不需要通过这部分视觉去识别出什么。比如两个按钮中间的空隙，两个虚像之间的不重要的辅助内容等等。

(二)视觉设计

空间里的视觉设计，除了我们熟知颜色、大小等，还有尺寸、距离等。可以理解为，一类是二维参数，即Sketch等二维设计软件里可以调整的参数，一类是三维参数，即3Dmax等三维设计软件里，多出来的那些可以调整的参数。

无论是二维参数还是三维参数，就可视化来说，都可以针对颜色、模糊、大小、动效、背景、光影、遮挡、密度这八种对象进行定义，这就是官方说明中所提到的：图像线索用法。

(三)窗口内的动效

因为大窗口的内容动效可能让用户产生混淆，官方给了8点设计建议。

1. 保证窗口内内容和物理世界保持水平

2. 保证动效扩展中心点的稳定。这里有一个一个概念：扩散焦点，可以理解为动效的感知起点。

3. 扩散焦点永远保持在窗口内

4. 避免单纯无意义的角度移动（因为会让焦点移动）

5. 避免过快的动画

6. 如果动画变化过大，使用渐近渐出过场衔接

7. 前后移动的动效，内容间距放大，物体放小

8. 使用低反光的材质

作者：20th_Century_Boy
来源：站酷

蓝蓝设计(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司

银行金融软件 UI界面设计、能源及监控软件 UI界面设计、气象行业 UI界面设计、轨道交通界面设计、地理信息系统 GIS UI界面设计、航天军工软件 UI界面设计、医疗行业软件 UI界面设计、教育行业软件 UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发

Apple Vision Pro中的设计细节！

分类

日历

链接

个人资料

存档