制作说明 / 01/2026 · 09/4 分钟阅读
装饰跟着内容走
花朵、弹簧线、唱片这些装饰都不能自己决定位置:它们的位置必须由文字、尺寸和状态推导出来。
TypographyMotion
01
位置是一种关系
装饰最容易坏的地方是「坐标来自哪里」。用容器百分比去猜词尾,等于假设装饰和文字按同一个比例缩放——一旦文字随视口缩放,这个假设就不成立。装饰的位置应当由它要陪伴的内容推导:行容器收缩到词宽,装饰锚在词尾,尺寸用 em 跟随字号。
02
尺寸用 em,不用 rem
只要装饰和文字有关,它的尺寸就该用 em。改用 rem 意味着某个断点之后装饰不再跟着字号变化,同一个组件在小屏和大屏上会长成两种关系。
03
装饰也要能被替换
封面、占位图和配色都放在确定的位置,替换它们不需要改组件。装饰可以有默认值,但默认值必须诚实——查不到封面的曲目就明确使用占位图,而不是假装那是一张专辑封面。