在数字界面的肌理中，按钮，是沉默的指挥官，是用户与系统之间最温柔的触点。

我们称之为“快缩短网址”——suo.run，一个以极简为信仰、以效率为灵魂的工具。而按钮，正是这信仰的具象表达。

---

01 按钮：不是控件，是意图的延展

无需定义，无需教科书式的注解。
按钮，是用户心中那句“我想做”的无声出口。
它不说话，却承载着点击的重量、期待的回响、信任的交付。

---

02 类型：在克制中，赋予选择以尊严

我们区分四种灵魂形态：

- 主按钮：唯一闪耀的焦点，不容喧宾夺主。
- 次按钮：温和的备选，不争不抢，却始终在场。
- 虚线按钮：轻盈的邀请，适合探索与试水。
- 链接按钮：隐于文字之间，如风拂过，不惊扰阅读流。

从形态上，我们偏爱几何型按钮——干净、理性、可预测。
它不靠装饰取胜，而以比例、留白与节奏，赢得注视。

---

03 状态：让每一次交互，都有温度的回声

- 默认（Normal）：稳如磐石，色彩是品牌的心跳。
- 悬停（Hover）：以15%透明白色轻抚表面，如晨光掠过湖面。
- 按下（Click）：15%深灰悄然晕染，是回应，是确认，是“我听见了”。
- 禁用（Disabled）：绝不简单灰化。灰，是沉默；禁用，是提醒。我们配以语义文案：“暂不可用”“请先完成前置步骤”——让缺席，也有尊严。

---

04 属性：让按钮，成为语境的翻译者

- 危险：红，不是装饰，是警钟。删除、权限变更——必经二次确认，如锁匠核对钥匙。
- 幽灵：透明之身，融于复杂背景，如月光下的玻璃窗，不抢戏，却不可或缺。
- 禁用：非冷处理，而是温柔提示。“请登录后操作”“内容未保存”——让等待，有方向。
- 加载：旋转的圆环，是时间的具象。我们不让用户焦虑，而是告诉他们：“正在为你缩短，只需一瞬。”

---

05 样式：在毫米之间，雕刻体验



尺寸
移动端，指尖是尺。10mm×10mm，是触觉的最小契约。
iOS的44pt，不是标准，是尊重。
我们在移动端设35px–50px高度，字号13pt–17pt，圆角4–8px；
Web端则以24px–48px为界，字号12–18，圆角6–10px——
尺寸，是呼吸的节奏，不是数字的堆砌。



圆角：风格的无声宣言

- 0–4px：锋利、专业、金融与科技的冷峻美学
- 6–12px：中性、包容、社交与工具的通用语言
- 全圆角：温柔、童趣、购物与娱乐的拥抱感
- 多边形/锐角：叛逆、先锋、艺术与极客的独白



我们不追随潮流，我们定义语境。

风格：在视觉的语法中，寻找诗性

- 线框：轻盈如墨线，适合信息密度高的场景
- 渐变：流动的色彩，赋予按钮生命感，不浮夸，只动人
- 微阴影：轻抬3px，让按钮从平面中浮起，如呼吸
- 长阴影：叙事感极强，适合品牌化表达
- 光晕：如星辰微芒，仅用于特殊行动，慎用，但惊艳
- 图标+文字：视觉速读，效率的极致
- 按钮组：协同行动，如交响乐中的和声
- Block按钮：全宽铺展，是移动端的沉稳宣言
- 环绕效果：微妙的光晕环绕，适合高价值操作
- 表单按钮：精准对齐，是完成感的最后一环

---



在suo.run，我们相信：
一个按钮，不该只是“可点击的方块”。
它应是无声的引导、克制的优雅、精准的承诺。

我们不制造按钮，我们设计意图的落点。

——
快缩短网址 | suo.run
让长链，归于简洁；让点击，成为享受。
每一处细节，都为效率而生，为体验而美。