【奥迪车载地图怎么退出】车辆UI如何确定标准大小，如何适应？

编辑指南：在执行车辆UI操作之前，必须知道不同的度量单位。不同的测量单位会影响尺寸，必须符合大小。(大卫亚设，Northern Exposure(美国电视)，)本文从三个方面分析和介绍车载UI的大小和适应情况，希望对你有帮助。

在谈车辆UI基准尺寸之前，请老生常谈每个测量单位。

我们首先了解了最基本的尺寸。设计中常见的测量单位有dpi、PPI、DP、sp、px和pt。其中px是我们经常使用的最熟悉的单位。

请简单看一下每个定义。

Px:像素。图像分辨率，即在屏幕上构成一幅画或照片的最基本的单位。Pt:网点，打印中常用的单位。1pt=1/72英寸。Ppi:每英寸像素数，值越高，屏幕越清晰。Dpi:每英寸几个点，值越高，图像越清晰。DP:Android开发的长度单位。对于160ppi，1dp=1px。SP:Android开发的字体大小单位。各单位之间的转换不再在文本中重点说明，网络上有大量的转换文章。请在这里稍微补充一下。Android端屏幕大小各不相同。根据像素密度分为几种规格。

或更高版本，1dp定义为屏幕密度值160ppi至1px。也就是说，在mdpi中，基于1dp=1px、mdpi。这些屏幕的密度值为0.75: 1: 1.5: 2: 3，即基于xhdpi的1dp=2px。

从目前的市长/市场情况来看，各汽车厂的车辆尺寸大致判断。不太全面，但至少有几个参考意义。

汽车图片来源

综上所述，xhdpi、xxhdpi是主流汽车的屏幕分辨率。

一、设计草稿尺寸

根据目前市场上主流设备的大小，我们要用1280*720制作车辆UI设计稿尺寸。

为什么选择1280*720作为设计稿的标准尺寸有三个原因。

原因1:从中等大小向上拟合，界面调整幅度最小，最适合。1280*720是普通分辨率的中间值。

原因二：大屏幕时代需要选择大型设计，但仍然使用较小的尺寸可以限制设计的设计观点，较大的程序尺寸可以限制信息结构的排版布局和内容展示。

理由三：用主流尺寸制作设计稿尺寸，大大提高了视觉复原和其他模型适应。

所以我们把基准尺寸设定为1280*720px进行设计。Sketch内可以设计为640*360尺寸。

二、前端适应方案

根据市面上大多数汽车系统设计研究，约70%的汽车是左侧导航，25%的微型桌面卡，5%的汽车是桌面应用图标。

在用户反馈和测试研究中，我们也发现左杆更接近驾驶员，更有利于操作。实际上，Android Auto将快捷键放在屏幕底部，除了增加驾驶员的操作负担外，还压缩了车辆导航的视觉区域高度。但是2017年Google I/

O 上，谷歌展示的奥迪定制车载导航也把快捷键放在了左边，这也侧面印证了这种交互方式的可行性。

产品框架和设计尺寸都已经定好。在研发阶段唯一不可缺少的是适配方案，设计稿在不同设备上到底怎样表现？假设遇到了更宽的设备，是横向拉宽？还是等比缩放？还是再设计一个截然不同的布局？这些前提基本确定了该设计稿会如何实现，这样在写代码时就不会出现反复更改和适配单独做的情况。

前端的适配方案大致分为四种：按照比例缩放、根据页面宽度百分比适应、响应式方案以及REM缩放方案。每个方案都有自己的优缺点，可以同时使用多种适配方案，规定规则。

以听伴车载产品为例，简单阐述一下前端适配方案：

以高度为基准，等比例缩放尺寸中高度不变的情况下，横向宽度缩放只需要填充内容。

比如：1280*720设计稿要适配到1824*1200时，高度按比例缩放到1200的尺寸为2133*1200，高度不变，只需要把横向内容2133压缩至1824.横向的占比按照1824处理。

特定情况下适配导航会出现运营文案少的情况，针对于此可以单独针对此车机删减右侧的功能入口icon。

其中制定迷你播放器的最低高度90px，如果达到最低高度那就取消播放器，放置成悬浮按钮。

比如：hdpi基准下800*450，播放器高度为90px，播放器上的文本内容已经显示已经小于16px了，车主查看的辨识度很弱。所以，在车机高度<450时，播放器消失到左下角变成常驻悬浮按钮。

先以安卓自有的适配规则适配，再满足以上两个条件。

以上需要技术评估方案的可行性，在逐步进行方案的优化。所以，设计师跟研发之间要有成熟的设计规范和相对应的研发规范支撑。

三、需要注意

从设计稿尺寸建立和蓝湖上传问题上需要注意：

设计稿建立1280*720，蓝湖上传时一定要按照xhdpi 上传。

设计稿做的是@2倍图，上传蓝湖确实按照@1倍图（mdpi)的通道上传。导致蓝湖上的数值各项都会偏大，在适配的时候就会出现模糊，图片过大过小的问题。

设计稿输出阶段要及时跟研发沟通适配方案。

如果适配方案双方达成一致，就可以着手研发，如果存在问题，调整完再进行，不然事倍功半。

设计时要思考界面的延展性和易通性。

规范一定要在项目研发前完成（除非特殊情况），这样才能在做一个项目之初全盘考虑需要做的事情，规避后续适配问题的发生。

本文由 @Crystal 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议