R4.09.1unifying physical metaphor设计

以物理隐喻统一层级、空间与动效

别名: 材料隐喻 · Material metaphor · 物理隐喻

概念解释

Material 把界面当成空间里的一层层薄片:它们占位置、互相遮挡、被光打到、移动时带着质量。层级、间距和动效不是三套各自立法的装饰系统,而是同一套统一物理隐喻(unifying physical metaphor)的推论。一张从侧面滑入的薄片是从舞台外到达;一张弹出来的对话框是在更高的一层落下。动效如果让薄片瞬移、让阴影与移动方向打架,破的不是「动画品质」,而是这套空间故事。

它不规定某一层该抬到多少、涟漪怎么走完状态机、颜色怎么从壁纸里抽。那些是隐喻落地之后的构件。这里问的是:三套表现是否还在讲同一个物理世界。

机制

人用真实桌面上的纸、卡片、抽屉来预测屏幕。一旦界面承诺「这些是薄片」,预测就会自动启用:上面的挡住下面的,移动有路径,停下有去处。隐喻的经济性在于一份承诺管三件事——谁在谁上面(层级)、中间留多少空(空间)、怎么到达(动效)——设计者不必为每一屏另发明语法。

破坏发生在三件事各说各话的时候。层级用重叠表达,动效用淡入表达「出现」,空间却用没有深度的平铺网格:用户无法判断新来的东西是盖上来的,还是原地替换的。统一隐喻的机制是让每一次出现、移动、消失都能在「薄片在空间里」这句话里找到位置。找不到,用户就改用猜测。

边界

信息可视化、地图、三维编辑器有自己的空间模型,硬套薄片会和数据空间打架。电视和桌面的观看距离不同,物理暗示的强度要收;把手机上的「可翻的卡片」搬到十英尺外会变成噪音。品牌如果选择完全平坦、无深度的语言,就是拒绝这套隐喻,不应再借用它的运动词汇。打印稿和静态营销图没有时间维,隐喻的动效推论用不上,只剩层级的静帧。

怎么落地

  • 为每一种「出现」选定一种物理句子:盖上、滑入、展开,并在整条产品里复用,不要同一类对话框有时淡入有时从底升起。
  • 动效路径与遮挡关系一致:从右侧来的薄片不要在左侧投下与运动无关的阴影变化。
  • 空间留白当作层与层的间隙,而不是为了「透气」随手加的空。
  • 验证:把关键流程画成侧视剖面——哪些薄片在上、从哪边进入、停下在哪一层。剖面讲不通的每一处,都是隐喻破裂。再对着真机放慢动画,看运动方向是否还匹配那张剖面。

延伸

  • 同组R4.09.2 约定随实现库分发,靠代码而非文档传播 · R4.09.3 骨架不变的前提下允许换皮适配
  • 相邻R4.02 材料设计约定
  • 站内检索unifying physical metaphor · Material · spatial metaphor

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/R4.09.1