R4.09.3restyle without re-anatomy设计
骨架不变的前提下允许换皮适配
别名: 换皮 · theming · 骨架不变
概念解释
Material 允许颜色、字体、形状跟着品牌走,前提是构件的解剖结构不动。按钮仍是容器加标签加可选图标,列表仍是前导、正文、尾随。换的是皮,不是骨架。这个许可叫不改解剖的换皮(restyle without re-anatomy)。主题若把按钮变成一句纯文字链接、把悬浮动作变成菜单,就已经离开主题,进入另一套产品语言。
它不讨论颜色如何从壁纸里抽取,也不讨论物理隐喻如何统一空间。它划的是主题化的边界:哪些属性可以变,哪些结构必须还能被认成同一个构件。
机制
人识别控件靠的是结构槽位,不是某一版的色。槽位稳定,换色、换圆角、换字重仍然能被预测:「左边是图标,中间是名,右边可以划掉」。槽位一改,预测作废,用户要重新学习这个对象是什么。主题系统正是把可变集限制在皮上,好让解剖作为跨应用、跨品牌的稳定接口。
换皮的经济性来自这份限制。设计系统可以给上千个实例改种子色,而不去重写每个实例的布局。一旦「主题」开始增删槽位,成本结构翻过来:每个屏幕都要重新决定这个对象还是不是按钮。许可是有界的,边界就是解剖可识别。
边界
全新的产品功能没有对应构件时,应当新增一种解剖,而不是把旧构件拧成新的——那不是换皮失败,那是该扩展库。极强的品牌表达(整屏插画导航、杂志式排版)可以局部离开骨架,但离开的那些表面不应再声称自己是主题化的 Material 按钮。深色模式、对比度增强属于皮的合法变化,只要槽位还在。把主题当成「可以随便改交互」的许可证时,这条机制失效。
怎么落地
- 主题文件只暴露色、字、形状和密度;不在主题里开关槽位(例如「这个品牌没有尾随图标」应当做成构件变体,而不是主题开关)。
- 品牌评审对着同一套构件的默认解剖看换皮结果:槽位还在、内容还在原位,才算通过。
- 需要不同交互的表面,单独命名一种构件,不要在主题层把按钮「变成」链接。
- 验证:把主题切到高对比和品牌色,截下按钮、列表、文本框。用线框描出容器、标签、图标槽;线框与默认主题应对齐。对不齐的每一处都是解剖被皮带走了。再让没见过品牌色的人指出「这是什么控件」,指错即骨架已改。