恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
苹果Vision Pro上到底有哪些设计亮点?| 视觉篇
32.4°
2023-08-13 原创文章 经验/观点 举报 7386 27 93 3

空间计算时代或已经来临,设计师们,准备好了吗?谁先开始关注,谁就能赢。

随着苹果发布会带来久违的 One more thing 环节,苹果的 MR头显产品终于发布了。相信最近大家已经在网上看过非常多的产品分析,但作为设计师,我们可以更聚焦一些,一起来学习它的全新交互方式和视觉设计亮点吧。

这个产品的发布是不是 iphone时刻虽然不能确定,但苹果的号召力不容小觑,我们作为设计师必须做好准备。

为避免篇幅过长,我计划用5篇文章系统性的梳理Vision pro在视觉、UI、交互、动效、3D 创意设计等方面的视觉亮点,值得收藏学习。

今天先讲讲这次宣传视频中最吸引我的10大视觉设计亮点吧。


1、跟随眼动的图标设计

图标设计在风格上延续了其苹果系列的设计调性及造型特点,以2D微质感风格为主,这便于用户认知迁移和快速上手。

  在保持连续性的基础上,也做了一些针对场景的创新设计。把图标做了分层设计,目的是当用户通过眼动触发了该图标时,能以分层+投影的形式强化其立体感,给用户3D的场景感,以及具备方向性的交互反馈。

   

但这一点好像是锤子以前做过的?形式感很类似,锤子是通过手机陀螺仪实现3D分层效果,而苹果这里是为了其眼动反馈。 锤子手机设计师paco作品https://dribbble.com/shots/3646455-Space-Launcher

 

为了使得3D的效果更自然,苹果也会通过图层的边缘高光和投影来强化多图层之间的空间感,给用户带来更好地视觉效果和反馈。

这里需要说明的是,这种图层效果是苹果系统底层自带的,也就是你在设计的时候是按左边这种方式去做,切图放到系统里之后,会自动添加一个类似一个玻璃材质以突出这种微质感和层次感。


2、界面缩放

苹果这里的缩放交互做的比较巧妙,玩过VR设备的朋友都知道,想要操作窗口的时候,窗口底部会也一个小横条,苹果这里也有,不过还多了一个小点。

这个小点,给用户的隐喻是比较好的,意思是可变的横条效果,便于用户理解和操作。

   

 

3、多窗口界面

多窗口和FaceTime很实用,试想下你在和同事分享PPT,就像在现场一样,相互可见,云现场办公的感觉应该会非常不错。

相比于Meta之前推的那种虚拟形象是完全不同的感受。 Meta出的VR多人视频会议场景图

把界面多窗口拓展,实现真正的生产力工具,这以后感觉就不需要屏幕了,随时随地办公。  

4、渐进式环境切换

苹果这次的产品,可以在VR与AR之间丝滑切换。不仅解决了一直以来VR和AR不相容的发展局面,在效果上也做了一个非常好的渐进式创新。

你可以通过它自定义沉浸程度,选择虚拟世界与现实世界相融合的程度。

 

 当有人靠近时,会有类似雾的散开效果,不会让你与真实世界隔离,随时与真实世界中的人沟通。这个真的很好的解决我之前用VR产品的痛点,不用摘下眼镜那么麻烦了。


5、多设备互联

苹果生态做的非常完整,我一直都特别习惯于苹果产品的多终端互通,vision pro同样继承了这一优势。

当你看着你的电脑屏幕,就能把电脑中的界面放大显示到真实世界中,然后还可以继续用你的电脑键盘和鼠标作为输入设备,相当于多了一个大屏,而且还能设置多个,这个应该也会非常实用。

尤其对于我们设计师来说,经常需要一个屏幕看图,一个屏幕画图,还需要看各种大图细节,有了这个设备应该就不用买那么显示器了。

   

 

6、自适应电影主题

原来我在用VR的时候就想过这个问题,要是看电影的时候,周围的环境能随着电影效果改变,那看非3D电影的时候沉浸感也一定会非常强了,毕竟纯3D的VR电影资源还是相对少了一些。

   

这次苹果果然做到了,在你看电影的时候,会自动结合电影主题,改变环境显示元素。甚至连UI都做了主题化定制,可谓是效果拉满。

 

 

7、电影互动效果

苹果做到的不仅是环境自适应,在XR的环境中,虚拟和真实不再那么割裂的时候,互动电影就该是它独有的形态。

