想做好车载设计?先掌握这份Carplay设计规范

传统的汽车中控系统,大多是相对固定的硬件组合到一起,共同构成中心的控制台,控制着包括导航、收音机、播放器、空调等在内的各种功能。一直到2000年前后,汽车的中控台都一直以这样相对固定的物理按钮和旋钮来搭建,用户也可以通过官方或者第三方服务,来升级功能,比如将磁带播放器升级为CD播放器乃至于内嵌电视功能等等。

随着移动端技术的发展,iOS和Android等智能软件系统的完善和提升,汽车的中控系统也不再受限于固化的硬件功能。平台化的软件体系让中控系统有了更多的可能性,影音娱乐开始更加丰富,而已然完善的移动端触摸式交互生态,则为汽车中控以屏幕替代物理按钮打下基础,各类原本存在于手机电脑的新型的APP、功能、服务也逐渐出现在汽车中控系统上,而特斯拉更是一步到位,以一块巨大的触摸屏彻底革新了中控的交互体验,OTA升级,有机多样的UI交互,彻底释放开了汽车中控交互体验上的想象力。新的问题出现了,新的方法在迭代,新的趋势也得到了印证。

宝马奔驰保时捷等顶级的汽车厂商大都在中控台的设计上,探索了各自的可能性,国内厂商也毫不示弱,不过其中绝大多数的系统都基于我们熟悉的Android或者是AndroidAuto作为基础来进行定制和优化,而苹果则基于自家iOS生态,在2013年推出了iOSintheCar服务,目前正式名称为Carplay。而目前各大厂商所青睐的AndroidAuto也上在Carplay发布之后所跟进并发布的。

关于Carplay

CarPlay车载系统旨在令用户通过汽车制造商之原生车载系统来使用、操控iOS设备并发挥其功能。该产品的首个版本计划于2014年发布,最早出现在一些制造商的汽车展览上。

Carplay本身并非完全独立的存在,它本身会和iPhone一起联动,让iPhone成为你的车钥匙和辅助管理系统。

Carplay以苹果自身在移动端交互和用户体验上的深厚积淀,总结和梳理出了一套可供学习和值得参考借鉴的规范。

这些规范对于需要考虑车载使用场景的厂商以及正在布局车载移动端软件或者系统的厂商的设计师而言,都有着相当的参考和学习价值。

Carplay核心原则和功能

Carplay当中会有提供音频内容的APP,诸如Podcasts,网络电台,新闻,音乐,体育节目等等,这些服务和APP将会通过内置的屏幕显示,并且借助最常见的「标签栏+列表」来呈现基本的框架,并且必须包含「播放」界面。尽管这类服务和应用是借由内置的界面框架来呈现,但是依然有值得注意的要点:

↑使用此图标代表明确的、本地的的内容。

↑使用此图标来标识在线的内容,确保用户知道内容来自网络,并且会耗费网络流量。

在进行音频内容播放的时候,Carplay会显示「正在播放」的界面,并且会使用如下界面:

Carplay能够内嵌到不同厂商的车中,自然也可以控制车内的硬件。这一部分的硬件驱动支持通常是由厂商提供,并且借由Carplay内的界面,提供统一的交互体验。

1.3、信息传递和VoIP应用

VoIP也就是基于IP的语音传输功能,而在Carplay中,VoIP应用主要借助Siri服务,并且全由Siri操控,它并不为用户提供直接的交互界面,因此无需专门设计UI界面。

它支持阅读信息和编写/回复消息,不过需要用户授予权限

当你的APP有推送信息未读的时候,通常会在APP的右上角增加一个红色的小红点标识,并且其中会有一个白色数字用来标识未读信息的数量。

对于错误信息,应当妥善处理,并且绝对是要在必要的时候才推送报错信息。

在加载内容的时候,使用黑屏或者静态的界面,可能会让它整体上看起来像是死机了一样,或者可能会导致用户离开。

在Carplay当中,有2种常见的导航模式:

横向导航。通常使用标签栏来进行导航,不同内容横向排布,用户可以快速点击不同标签切换。

分层导航。用户在屏幕上点选不同选项,通往不同的子界面。其中地图应用采用的是这种结构。

音乐类应用可以使用横向导航,也可以使用分层导航,在设计导航的过程中,应当注意:

全面的测试,是确保应用可用性的重要前提。

无论音频是否是你的APP的主要内容呈现形式,你都需要了解用户对于音频有哪些期待,并且尽量去贴合这些需求。

