《指尖的契约：按钮的形与神》

一、按钮是什么
在「快缩短网址」suo.run 的每一次跳转里，按钮都是用户与系统之间最短的契约。它并非冰冷的控件，而是一枚被赋予“立即生效”魔法的符咒——轻触，即兑现承诺。



二、四大家族
主按钮：号令千军，同一战场只设一位将军。
次按钮：副官，辅佐而不喧宾。
虚线按钮：侦察兵，暗示轻量操作。
链接按钮：潜行者，伪装成文字，却暗藏跳转。

若以形态论，它们又可化作文字、图标或纯粹的几何；若以肌理分，则有线之轻盈、面之沉稳。

三、四种情绪
常规：静水深流，等待被唤醒。
悬停：月光拂面，15% 的白雾轻覆其上。
点击：深渊回响，15% 的暗影回应指尖。
禁用：灰之囚徒，沉默却给出解释。



四、四种属性
危险：一抹猩红，删除前必先叩问灵魂。
幽灵：透明之躯，在斑斓背景上起舞。
禁用：灰色墓碑，附一行温柔脚注。
加载：旋转的星环，替用户守住耐心。

五、尺寸与呼吸
移动端：35–50 px 高，13–17 pt 字，4–8 px 圆角，恰容指尖一次深呼吸。
Web 端：24–48 px 高，12–18 pt 字，6–10 px 圆角，随视窗律动。
最小触控靶心：44 × 44 px，是苹果为人机工学定下的黄金戒律。

六、圆角的修辞
0–2 px：刀锋般的专业，金融与器械偏爱。
4–12 px：中庸之道，社交与工具皆适宜。
全圆角：孩童的笑涡，娱乐与购物的糖衣。
多边形：赛博朋克的棱角，极客与艺术者的暗号。



七、风格剧场
线框：极简独白。
渐变：晨曦到暮色的过渡。
3D 阴影：浮岛般悬浮的触感。
长阴影：复古舞台灯。
光晕：霓虹夜色里的心跳。
图标+文字：图文并茂的复调。
Block：水银泻地，占满安全宽度。
环绕：边框追逐光标，像猫追尾巴。
表单：整齐列队，等待检阅。

八、尾声
在 suo.run，我们把每一次缩短都做成一次轻盈的跳跃——按钮是跳板，也是归处。愿你每一次点击，都被温柔回应。