F2.08.2card chrome spatial tax设计
卡片边框与阴影消耗大量空间
别名: 卡片铬 · card padding · 阴影占位
概念解释
每一张卡都要付：卡与卡之间的缝、边框或阴影的外扩、框内一圈 padding，好让字不贴边。手机上八张卡，这些「不是内容的像素」可以吃掉四分之一以上的视口。新闻应用把每条标题做成带 16 px 内边距加阴影的卡，首屏从六条变成三条——税就是少看见的那几条。
这条只记账空间，不管这些对象该不该是卡。该是卡的时候，税仍在，只是可能值得付。
机制
卡片是嵌套坐标系。外缝负责卡与卡分离，边和阴影负责画出客体，内边距负责内容不撞上边。三笔都是铬，都不承载字段。视口越窄，铬占的比例越高：桌面 1440 上 16 px 内边距不起眼，375 上它已经相当于一行字高。阴影还要额外的安全距离，否则邻卡的影会叠进这一张的内容。
嵌套卡把税乘起来：卡里再套卡，两层内边距、两层缝。这就是「看起来很厚、字却很少」的来源。
边界
投影、触感模拟、需要拖拽拾起的对象，阴影在表达高度，铬是语义不是浪费。电视十英尺界面、演示大屏，卡的框帮人在远距离上抓住对象，空间相对便宜。打印海报上的框属于构图。
无阴影、无线、只靠底色分块的「卡」税低一些，但底色仍要内边距，账还在，只是少了外扩。
怎么落地
- 在目标宽度上把一屏卡片的外缝、边、影、内边距涂成色块，量它们合计占视口的比例。内容型表面超过约四分之一，开始减：能用底色就去掉影，内边距降一档，外缝并入组间标度而不是再加一圈。
- 禁止卡套卡，除非内层是真正可拖出的对象。
- 验证：截一屏，遮住全部文字和图片，只留框和空。剩下的面积就是铬。数一数同样高度的列表能多露出几条。若多出的那些条对任务有用（多一条可比较的标题），减铬；若这屏本来就该强调客体（两三张异构卡），铬可以留，但要写明你买的是客体感、不是信息量。