《快缩短网址·suo.run》设计规范白皮书
——让每一次协作都轻盈如诗



序
在信息洪流中，网址冗长如藤蔓，剪不断理还乱。suo.run 以极简之刃，将冗长化为轻盈；而在多人共创的疆域里，我们同样需要一把“规范之刃”，把重复、歧义、冗余一并斩断。以下文字，是快缩短网址团队沉淀出的协作诗稿，愿与君共咏。

一、规范之骨：它究竟装下了什么？
1. 交互层——逻辑的骨架
• 结构：产品信息架构，层级与路径的经纬。
• 布局：栅格、间距、响应式断点，让页面呼吸有序。
• 公共组件：按钮、输入框、提示、空状态……像积木，随取随用。
• 业务组件：短链卡片、二维码浮层、统计图表……带业务体温的积木。
• 反馈：加载、成功、失败、空数据，四种情绪，四种节奏。
• 公共流程：登录、分享、设置……用户旅程的“必经之路”。
• 业务流程：生成短链、批量管理、数据导出……suo.run 的专属舞步。



2. 视觉层——情绪的肌肤
• 颜色：主色 #0066FF（信任之蓝），点缀 #FF4D4F（警示之红），余色皆灰，不喧宾。
• 字体：Inter 为骨，思源黑体为肉，中西合璧，轻盈易读。
• 间距：8 的倍数，如鼓点，让元素跳舞而不凌乱。



二、规范之翼：如何让时间折叠？
1. 项目三幕剧
开幕｜前期：
用 20% 的时间，搭好 80% 的通用骨架——结构、公共流程、公共组件。
发展｜中期：
每诞生一个新组件，先问三句：
• 它是否会在三个以上场景复现？
• 它能否向下兼容旧场景？
• 它是否只需增减属性即可变形？
若三问皆否，则退居“特例”冷宫。
落幕｜后期：
像整理抽屉一样，把散落各地的组件归档、命名、打标签，更新版本号，留下可追溯的脚印。

2. 多产品宇宙的三种叙事
• 单星系统：围绕 suo.run 主站，唯此一套规范，众星拱月。
• 平行宇宙：N 个独立产品，各自成章，规范亦独立；但共享“核心组件库”，像共享一座桥。
• 互补星系：多款产品互为卫星，共用主规范，再以“分支规范”微调差异。
把不变的沉淀为“核心库”，把多变的留给“项目层”，让设计师的精力花在刀刃上。

三、规范之魂：如何评判其呼吸？
一把尺子，三个刻度：
• 频率：组件在真实界面出现的次数。
• 普遍性：跨模块、跨业务复用的潜力。
• 可扩展性：增删属性即可变形，无需推倒重来。
当三者得分皆高，组件便可升入“规范星座”；若有一项不及格，则让它继续流浪，等待下一次打磨。

尾声
规范不是枷锁，而是隐形翅膀。它让设计师在深夜不必重复造轮子，让工程师在清晨不必重写样式，让用户在每一次点击中感到熟悉与安心。
愿 suo.run 的每一次缩短，都因这份轻盈的规范而更快、更准、更美。

——青江
微信：员素质
本站点仅作运营知识收藏，如有侵权，请联系站长删除。