当电影中的角色把东西扔出来时,它是能真正戴到你的手上,让你分不清真假。

   

 

8、视频3D化

当你看球赛的时候,如果觉得单纯看视频不过瘾,你还可以把画面直接转换为3D球场,让你看清球员的各个角度的动作,给你一个上帝视角,这个功能真的是非常厉害。

   

看到的2D视频中的恐龙也能把头伸出屏幕,效果非常惊人。

   

 

9、虚实结合

苹果真正做到了,与真实世界无缝衔接。虽然你处在虚拟世界,但与真实世界中的人可以随时互动,还能一起围观3D模型效果。

   

也可以随手在真实世界中画出3D虚拟物件,效果看起来非常好。

   

 

10、玻璃材质

界面整体采用了磨砂玻璃的材质效果,会随着环境的变化产生光影变化。

这种玻璃材质语言,在MR场景中效果很不错,原因是它能让真实环境中的光透过,让界面能适应各种光照条件和物理环境,易于摆放和使用。

光线的变化,边缘高光的细节也会跟随变化,这个效果做的很细腻。

   

对于菜单导航,也做流光的选择效果。

   

在移动窗口的时候,甚至还会把界面的透明度降低,以方便用户找准摆放界面的位置,细节处理的非常棒了。

   

用玻璃材质在MR空间中会有不少好处,比如玻璃材质能对环境产生动态变化,很自然的结合到不管是亮的环境还是暗的环境中。

   

亮色环境

暗色环境  

总结

以上所有设计都是为用户的需求考虑,不单纯是设计形式感上的创新,而是真正做到以用户为中心来设计。科技服务于人,深刻领会这一要点,才是苹果一直在引领设计趋势的秘诀。

有黑科技不算特别厉害,把所有这些黑科技全部整合在一起,给用户带来优秀的产品,才是真正的了不起。

Apple Vison pro,先不说它算不算新的iphone时刻,但它确实做了非常多的创新,单专利就有5000多件。

重新定义了很多新的玩法,比如虚实结合居然还能给其他人展示用户状态,也能看到其他人穿透到你的虚拟世界,真正做到虚拟现实的融合;创新的3D相机,记录真正的现实回忆;把工作串到虚拟场景里,可能成为真正意义上的生成力工具等等。

苹果十年磨一剑,感觉把它很多先前发布的硬件产品能力都倾注在了这个新设备上,比如airpods空间音频,自研 M2芯片,多设备互联,高清屏幕,面部识别,苹果手表等等。

像是继承了乔布斯的意志:或许你不知道你现在做的这些事有什么意义,但终将有一天能帮到你。

苹果从来都没有什么先来后来的概念,也不管世界是AI还是元宇宙,它只在乎它的用户有没有被产品打动。我觉得这才是真正意义上的理想主义者。

今年才过半,趋势上就已经有了2剂猛料,前有AI,后有XR。作为互联网从业者,必须保持对新趋势的敏锐度。

记得我去年写 AI 绘画教程,那时候它还没火,写了教程也没什么人看,后面火了之后又有不少人在群里问我写教程,其实你只是稍微对新趋势保持一点关注力就好了,多多看我写的文章。

最后想引用库克说的一段话:

“如同 Mac将我们带入个人计算时代, iPhone将我们带入移动计算时代,Apple Vision Pro将带我们进入空间计算时代。基于 Apple 数十年的创新积累,Vision Pro 是遥遥领先的空前之创,带来革命性的全新输入系统和数以千计的创新技术。它为用户带来绝佳体验,并为开发者带来振奋人心的新机会。”

所以,别再错过机会了!

Powered by Froala Editor

微信公众号:彩云译设计

更新:2023-08-13

收藏

27人已收藏

彩云Sky

腾讯ISUX高级视觉设计师

  • 177

    作品

  • 1.3w

    粉丝

  • 13

    关注

  • 实战案例!如何从0到1为Apple Vision Pro设计
  • 抢先体验苹果visionOS的方法
  • 深度解读VisionOS设计原则,掌握下一代设计趋势!
  • Apple Vision OS最全设计规范

    猜你喜欢

      2023-08-13 原创文章 经验/观点 举报 7386 27 93 3

      苹果Vision Pro上到底有哪些设计亮点?| 视觉篇

      32.4°

      你确定要举报苹果Vision Pro上到底有哪些设计亮点?| 视觉篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2023年08月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      93
      27
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录