快缩短网址 · suo.run
—— 设计师视角下的首页焕新手记



一、序章：当 URL 遇见「人」
在信息爆炸的当下，网址不仅是通往内容的门牌，更是品牌与用户之间的第一声问候。suo.run 作为「快缩短网址」的载体，必须在 0.1 秒内完成自我介绍，在 3 秒内建立信任，在 30 秒内让用户甘愿留下。市场环境瞬息万变，唯有以「人本体验」为锚，方能在洪流中稳住船身。

二、旧疾：四把钝刀
1. 首屏停留过短，尖叫点缺席——用户滑走比眨眼还快。
2. 2、3 屏同质化严重，模块之间面孔模糊，转化漏斗漏成筛子。
3. 品牌基因稀薄，用户记不住「是谁」。
4. 视觉语言滞后，未与 2026 的审美同频。



三、处方：五剂猛药
1. 层级手术
• 首屏只保留「缩短」这一核心动作，其余全部折叠。
• 采用「Z 轴景深」：越靠近用户，信息越聚焦；越远，越柔和。

2. 差异化叙事
• 2 屏用「数据仪表盘」讲述效率：实时缩短量、全球节点热力图。
• 3 屏用「场景故事」讲述情感：设计师、播客主、电商运营者的真实用例，一镜到底的沉浸滚动。

3. 品牌渗透
• 主色 #FF3366 取自「奔跑」的脉搏，贯穿按钮、加载条、成功提示。
• IP 形象「小闪电」在 favicon、404 页、加载动画中反复刷脸，形成记忆钉。

4. 趋势嫁接
• 暗色模式：一键切换，深夜缩短链接不再刺眼。
• 微动效：按钮水波纹、卡片 3° 倾斜回弹，让交互有呼吸。
• 玻璃拟态 + 大留白：轻盈、透气，突出内容本身。

5. 场景剧本
• 为「营销人」预设 UTM 模板；为「开发者」提供 API Playground；为「学生」准备一键分享海报。
• 每个角色进入首页，所见即所需，情感共鸣先于理性判断。

四、收笔：设计不是画布，是齿轮
每一次改版，都是把品牌基因拧进产品螺纹的过程。suo.run 追求的并非「更好看」，而是「更被记住」。当用户下次再见到 #FF3366 的小闪电，脑海里会自然蹦出一句：
“哦，这是那个帮我瞬间缩短网址的朋友。”



谨以此手记，献给所有仍在深夜调试像素的设计师。