3D

从单个对象到整个场景的三维(3D)可视化,帮助我们以更切实具体的方式呈现复杂概念。借助 3D 技术,我们不仅能实现插图般的风格化,还能像照片那样更真实地呈现概念,从而在无形概念与现实之间架起桥梁。 

3D 还帮助我们以混合风格融合视觉概念,以一种风格化且更具可定制性的方式,为场景引入纵深和透视,呈现具有红帽特质的外观与效果。

下载 3D 资源

由 3D 元素组成的拼贴画,包含服务器堆栈和菱形平台

红帽 3D 的特质

我们的 3D 可视化在创作方式以及在构图中的使用方式上,都凸显了红帽品牌个性。与图标和插图一样,3D 可帮助我们生动呈现概念,以富有意义且真实可信的方式展现红帽特质。

我们的 3D 可视化是说明性的,而非图解式的

我们的 3D 可视化帮助我们讲述概念性故事,展现技术本身的复杂性,以及用户在工作中面临的真实挑战。

它们具有意义,并且与我们设计语言中的其他部分(如图标)一样,使用相同的视觉隐喻来表现技术概念。

我们的 3D 可视化合理可信,而非完美无缺

我们的 3D 可视化并非要重现真实物体的精确细节,而是采用有亲和力、引人入胜的形态设计。

它们在卡通/玩具般的形态与超写实 CGI 之间实现了平衡。对于红帽 3D 模型而言,这两种呈现方式都过于极端。

我们的 3D 可视化有主张,但并不僵化刻板

我们的 3D 可视化使用有限的配色方案以及一致的材质和光照。 

这有助于我们呈现栩栩如生的 3D 视觉效果,以恰到好处的基调与受众沟通,并保持红帽一贯的风格。

材质、颜色和光照 

我们的 3D 可视化应采用统一的材质和光照方案,以保持一致性,并确保素材在外观和风格上具有红帽特质。 

进一步了解 3D 材质

材质和颜色
红色缎面和玻璃球体置于红色背景上。白色缎面和玻璃球体置于白色背景上。

材质和颜色

使用我们的配色方案创建缎面和玻璃着色器。

在最终渲染输出中,对照我们的确切色值检查颜色准确性。即使材质的十六进制值匹配,光照和渲染也会影响最终呈现效果。

透明材质和反射
自动化 3D 平台艺术作品

透明材质

使用透明材质(如透明玻璃或磨砂玻璃)可为 3D 可视化增添轻盈感和通透感。

透明度与我们的开源精神相契合,但需有意识地决定哪些元素应使用透明效果。物体应给人轻盈之感,但不应显得易碎。

代表虚拟机和容器的半透明红色立方体置于红色平台上。

反射

在使用光照和透明材质时,一定要花时间仔细处理。

使用透明材质时,应营造微弱的(或完全不营造)反射,避免出现锐利的反射或高光泽的材质效果。

光照
在白色、黑色和蓝绿色背景上为 3D 对象打光。

光照

我们以三点照明系统为基础,叠加其他反射光或反光体来实现理想的视觉效果,而不是只使用单一全局光。

对于我们的混合风格方法而言,三点照明有助于将摄影等不同媒介与 3D 渲染对象自然地拼贴在一起。

红帽的 3D 类型

有多种不同类型的 3D 可视化可供选择,根据项目的不同使用其中一种,可能会比较合理。某些主题可能有特定的 3D 表示形式,应保持一致使用(例如我们的对象库或平台艺术作品);另一些主题则更适合灵活处理,以提供纵深感、透视感或帮助构建场景。

下载 3D 资源

对象
服务器堆栈、星星和盾牌的 3D 简单对象

简单对象

我们的许多 3D 对象都是对特定主题的简化、风格化呈现。它们通常是与技术或垂直行业相关的现实物体。 

有些对象具有隐喻性,代表概念或技术的运作方式(例如盾牌代表安全防护,星星代表 AI 体验)。

电信塔和汽车的 3D 精细模型

