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

推荐订阅源

博客园 - Franky
有赞技术团队
有赞技术团队
宝玉的分享
宝玉的分享
雷峰网
雷峰网
Hugging Face - Blog
Hugging Face - Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
博客园 - 司徒正美
D
Docker
T
The Blog of Author Tim Ferriss
罗磊的独立博客
博客园 - 叶小钗
酷 壳 – CoolShell
酷 壳 – CoolShell
Blog — PlanetScale
Blog — PlanetScale
月光博客
月光博客
J
Java Code Geeks
Jina AI
Jina AI
博客园 - 【当耐特】
C
Check Point Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
腾讯CDC
Last Week in AI
Last Week in AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
Visual Studio 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设计要怎么做?
彩云sky · 2022-12-19 · via 人人都是产品经理

作为一种较为新颖的交互方式,VR交互与常规应用交互有所不同,而相应的UI设计人员也需要寻找更恰当的设计策略,以适应设备的发展与普及。那么在当下,VR交互设计应该怎么做?本篇文章里,作者便做了一定总结,一起来看。

我最近入手了VR设备,体验大大超出预期,难怪老罗觉得VR是下一代硬件平台,我觉得还真的有可能。在VR中有很多新奇的交互体验,视觉冲击感强,所以我对VR设计具体怎么做,充满好奇,不知道你有没有兴趣?

不管你将来做不做VR设计,其实都应该了解一下,作为设计的广度,拓展下知识面也是必要的,万一哪天就要做了呢?就像多年前的UI设计一样,所以这篇文章值得点赞收藏。

之前也有写过两篇VR相关文章,结合起来看效果会更好。下面2篇,同样超干货,值得一读。

VR应用具有非常直观的UI界面,与可穿戴设备、手机、平板、PC上的应用类似,使得大众能够使用VR。想出新颖的交互会比较有趣,但它却增加了用户的学习曲线。

类似于2D界面,VR设计师会用大小、对比和颜色设计出界面层次结构。在VR里,大小取决于用户和内容之间的距离,因此了解内容的大小和适当的观看距离至关重要。

比如,知道要设计多大的字体是很棘手的,但幸运的是,在现实世界中有很多先例。在为VR设计内容时,对印刷设计(广告牌、海报、书籍)也需要类似的思考,对VR设计有借鉴意义。

考虑下你现在是如何与一个触摸屏进行互动。我们必须慢慢去学习理解许多模式,比如滑动、捏缩放,长按出现更多选项。这些在做VR设计时也必须要去考虑好。

我相信随着越来越多的设计师进入VR领域,将会有更多的想法来创建和打造新的UI模式,从而帮助行业向前发展。

一、视野

视野,或任何给定时间可观察环境的范围,是设计VR界面时非常重要的一个方面。更宽的视野,用户在体验过程中的沉静感就更强。有2种类型的FOV共同作用形成人类视觉。

单眼FOV描述的是我们一只眼睛的视野。对于一只健康的眼睛,单眼FOV的视野水平在170°-175°,包括从瞳孔到鼻子的角度。鼻前视野FOV通常为50°-65°,对于鼻子较大的人来说较小,而从瞳孔到头部一侧的视野为颞FOV,其较宽,通常为100°-110°。

元宇宙时代,VR设计要怎么做?

元宇宙时代,VR设计要怎么做?

元宇宙时代,VR设计要怎么做?

二、新建Figma文件

1. 画板

当做VR设计时,我使用的画板尺寸为3600×1800(360度),然后我绘制出完美的FOV区域来集中主要设计。

2. 消失点

在透视理论中有一个消失点的概念,这个概念在VR设计中很有用,因为它能帮助设计师在设计软件中创建一个便于感知深度和距离的参考。

我总结了一种在我的设计中创建消失点的方法,通过在一个圆内以10-15度的角度画分隔线。之后,我将线条引入画板,并拉伸线条,直到它在框架内。

完成后,将以连续间隔的直线放到画板中。(彩云注:这个方法也很适合用到画透视线中)

元宇宙时代,VR设计要怎么做?

元宇宙时代,VR设计要怎么做?

元宇宙时代,VR设计要怎么做?

3. 选择主题并丰富背景

一旦消失点画好了,主要的参考线已经变明朗了,接下来就取决于你想如何在环境中发挥创造力。

大多数时候,我使用渐变来创建天空和陆地等效果,然后添加了气泡、结构或使用形状的建筑物,这为环境添加了很多细节,使其感觉更3D逼真。

4. 设计UI

到这一步的时候,你可以基于产品目标开始设计UI了。在设计VR时,对比是最重要的,因此,尽量减少文本和背景周围的颜色。

通常,背景一般是半透明,在UI设计中一个白色背景最好适配深色环境,而对于深色背景最好适配白色环境。按钮通常包括两种形式,主要按钮和次要按钮,颜色保持简单同样是最好的。

5. 布局

与桌面和手机的传统UI设计不同,在VR或者AR中,嵌套导航保持在同一环境中,而界面框架利用了环境中可用的巨大空间。

只有当有新的游戏场景可供探索时,环境才会发生变化。其他时候,也可以实现弹出窗口,新层叠加在旧UI之上。

元宇宙时代,VR设计要怎么做?

6. 使用XR工具创建曲面UI

仅用Figma就可以了,设计工具这块原来就足够了,有一种快速简单的方法来设计原型3D,VR,AR界面。

有一个插件叫3D UI Generator,能够自动缩放和调整任何图形,画板以创建3D界面和环境。它支持旋转、斜切、缩放、远近、FOV、曲面程度和等距视图。在Figma上可以安装 3D for XR https://www.figma.com/community/plugin/1043890631255427270/3D-for-XR

元宇宙时代,VR设计要怎么做?

7. 声音用户体验

虽然在使用网页或APP时,声音往往很烦人,但它是VR开发不可或缺的一部分。考虑通感现象,其中一种感觉的刺激导致另一种感觉自动触发。

例如,你闻到一些东西,就会产生味觉错觉。这也适用于声音。由于VR中仍然缺乏触觉反馈,因此当用户触摸物体时,声音是提供反馈的一种很好的方式。

3D声音(又称Holophonic声音)仍处于起步阶段,但将对我们体验VR的方式产生变革。我们都习惯于立体声,它提供来自两个声道(左/右)的声音,但全音可以让我们分辨声音是来自上方、下方还是后方。

想想当你在外面听到飞机的声音,你凭直觉向上看,对吗?在VR中拥有这种声音体验将使用户真正身临其境。

三、总结

这是VR设计最基本的底层原理。这几篇VR相关文章一起看完,总算让VR中的设计不再神秘了。

元宇宙是未来发展一大趋势,不少人都想上这趟车,VR设计就是最靠近这一趋势的领域之一,VR设计师这个岗位在将来会越来越紧缺。

为我投票

我在参加人人都是产品经理2022年度作者评选,希望喜欢我的文章的朋友都能来支持我一下~

点击下方链接进入我的个人参选页面,点击红心即可为我投票。

每人每天最多可投35票,投票即可获得抽奖机会,抽取书籍、人人都是产品经理纪念周边和起点课堂会员等好礼哦!

投票传送门:https://996.pm/MZ9B9

原文作者:Ozenua Oluwatobi John(本文翻译已获得作者的正式授权)

原文:https://medium.com/@ozenuaoluwatobi/designing-for-vr-in-figma-15243b15738a

译者:彩云Sky,公众号:彩云译设计;人人都是产品经理专栏作家,腾讯高级视觉设计师。

本文由@彩云sky 翻译发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

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