MOJIAN
← 返回札记

设计随想演示文章

一条曲线,为什么看着不顺

用一个假设的小实验,记录支点、路径和缓动各自负责的事情。

本文为排版与功能演示,不代表站主真实经历。

先看它从哪里开始

这是一篇设计排版的演示文章。下面的曲线与判断都是用来说明思路的假设,没有冒充真实的研究、用户测试或个人经历。

一条线看起来生硬,有时与颜色无关。起点朝向、转折处的切线、收尾时的速度,都可能让它显得犹豫。

先让动作说得通,再决定它要多响亮。

支点比幅度更早决定形态

想象一张纸沿书脊打开。如果纸的边缘在移动,连接处却没有跟上,观众会先感到它断开了,再注意到阴影有多精致。

一组等高线与山形的原创 SVG 概念图,演示曲线的连续变化
原创概念图,用于说明曲线与层次,不是实际测量或产品截图。

给静止留一点时间

运动帮助人理解前后关系,静止帮助人读清内容。两者不需要同时达到最大。

  • 交互反馈先回应输入。
  • 主体到位后,让正文留在稳定的位置。
  • 次要的明暗和纹理不必持续变化。

往回走也要成立

如果一个效果依赖滚动,向上返回时也应沿着同一关系继续,而不是突然重播。这个原则描述的是可观察的状态连续性,并不是对某个项目的完成声明。

下一次可以观察什么

可以把同一动作的几个姿态并排放好,再问自己:连接还在不在,文字是否清楚,停下时有没有多余的漂移。把问题缩小,往往比一次加上更多效果更有用。