精细模型

这些模型专为特定的技术功能和主题专家而设计(例如代表汽车行业、电信或物联网等特定主题的对象)。

与我们的其他品牌资产一样,精细模型也遵循我们设计语言中的视觉隐喻。这些模型只是视觉呈现,可能无法满足所有需求。如果您需要更精确的表达方式,请改用照片

红帽企业 Linux、红帽 OpenShift、红帽 Ansible 自动化平台和红帽 AI 的 3D 技术图标

技术图标

代表我们四个平台子品牌的技术图标均提供 3D 版本。这些是仅有的可用 3D 图标。 

平台艺术作品
Linux 的 3D 平台艺术作品

3D 平台艺术作品

通过 3D 艺术作品将抽象的技术概念可视化,能让我们更好地解释红帽产品和解决方案的功能。每一类平台艺术作品都对应一个特定的红帽技术概念。 

进一步了解如何使用平台艺术作品

全动画
场景
来自红帽论坛动画的定格画面,其中出现了红帽 OpenShift 技术图标

3D 全动画场景

全画幅 3D 环境可最大程度地控制镜头运动和动画。这一抽象空间最适合用于可视化呈现,并帮助解释我们技术的优势。

这是一种纯动画表现方式,不应作为静态设计使用。

3D 的应用

社交媒体广告设计,在迷你拼贴画中使用了 3D 对话对象和红色渐变形状

使用 3D 对象来呈现特定主题或技术的简化表达。

红帽 OpenShift 着陆页的网页设计,在混合风格拼贴画中结合使用了摄影照片和 3D OpenShift 技术图标

将 3D 对象和真人照片结合使用,突出人物日常接触的产品、解决方案和理念。

红帽全球峰会上的红帽企业 Linux 产品聚焦展示图。

使用 3D 平台艺术作品来表现抽象技术,并将焦点集中在我们的产品和技术上。

白色汽车模型置于代码屏幕上,悬浮在风格化的高速公路上方。

当您需要控制镜头运动和动画,以呈现更丰富的叙事或阐释技术概念时,请使用全动画 3D 场景。

显示误用的图片:应用信息面板的简化 3D 对象被重新着色为紫色

错误做法:不要随意使用或重新着色 3D 对象。3D 对象仅提供特定配色方案。

显示误用的图片:Firefly 生成的计算机显示器 3D 对象

错误做法:不要使用未经训练的 AI 模型或图像生成器来创建 3D 对象。请使用我们的自定义 Firefly 模型快速创建新的 3D 对象。

显示误用的图片:宣传物料封面上使用玻璃材质的盾牌 3D 图形。

错误做法:不要将玻璃材质用于本应显得坚固或不易碎的对象。

显示误用的图片:类似于红帽 Quay 的 3D 技术图标

错误做法:不要创建其他图标的 3D 版本(应改用 2D 版本)。

显示误用的图片:红帽 Ansible 自动化平台的社交媒体广告,使用了不符合品牌规范的 3D 平台艺术作品。

错误做法:不要使用或创建其他风格的 3D 平台艺术作品。

显示误用的图片:使用不符合品牌规范的 2D 和 3D 元素的拼贴画。

错误做法:不要使用或创建不符合红帽风格的 3D 物体或人物来制作混合风格拼贴画。

显示误用的图片:AI 生成的笔记本电脑、文件夹和聊天气泡的 3D 对象。

错误做法:不要使用未经训练的 AI 模型或图像生成器来创建 3D 场景。

显示误用的图片:光照和透视不一致的 3D 对象。

错误做法:不要将多个独立的 3D 元素组合成一个场景。它们的光照、透视和其他细节可能是固定的,且彼此不一致。

显示误用的图片:笔记本电脑置于桌面上的写实场景。

错误做法:不要使用或创建过于逼真的 3D 对象或场景。请改为使用照片。

对品牌标准有任何意见或建议?请在此处提交。

有疑问?红帽员工可通过 Slack 上的 #help-brand 与我们联系。