车辆图像的背景曾经是关于汽车停放位置的事实。通过渲染的图像，它变成了一个设计参数：汽车以干净的剪切图形式到达，它所在的位置由您决定，在 CSS 中或在您控制的合成步骤中。团队之所以低估这一点，是因为他们把它当作图像编辑问题。它是一个参数。
构建模块
请求结合了几个选项：transparency 用于纯切割，shadow 用于地面工作室风格，ground 和 mirroring 用于展厅地板反射，再加上 color、format 和尺寸。每种组合都是一个 URL，这意味着下面的每种外观都是您定义一次并应用于整个目录的模板。
四种方案
1. 品牌颜色，无处不在
在品牌背景颜色上覆盖透明的 WebP 是最便宜的全面重新设计：一条 CSS 规则，整个库存就坐在您的身份上，而不是在四十个不同的展厅上。在电子邮件中同样有效，其中背景是表格单元格填充。
2. 实景工作室
在中性背景上使用阴影变体，看起来像是专业的摄影棚拍摄，而不需要任何合成。这是列表和详情页面的安全默认设置。汽车放在某个东西上，每辆汽车都放在同一个东西上。变体在阴影、反射和透明度中并排显示。
3. 展厅地板
地面反射与镜像效果产生高端配置器的视觉效果，车辆停在光滑的深色地板上。将其与深色页面主题搭配，用于发布页面和旗舰位置，以营造故意的戏剧效果而非目录的中立性。
4. 宣传合成
对于季节性或活动创意，透明剪切可以放入设计团队构建的任何场景中：渐变字段、摄影、插画。剪切的一致框架是实现这一目标的关键：一个模板，每一辆车，无需每辆车进行遮罩处理。
保持设计感的规则
- 为每个表面选择一个配方：网格和画廊以一种风格呈现，活动表面以另一种风格呈现。
- 永远不要在同一个网格中混合地面车辆和悬浮车辆，这看起来像是一个 bug
- 保持对比度真实：深色车辆在深色背景上需要反射或阴影来分离
- 让模板拥有背景；请求只需携带透明度和尺寸
每种配方在漏斗中的位置
配方不可互换，按漏斗阶段选择保持系统一致。列表网格和搜索结果需要中立的工作室，因为比较需要中立。详情页可以有展厅地板，因为一辆车独占舞台。从付费社交到季节性邮件的活动表面，是复合图像发挥作用的地方，因为这些格式设计的是吸引注意力而不是比较。
邮件值得单独一句，因为它是团队最先放弃的表面。透明剪切覆盖在表格单元填充上，能在暗模式下生存，在各个客户端上一致渲染，并且在活动颜色变化时无需图像编辑。背景是模板中的十六进制值，所以重新品牌只需更改一个变量，而不是一千张图像。
品牌故事的另一半，图像故意不包含的内容，是车型和颜色的准确性。