在管理汽车功能的页面当中,厂商提供的功能和数据将会无缝的接入到Carplay当中,比如气候、网络、GPS等等。当数据不可用的时候,尽量提供合理的响应方式。

Carplay是和iPhone连接起来使用的,并且在程序数据上也相互兼容互通,只是Carplay本身提供的是简化之后的UI,并且针对驾驶的场景进行了优化。

支持Carplay的车辆通常会有物理按钮和旋钮,它们可以作为Carplay交互的辅助。当物理按键作为用户的主要交互介质的时候,通常至少会存在一个Siri按钮,导航控件,选择控件,以及后退控件。

下半部分的将会涉及到视觉设计和具体UI控件的设计规范。

3.5、触摸屏交互

用户可以通过内置的触摸屏来与Carplay直接进行交互。高保真屏幕可能会比低保真屏幕,在交互效率上更高,更低延迟,支持更多手势。Carplay的交互基本采用的都是单指交互,具体可以参考下方列表:

在设计交互的时候,尽可能少地使用触摸交互,避免用户在驾驶过程中分心。

3.6、Siri

Siri是Carplay的基本功能,无干扰的语音让用户和程序之间的交互更加自然和安全

即使看不到Carplay的屏幕,依然可以使用方向盘上的语音命令按钮来激活Siri。激活后,Siri会针对语言进行处理和分析,并且转换为可用的指令。

动画可以让屏幕上的元素,拥有一层附加的视觉效果。如果方法得当,动画还能呈现状态,提供反馈,增加用户直接操控时候的感觉,并且告知用户可视化操作的结果。

成功的品牌设计并不只是把LOGO塞到APP当中,出色的APP能够巧妙地使用字体、配色和图像来构建独特的品牌形象。

关于这方面的设计,可以详细参考iOS设计规范中的配色、版式以及图标和图像这三个章节。

在品牌设计上,

Carplay要求设计师:

通常,配色可以提供交互性,提供视觉连贯性,并且对界面赋予生命力。

Carplay支持不同像素密度不同纵横比的显示,但是这也意味着在实际布局设计的时候,要格外小心,尽量让你的设计在不同的屏幕分辨率和长宽比之下,都显得足够正常。

和iOS类似,在Carplay当中,屏幕分辨率也分为1x2x和3x。

每个CarplayAPP都应该有一个显著突出的图标,确保在驾驶的时候可以轻松点击到。

如果你设计的APP当中,需要的图标并不存在于系统图标当中,或者系统图标与你的APP并不匹配,可以自定义图标设计。

系统本身内置了许多小图标,服务于日常各种不同的任务,通常这些小图标会使用在导航栏和标签栏当中,尽可能使用这些内置的图标。

上拉菜单是一种特定的弹出菜单,通常从屏幕底部弹出,并且包含2个以上的选项。不过在Carplay当中应该尽量避免使用上拉菜单,在iPhone上倒是可以使用它,但是不要在Carplay中显示。

在内容加载的过程当中,请勿让屏幕保持静止,或者空白,使用活动指示器确保它看起来没有静止。

警告会用来通知用户一些关键性的信息,警告通常由标题、可选信息以及一个或者多个按钮组成。除此之外,警报的视觉系统是静态的,无法自定义。

警告最小化呈现。由于警告本身会破坏用户体验,所以请在重要的情况下使用警报。

按钮通常可以用来触发一些特定的操作,具有可自定义的背景,并且可以包含标题和图标。和iOS不同,Carplay支持的按钮样式非常有限。

导航一般在屏幕的顶部,通常导航栏右侧会有返回按钮,中央是标题。有时右侧会有其他的可交互的控件。

滚动视图让用户可以浏览到更多的内容,用户可以用滑动或者轻拂来进行浏览信息。

标签栏通常出现在屏幕顶端,并且用户可以借此快速切换。逻辑上标签栏可以包含无限多的Tab,但是可见的标签数量,会根据实际显示尺寸而有所不同。

