加入收藏 | 设为首页 | 会员中心 | 我要投稿 拼字网 - 核心网 (https://www.hexinwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 移动互联 > 应用 > 正文

3D 应用启动器设计指南

发布时间:2022-11-06 14:32:06 所属栏目:应用 来源:未知
导读: 本文内容
当你戴上 Windows Mixed Reality 沉浸式 (VR) 头戴显示设备时,你就会进入 Windows Mixed Reality 主页。 该主页被想象成坐落于悬崖上的房屋,四周环绕着山水,但你可以选择其他环

本文内容

当你戴上 Windows Mixed Reality 沉浸式 (VR) 头戴显示设备时,你就会进入 Windows Mixed Reality 主页。 该主页被想象成坐落于悬崖上的房屋,四周环绕着山水,但你可以选择其他环境,甚至创建自己的环境。 在该主页的空间内,用户可以随意安排和组织他们关心的 3D 对象和应用。 3D 应用启动器是用户混合现实房屋中的“物理”对象,他们可以选择它来启动应用。

Example: Floaty Bird 3D app launcher

Floaty Bird 3D 应用启动器示例(虚构应用)

3D 应用启动器创建过程

创建 3D 应用启动器的过程分为 3 个步骤:

设计和构思(本文)建模和导出将其集成到你的应用程序中:设计概念奇妙而又熟悉

你的应用启动器所在的 Windows Mixed Reality 环境部分是熟悉的,部分是奇妙/科幻的。 最佳启动器遵循这一领域的规则。 考虑如何从你的应用中获取熟悉且有代表性的对象,但要偏离一些实际现实规则。 神奇的结果会出现。

直观

当你查看应用启动器时,其目的(启动你的应用)应该很明显并且不会造成任何混淆。 例如,确保你的启动器是你的应用的一个显而易见的代表,以免与悬崖小屋中的一件装饰品混淆。 你的应用启动器应邀请人员触摸/选择它。

Example: Fresh Note 3D app launcher

Fresh Note 3D 应用启动器示例(虚构应用)

主比例

3D 应用启动器位于悬崖小屋中,它们的默认大小应使空间中的其他“物理”对象合乎情理。 如果你将启动器置于诸如室内植物或某个家具附近,则就大小而言,它应让人感觉如在家中。 一个好的起点是看看它在 30 立方厘米时的样子,但请记住,用户可以根据需要放大或缩小它。

可拥有

应用启动器应感觉就像一个人会很高兴在其空间中拥有的对象。 他们实际上会用这些东西包围自己,因此启动器应感觉就像用户认为值得寻找并保留在附近的东西。

Example: Astro Warp 3D app launcher

Astro Warp 3D 应用启动器示例(虚构应用)

可识别

你的 3D 应用启动器应立即向看到它的人表达“你的应用品牌”。 如果你的应用中有明星人物或显著可识别的对象,我们建议将其用作设计的重要部分。 在混合现实世界中,一个对象会引起用户更多的兴趣,而不仅仅是一个徽标。 可识别对象可以快速、清晰地传达品牌信息。

体积

你的应用得到的不仅仅是将你的徽标置于平面上并到此为止。 你的启动器应感觉就像用户空间中令人兴奋的 3D 物理对象。 一个很好的方法是想象你的应用将在梅西百货感恩节大游行中出现一个气球。 问问你自己,当沿着大街走时,什么会让人们真正惊叹? 什么从所有视角看起来都很棒?

Logo only

仅徽标

More recognizable with a character

使用人物更容易识别

Flat approach, not surprisingly, feels flat

平面法毫无疑问会让人感觉单调

Volumetric approach better showcases your app

体积法可以更好地展示你的应用

适用于良好 3D 模型的使用技巧

Model with subtle details in the texture

纹理中包含微妙细节的模型

要避免的内容

Avoid high-contrast, small busy patterns

避免高对比度、小而繁杂的图案

如何处理字体

Flat type without a backdrop can be hard to view from certain angles and in certain environments

没有背景的平面字体从某些角度和在某些环境中可能难以查看

Type with a built-in backdrop can work well

带有内置背景的字体效果很好

Extruded type can work well if you shade the sides

如果你对侧面进行着色,则挤压型字体效果很好

可以使用的字体颜色

Type colors that work.

可以使用的字体颜色

要避免的颜色

导致问题的字体颜色包括:

Type colors that cause trouble.

导致问题的字体颜色

照明

应用启动器的照明来自悬崖小屋环境。 请务必在整个房屋中的多个位置测试启动器,以便它在明亮处和阴暗处看起来都不错。 好消息是,如果你已遵循本文档中的其他设计指南,那么对于悬崖小屋中的大多数照明,你的启动器应处于良好状态。

测试你的启动器在环境中各种灯光下的效果的好地方是工作室、媒体室、室外和后院(带草坪的混凝土区域)的任何地方。 另一个很好的测试是,将它置于半明半暗的地方,并查看它的效果。

Make sure your launcher looks good in both light and shadows.

确保启动器在明亮处和阴暗处看起来都不错

纹理创作纹理

3D 应用启动器的最终格式将是一个 .glb 文件,该文件是使用 PBR(基于物理的渲染)管道制作的。 这可能是一个复杂的过程 - 如果尚未聘请技术艺术家,现在是个好时机。 如果你是一位勇敢的 DIY 爱好者,在开始之前,花时间研究并学习 PBR 技术语以及发生的情况有助于避免常见错误。

Example: Fresh Note app

Fresh Note 3D 应用启动器示例(虚构应用)

推荐的创作工具

我们建议使用 Allegorithmic 的 Substance Painter 来创作你的最终文件。 如果你不熟悉在 Substance Painter 中创作 PBR 着色器,请参阅教程。

(或者设计应用,也可以使用 3D-Coat、Quixel Suite 2 或 Marmoset Toolbag,如果你更熟悉其中一种。)

最佳做法请参阅

(编辑:拼字网 - 核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!