从设计师角度,聊聊苹果apple Vision Pro设计亮点,这几点值得注意!

2023-07-09 10:23:27  浏览:841  作者:疯狂美工萱萱

随着苹果发布会带来久违的 One more thing 环节,苹果的 MR头显产品终于发布了。相信最近大家已经在网上看过非常多的产品分析,但作为设计师,

可以更聚焦一些,一起来学习它的全新交互方式和视觉设计亮点吧。

这个产品的发布是不是 iPhone时刻虽然不能确定,但苹果的号召力不容小觑,作为设计师必须做好准备。为避免篇幅过长,小编系统性的梳理Vision Pro

在视觉、UI交互、动效、3D 创意设计等方面的视觉亮点,值得收藏,学习今天先讲讲这次宣传视频中最吸引的几大视觉设计亮点吧!


1.png

在WWDC2023大会的"One More Thing"环节上,蒂姆·库克正式发布了苹果的首款MR设备,名为Apple Vision Pro,并宣布了即将开启空间计算新时代

的消息。不久之后,Apple设计团队推出了VisionOS的Design for spatial user interfaces(空间用户界面设计),这给我们设计师带来了很多启发。现

在,让我们从设计的角度来看看VisionOS有哪些令人瞩目的设计亮点。

在visionOS中,App图标采用了与iOS接近的风格,但最大的区别在于形状从圆角矩形变成了圆形。这种设计变化的主要原因是为了让注视点更准确地瞄

准图标。

除了形状的变化,visionOS的App标志还具有立体效果。当从侧面观察时,标志表面会凸起,呈现出一种立体感。更重要的是,这些标志还与用户的注视

点进行动态交互。当用户盯着一个标志时,标志会展开,并显示高光和阴影,以增强微妙的视觉层次。


2.png


这样的设计变化使得App标志在视觉上更加吸引人,并为用户提供了更加沉浸式的体验。通过立体效果和动态交互,标志能够吸引用户的注意力,并呈现

出更加生动和丰富的视觉效果。

简单来说,visionOS的App标志为了呈现更加逼真的深度效果,通常由三个平面的图层组成:一个背景层和两个表面层。这样的设计旨在实现双目视差效

果,使得标志在视觉上具有更强烈的立体感。


3.png


除了三个平面的组成,系统还会叠加一个“玻璃层”效果,用于渲染深度、高光和阴影。这个玻璃层的加入进一步增强了标志的真实感,使得标志看起来

更加立体、有质感。

需要强调的是避免使用大面积的半透明效果,因为icon的投影是系统底层自带的,透明的图层将会和投影混合在一起难以分辨。


4.png


界面整体采用了磨砂玻璃的材质效果,这种材质会随着环境的变化产生光影变化,比如当外界光线发生变化时玻璃边缘光也会发生变化,苹果指出,这种

设计的好处是具有轻盈感、物理空间感,并可适应各种不同的使用场景,比如狭小的空间、夜间或明亮的日光下等等。



5.png


亮色



6.png


暗色



7.png


玻璃材质还可以通过明度变化及对比来表现信息层级。



8.png


在菜单上,做了流光的选择效果


9.png


为了提升文字的易读性并增加与背景的对比度,visionOS对iOS字体进行了加粗和加重的处理。尽管如此,即使在放大窗口的情况下,一些较小的说明性

文字仍然难以辨别。因此,建议尽可能地增加字体的加粗和加重效果,以提高可读性。此外,值得注意的是,苹果还为visionOS引入了两种全新的字体样

式,这些样式的特点是基于较宽的编辑样式布局。这样的设计选择为用户提供了更好的阅读体验,使得文字更加清晰可见,并且更加符合视觉美感。


10.png


VisionOS通过突出文字的光线和色彩来提升其可读性,并增加与背景的对比度。开启该功能后,文字会呈现更亮的效果,从而提高其可读性。考虑到visionOS菜单的窗口背景会根据周围环境而改变外观,文字的活力模式会实时调节亮度,确保文字清晰可见。除此之外,活力模式还提供了三种不同的亮度选项,以展现不同字符之间的层次结构。这种设计让用户能够更好地识别和理解文字内容,同时提供更丰富的视觉层次感。通过活力模式,文字在不同背景下都能够保持清晰可见,为用户带来更好的阅读体验。

未使用


11.png


已使用


12.png


苹果建议开发者将文字色彩设为系统默认的白色,因为苹果已经对白色文字的易读性进行了校准。这样的设定可以使文字动态适应背景窗口的色调和对比度,确保文字在各种情况下都能清晰可读。


13.png


当在按钮等元素上使用颜色时,开发者需要注意与背景做出明显的区分。这是为了确保按钮上的文字与背景之间有足够的对比度,使用户能够清晰地辨认

和理解其中的信息。通过正确的颜色选择,开发者可以提升按钮的可用性和易用性,为用户提供更好的界面体验。


14.png



15.png


Apple VisionOS 的设计亮点包括直观的交互方式、强调视觉体验、3D立体标志设计、渐变背景与动效以及简洁与一致性。这些设计亮点使用户能够更自

然地操作设备,提升文字易读性和对比度,增加应用标志的立体感,创造丰富的视觉效果,同时保持界面简洁和一致。

VisionOS的设计以其创新性和精巧的细节成为了一次突破,为用户带来了沉浸式、智能化的体验。通过突出直觉式交互、优化可读性和引人入胜的视觉效

果,VisionOS在UI设计领域树立了新的标杆。随着其推出的不断演进和创新,我们可以期待VisionOS将为未来的数字体验开辟全新的可能性。

以上就是今天的所有内容,关注疯狂的美工官网,每天分享不同的设计知识!

【随机内容】

返回顶部