大多数浏览器和
Developer App 均支持流媒体播放。
-
了解新一代 CarPlay 车载设计系统
探索新一代 CarPlay 车载的核心设计系统,该系统让每个汽车制造商都能充分彰显汽车的特点和品牌风格。了解可深度自定并灵活调整的仪表盘、布局和动态内容等,以便充分彰显你的设计理念并打造量身定制的标志性外观。本讲座非常适合那些希望面向新一代 CarPlay 车载设计兼容系统的汽车制造商、系统开发者以及任何其他开发者。
章节
- 0:00 - Introduction
- 1:35 - Overview
- 3:31 - Gauge customization
- 11:04 - Building a layout
- 14:38 - Dynamic content
- 17:34 - Bringing it all together
- 18:48 - Wrap-up
资源
相关视频
WWDC24
-
下载
大家好 我叫 Ben Crick 来自 Apple 设计团队 今天我将向大家介绍 新一代 CarPlay 车载设计系统 具体来说 我们将深入探讨 它丰富的自定功能 汽车制造商可以基于这些功能 与我们的团队合作 为每辆车量身定制 CarPlay 车载的外观和功能 也就是说 如果你是汽车行业的 设计师 本次讲座内容将非常适合你 如果你不干这行 但又很感兴趣 也不妨继续观看 这将是一次激动人心的探索之旅 带你展望 CarPlay 车载的未来
它可以将 iPhone 与汽车各自的 最佳功能特性融合在一起 在驾驶员的所有显示屏上 提供统一且一致的体验 在重要方面让人感到熟悉 整体上却又新颖美观 让你的汽车独一无二
今天 我们将重点关注 一个最令人激动 且富有表现力的新领域 仪表盘
在本次讲座中 你将了解如何 为每个汽车制造商自定仪盘设计
如何为独特的 仪表盘布局提供支持
以及如何在驾驶员显示屏 和其他显示屏中呈现 各种 iOS 内容和汽车内容
不过最重要的是 我们希望你能从中得到启发 以便设想一下你自己 可能会打造什么样的体验
本次讲座侧重于设计 但如果你想深入了解技术细节 请一定要观看由我的同事 Tanya Kancheva 主讲的 配套讲座 “了解新一代 CarPlay 车载架构”
在深入探讨细节之前 先谈谈我们是如何取得现在的成果的 其实非常简单 自从 CarPlay 车载首次推出以来 汽车发生了很大变化 屏幕变得越来越大 而且我们看到的屏幕也越来越多 例如 显示屏正迅速 取代模拟仪表盘 其实这并不难理解 当今汽车拥有众多出色的新特性和 功能 而屏幕可以提供更出色的体验 每年都有大量令人兴奋 且富有创意的新配置 投入使用 在 2022 年 WWDC 大会上 我们首次预告了 新一代 CarPlay 车载
它可以为驾驶员的 所有屏幕提供内容 从而实现 统一且一致的体验 驾驶员可以 选择使用 CarPlay 车载 或是这种将汽车和 iPhone 各自的 最佳功能无缝结合的体验 事实上 新一代 CarPlay 车载 在你汽车中的默认设计 将与这里显示的设计或任何其他 汽车的设计大不相同 我们为新一代 CarPlay 车载的 核心引入强大的 全新设计系统 这个系统从零开始构建 可以深度自定
它能够适应 任何汽车的动力系统、 功能集和配置 无论是单屏还是多屏 大屏幕还是小屏幕 或是介于两者之间的任何屏幕 但就今天的主题而言 最重要的一点是 它能为你的品牌带来 精美的品牌形象 它可以让你在 CarPlay 车载中 表达自己的视觉设计理念 打造一个为你、 你的汽车及其独特功能 量身定制的标志性 的个性化外观 最终结果不会只是像 Apple 的设计 也不会像内置系统的 复制品 它旨在以独特的方式 展示两个品牌的魅力 只有当你的汽车 与 iPhone 完美融合时 才会产生特殊的 联合品牌体验 这也彰显了我们与世界各地的 汽车制造商 携手创新车载体验 所付出的大量努力
这一联合品牌体验的 核心是驾驶员显示屏
在这一部分中 我们将深入探讨有哪些可能性 以及汽车制造商 该如何与 Apple 合作 打造专属的 新一代 CarPlay 车载仪表 让我们从字体开始
我们使用 SF 系列字体 原因有很多 但最主要的原因是 它们是一种特殊的字体 称为可变字体
我们的可变字体 支持在一个连续的范围内 调节粗细 加宽和缩窄 以及改变边角的柔和度等 各项特性 正如你们刚才所见
我们并不局限于传统字体的 “细体”、“常规体” 或“粗体”等标准选项 取而代之的是 我们可以 选择介于这些特性之间的 任一特性 从而提供了 丰富的风格选择 我们在构建系统的其余部分时 也遵循了同样的逻辑 因此 在设计你的 专属仪表盘时 你不必从有限的 预设配置中进行选择 例如 这里展示了 一款非常轻盈优雅的设计 但如果你希望 线条变得粗一点 该怎么办
正如你所期望的 除了字体之外 新一代 CarPlay 车载还支持 自定义仪表盘 元素的宽度 以及边角的柔和度 或锐利度 一切由你的喜好而定
可以肯定的是 这是 一种醒目而生动的设计
利用圆形仪表功能 你还可以决定仪表的弧度 及其起点和终点
我们在这里使用了这一功能 将仪表延伸为一个完整的圆形 并加倍突出了 它的几何轮廓 同时还调整了燃油表的位置 以适应设计
当然 你也可以 选择仪表的颜色 例如 这种蓝色巧妙地 柔化了粗体仪表的视觉冲击力 并有助于营造整体层次感
让我们为油量表添加另一种颜色 让它更加丰富多彩
当然 你也不能 只局限于纯色 渐变色是增加细微差别和 立体感的绝佳方法
如果你想让 渐变效果更加突出 只需将描边宽度 一直扩展到中心 还不错 我们现在已经有所进展了
不过 我们还可以将字体 移到次要位置 这样就能更清楚地看到渐变效果
目前的这个设计 兼具现代感和优雅格调 还带着一点向经典仪表针 致敬的意味
但如果你确实 想要采用模拟针该怎么办 不必担心 我们提供了相应选择
谈到标志性的 仪表盘元素 哪个设计系统可以没有刻度线 却称得上完整呢 刻度线的数量 长度 样式 以及位置都是可自定义的 如果你想打造一些技术性很强的设计 甚至可以使用 多组刻度线
现在 让我们使用 较为经典的刻度线 并添加一些数字 来完善外观
希望以上介绍能让你了解 仪表样式系统 背后的简单机制 并领略到它所带来的 灵活性和创造性
这还只是 初涉皮毛 随着你开始叠加运用这些技术 几乎一切皆有可能
当然 这一切都是为了 打造精致的联合品牌体验
尽管我们在 Apple Design Studio 开发和测试系统的过程非常愉快 但最精彩的还是 我们能与你们一起合作 创造出让我们双方都 感到新奇和兴奋的产品
新一代 CarPlay 车载 也不仅仅局限于圆形仪表 我们还有许多其他的组件 甚至有更多的样式即将推出 正如你所看到的 该系统 具有很强的可自定性和适应性 它支持使用从传统到现代的 各种仪表样式 高度灵活的字体系统 由不同线条设计和 刻度选择构成的几何图形 反映品牌的 色彩搭配等等
接下来 我们来 了解一下 你的独特仪表样式 能够实现哪些功能
我们一直在努力确保 无论采用哪种样式的仪表 它都能以合理且一致的方式 支持你所需的 所有功能和特性 为了演示仪表如何 调整其功能以适应不同的样式 我们将并排展示 一些常用功能 左侧是一个极简的线性样式仪表 采用浅色模式 右侧是一个技术性更强的 圆形样式仪表 采用深色模式
在我们的系统中 速度表 通常会与 燃油表或充电状态表 搭配使用 具体取决于动力系统的类型
好了 让我们开始驾驶吧
如果驾驶员启动巡航控制系统 仪表上会以圆点 标出目标车速 而设定的车速则以文字形式 显示在圆点旁边
对于配备自适应巡航控制系统的汽车 当汽车由于 前方车辆减速等情况 而未能以目标速度行驶时 将会在当前速度与 目标速度之间画一条线 以便一目了然地显示 自适应巡航控制系统 将在合适的情况下 恢复到目标速度
巡航控制系统 UI 的颜色 会根据状态而改变 并可根据仪表样式的 配色方案进行自定
此外还支持速度限制器 与巡航控制系统中的点不同 它显示为一条简单的直线 还会显示不同的颜色
在当前的车速读数附近 我们 喜欢预留一个空间用于显示道路标志 以及车速的换算单位 以备需要时使用
当然 我们也支持显示 你所能想到的所有状态 比如剩余电量或燃料不足时以橙色 显示 严重不足时则以红色显示
显示这些状态的 触发点由你定义
除了速度表 新一代 CarPlay 车载还支持 你可能想要展示的任何类型 动力系统的辅助仪表
比如用于内燃机的 转速表 旁边还有一个用于显示 发动机冷却液温度的辅助仪表 并提供各种 标记和状态选项 比如手动驾驶模式下的当前档位 红线和 建议换档的箭头
如果你的汽车是电动车 功率表同样也会获得丰富的支持 我们保留了驾驶模式和 变速箱状态等常用元素 但也针对电动车独有的 增压和再生制动等功能 提供了可视性支持
我们甚至还为希望 同时显示功率表和转速表的 汽车制造商 提供了混合仪表 在这些示例中 电动部分通过仪表中 较粗的部分突出显示 而内燃部分 则以更紧凑的形式并排显示
在圆形仪表中 你甚至可以 将变速箱状态替换为一张图像 以展示品牌或 特定的配置级别
过程就是这样 自定仪表样式后 尽可放心 它在各个方面的表现 都会与你的期望保持一致 无论是巡航控制 速度限制器 速度表中的道路标志 驾驶模式 变速箱状态 转速表中的红线 功率表中的 增压和再生制动 内燃和电动混合仪表 还是发动机冷却液温度等 辅助仪表 事实上还有更多的内容 只是我们今天没有时间分享 我们很高兴能够继续拓展 新一代 CarPlay 车载的功能 以确保它能够 满足你的各种需求 我们已经挑选出了仪表样式 现在可以通过组合几种 不同类型的仪表来构建布局了
当然 构建布局时 需要满足一些要求 例如当前车速和油量 是必不可少的
但正如我们刚才提到的 功率表或转速表等其他仪表 可完全自愿选择 只要认为合适 我们就可以提供 刚才讨论的所有选项 甚至更多 但如果减少 仪表元素 更契合你的汽车或配置 那也完全可以 这一切都要归功于 我们的模块化布局系统 让我们来一探究竟
每个仪表都是 自成一体的模块化组件
这些组件构成了 布局系统的基础 它们的大小可以调整 因此你可以 根据自己的喜好进行微调 或使其更好地适应 你的特定硬件尺寸和形状
不过 真正的乐趣在于 将不同类型的仪表组装成 不同的配置 这为仪表盘带来了 另一层自定体验
例如 通过将这个圆形中心仪表 与一些极简的线性仪表组合在一起 我们可以创建出像这样 简单而时尚的效果
或者 我们可以 将这些组件换成 信息丰富的多仪表选项 从而创造出完全不同的视觉效果 在这里 我们还在仪表样式中 添加了刻度线 以增强技术感
这种模块化设计也意味着 你可以根据品牌 硬件配置 功能集或人体工程学偏好 将信息布置在任何 合理的位置
除此之外 或者更准确地说 你还可以在 所有显示屏上 添加自定墙纸 而不仅限于在仪表盘上添加 墙纸是展示大尺寸 全景显示屏的绝佳方式 还能为新一代 CarPlay 车载 增添更多的独特风格
它们还能与你独特的 仪表和布局选择相得益彰 例如 将这种景观与技术感强烈的 线性仪表样式搭配 可以唤起冒险和越野的感觉
说到显示屏 正如我们刚才提到的 它们有各种形状和尺寸
让我们以更宽的格式 来看看这个设计 以展示我们的组件是如何灵活适应的
这些线性仪表非常适合 宽大而纤细的驾驶员显示屏
那对于不规则的屏幕该怎么办呢
我们之前的一种仪表布局 可以很好地适应这种形状 尤其是在 对组件大小进行微调后 但也许你正在寻找一种 减少仪表元素的设计
如果你想最大限度地发挥 地图、ADAS 或媒体的作用 我们也有紧凑型 布局和仪表选项
这就是设置联合品牌仪表盘 布局的基本要素
高度模块化 为设计和 你想要展示的功能 提供更多选择 灵活多用 无论硬件的尺寸 形状或配置如何 它都能完美适应 最后但也同样重要的是 它支持在所有显示屏上 使用精美的自定背景
总的来说 这涵盖了 大多数汽车制造商的设计系统 它使你能够 与我们的团队合作 开发出美妙的联合品牌体验 同时彰显两个品牌的魅力 这是为你和你的功能集 量身打造的设计 并且完全适应你的配置 但我们也深知 对于驾驶员来说 自定自己的专属体验是多么重要
在今天关于仪表盘的 探索之旅的最后 让我们谈谈驾驶员 在仪表盘及其他位置 显示内容时的一些选择 以及这为你 带来的一些机会 无论最终采用何种 布局或设计 系统始终会为我们所说的 动态内容预留空间
有些布局可以配置为 始终将此内容作为 设计的永久组成部分 看看左边的 两个设计 顶部布局中有一个常规大小的 内容区 用于其中间组件 也就是行车电脑 相比之下 底部则使用 大型内容组件来突出显示地图 并配以紧凑型仪表
不过 其他人可能更喜欢 将整个显示屏用于仪表 但即便如此 动态内容也可以 堆叠在非关键仪表元素之后 这样用户就可以获得 以仪表为中心的沉浸式体验 同时又不会影响 对实用内容选项的访问
无论动态内容区域 最终位于哪个位置 驾驶员都可以 轻松与之互动 他们只需使用方向盘控制键 翻阅不同的选项即可 这对现今的大多数司机来说 应该是相当熟悉的模式
动态内容区域也是 通知和弹出式窗口的 默认位置 我们支持 各种通知格式 从基本的文本和符号 包括交互式和可忽略的变体 到具有多种状态的 丰富叠层 包括汽车的图像素材资源
如果你的特定系统需要 同时显示两个通知 新一代 CarPlay 车载 也可以支持这一点
动态内容 不仅限于驾驶员显示屏 驾驶员可以从“地图”和 “播放中”等常用功能中进行选择 还可以选择全新的汽车信息 如行车电脑、胎压 以及高级 驾驶辅助系统 对于包含汽车视觉效果的内容 如左上角所示 新一代 CarPlay 车载 支持显示你的图像 你的汽车呈现出你喜欢的样子 你还可以根据需要反映不同的属性 比如颜色或配置级别 这完全取决于你的喜好 以及你想要展示的细节
仪表盘内容将侧重于 核心驾驶体验 而中控和乘客显示屏 则为呈现更加多样化的内容 提供了令人惊叹的空间 你可以想象一下 这些内容集合在未来会如何扩展 以增加更多的 App 和类别 我们非常期待与你一起 探索各种可能性 包括呈现你的 独特内容的方式
这就是动态内容 一项简单而强大的功能 可以丰富呈现 驾驶员喜爱的内容 无论选择哪种布局或仪表样式 动态内容都会出现 在仪表盘中 它将汽车的最佳功能和内容 与 iOS 中的常用功能结合在一起 并确保始终有清晰的空间 用于显示通知和弹出式窗口
我们迫切希望看到 这个激动人心的功能 以及它在你的汽车中将如何演化发展
综上所述 该系统可以为你的汽车 提供深度自定的 整合体验 并为喜爱我们两家产品的 用户提供令人愉悦的 联合品牌体验 它的功能远远超出了 现在的 CarPlay 车载
一个可深度自定的设计系统
一个灵活的布局系统 它可适应你的硬件配置 和设计偏好 在每个驾驶员显示屏上 都可以设置背景和颜色主题
将汽车信息与备受喜爱的 CarPlay 车载功能相结合的动态内容 还有很多内容今天无法一一讲解 比如呈现在中控屏幕上的 全新原生环境 App 以及集成了硬键的 地面电台功能 此外 还有汽车制造商设置 这些设置可轻松整合所有功能 以及汽车制造商的 App 这些 App 可确保你精致地呈现 独特的体验和界面 并可像更新你的 App 一样 轻松进行更新
这就是新一代 CarPlay 车载的 设计系统 别忘了 如果想了解更多技术方面的信息 欢迎观看我的同事 Tanya Kancheva 主讲的配套讲座 从中可获得深入的了解
新一代 CarPlay 车载将 iPhone 与你品牌的优势结合在一起 打造美观 统一且一致的体验 独特的品牌风格 与你的汽车完美融合 并享有扩展功能、 深度集成和 熟悉的交互模式 带来的所有益处
如需了解有关支持 新一代 CarPlay 车载的更多信息 请注册加入 Apple MFi Program
我们希望这是一场 信息丰富又能给你带来启发的讲座 并期待尽快与你交流
-
-
正在查找特定内容?在上方输入一个主题,就能直接跳转到相应的精彩内容。
提交你查询的内容时出现错误。请检查互联网连接,然后再试一次。