THE END
1.世界名车标志图片大全一张图搞定这些名车标志→MAIGOO图库世界名车标志图片大全|汽车标志代表了汽车品牌、汽车企业,本次小编为您推荐最全的世界名车标志图片大全,包括宝马标志图片、奔驰标志图片等名车标志图片供您欣赏。https://www.maigoo.com/tuku/516877.html
2.名牌汽车的品牌与标志图片及名称大全集懂车帝提供名牌汽车的品牌与标志图片及名称大全集的详细内容,懂车帝是一个汽车资讯平台,懂车更懂你。我们提供最新汽车报价,汽车图片,汽车价格大全,行情、评测、导购等内容,看车选车买车就上懂车帝。https://www.dongchedi.com/tag/pgc/9458970
3.新能源的车标大全北京汽车官宣换标:车标改为BAIC,不再用“鼻孔车标” 天和汽车科学岛 2024年09月23日 汽车品牌爆发,车标不够用了,这些新车标你觉得哪个好看? 车漫部落 2024年02月18日 热门文章 1阿维塔全新车型预告图 将首发一款新车色/预计年底发布 2深蓝全新SUV预告图 预计将于2025年上半年发布 https://news.yiche.com/tag/4082400.html
4.揭秘豪车品牌独特车标,一图识别顶级豪华车标头像2、豹子头像标志是捷豹汽车,这家英国豪华汽车生产商的车标设计灵感来源于一只跃跃欲试的美洲豹,既体现了公司的名称,也展现了品牌向前奔跑的力量与速度。 各种汽车品牌的图标都代表什么 1、奥迪的车标由四个相互连接的圆环组成,象征着公司的四家创始人,大众的车标由三个“V”字组成,代表“胜利”,奔驰的车标是一个https://gt.vqaq.com/9963150B5340.html
5.马来西亚国产汽车品牌「宝腾Proton」更新品牌LOGO宝腾(Proton)是马来西亚的国产汽车品牌,1985年,在马来西亚第4任首相马哈迪(Mahathir)的主导下成立。Proton是马来语「Perusahaan Otomobil Nasional(国产汽车https://m.logonews.cn/proton-new-logo.html
6.咬“文”嚼“字”———郴州市六中610班寒假社会实践活动报道(一)29、马自达图标: 马自达的创始人是松田重次郎,马自达(Mazda),全称马自达株式会社(日文:マツダ株式会社,英文:Mazda Motor Corporation)[1],是一家在东京证交所(TYO)上市的日本跨国汽车制造商[2],2020年度《财富》世界五百强排名第400位[3]。它的汽车标志的含义是:以无穷的创意和真诚的服务,迈向新世纪。(610廖锦程https://www.meipian.cn/3engtu3y
7.XCX于是就有了这次对比横评文章。除了“蔚小理”之外,我们把“车内大屏”的鼻祖特斯拉也拉了进来,一起来看看四个具有行业标杆性意义的汽车品牌在智能座舱方面到底有何区别。1 、关于对比车型在车型的选择方面,正常来讲,特斯拉我们应该拿全新的 Model S 或 Model X ,它们才是代表特斯拉的最新座舱水平。https://www.xchuxing.com/article/38147
8.特斯拉蔚来威马小鹏WEY等22款汽车LOGO设计横评当我把汽车品牌的APP放在一个文件夹里对比时可以发现林肯和WEY的Logo比例是最特殊的,但恰恰由于林肯Logo的简约在展示评比中逃过一劫。WEY则不可清晰识别。 虽然指出WEY Logo的问题,但不可否认,在独特性上还是可以打赢了同时期出现的大量国内其他汽车新品牌Logo的设计。 https://zhuanlan.zhihu.com/p/425138008
9.2024年最新智能座舱总结小米舱驾融合,深入浅出Golang性能调优汽车出现市场用于海量的数据,互联网企业用好这个数据,可以增加营收的同时可以完善自己的生态闭环。消费者希望提升体验:在手机不断普及的背景下,消费者对于汽车智能化的需求不断提升,从消费者的主观角度看,汽车在维持驾驶属性之外还要加入更多智能移动空间属性。中国汽车座舱行业的竞争主体包括国际汽车品牌、中国智能汽车新https://blog.csdn.net/2401_84905102/article/details/138928489
10.国产品牌汽车图标专题模板国产品牌汽车图标图片素材下载我图网国产品牌汽车图标专题为您整理了6517个原创高质量国产品牌汽车图标图片素材供您在线下载,PSD/JPG/PNG格式国产品牌汽车图标模板下载、高清国产品牌汽车图标图片大全等,下载图片素材就上我图网。https://so.ooopic.com/search-b9fab2fac6b7c5c6c6fbb3b5cdbcb1ea-0-0_0__0_18_0_ooo_0_1_0_0_0_0_0_0_0___0__0.html