Pakhozako前端创作者,喜欢把逻辑写得柔软一点。

Interfaces that breathe, quietly.

我把排版、状态、动效和手感放在同一张纸上校准。页面不急着说服谁,它先让人愿意停留。

文字先安静下来。

好的界面不是把文字排满,而是让每一句都有停顿、方向和重量。

把字号当作呼吸, 把行距当作光线, 把留白当作另一种内容。

每一段文字都可以被触碰。 鼠标经过时,色彩只轻轻抬头。 滚动进入时,句子从纸面下方浮上来。 这不是装饰,是阅读节奏的手把手校准。

一张被柔和光线照亮的纸面
visual texture, reserved space, quiet contrast

手感落在几像素里。

真正细腻的交互不需要大声,它只要在用户靠近、按下、拖动时及时回答。

Pointer has weight.

卡片按鼠标位置产生轻微倾斜,角度被控制在可感知但不晕眩的范围内。

magnetic response

按钮会被鼠标轻轻吸过去,离开时弹回原位。弹性只用在这里,像一次小小的回应。

rhythm 62%

节奏偏慢,页面像在轻声读出来。

滚动像翻页一样。

这个场景由 ScrollTrigger 驱动。背景层慢,前景层快,线条和标记随滚动一起推进。

代码也要有触感。

代码展示不是截图,也不是装腔。每一行都能被读到、被悬停、被解释。

把鼠标放到任意一行,旁边会显示它在界面里的作用。

interaction.js readable motion layer
const motion = {
  revealDelay: 0.05,
  ease: "power2.out",
  follow(target, prop) {
    return gsap.quickTo(target, prop, {
      duration: 0.48,
      ease: motion.ease
    });
  }
};

把下一页写好。

如果一个界面需要被认真对待,我会从文字、空间和状态开始,把它做成可以停留的地方。