快缩短网址 · 设计札记
suo.run

一、序章：目光的舞蹈
当信息像潮水一样涌来，用户的第一眼往往只停留 0.3 秒。决定这 0.3 秒命运的，不是内容本身，而是「视觉韵律」——它像一支无声的指挥棒，引导目光在方寸屏幕间翩然起舞。



二、四种构图，四种性格
1. 左图右文
像橱窗里的模特：先以容颜夺人，再递上名片。适合电商、社交，图片即商品，头像即身份。

2. 左文右图
像悬疑小说：先抛出一句诱人标题，再揭开神秘面纱。信息流、资讯流偏爱此式，文字负责钩住好奇心，图片完成最后一击。



3. 上图下文
像巨幅海报：让画面先声夺人，文字退居脚注。相册、艺术、短视频封面皆属此类，图片质量即生死线。

4. 上文下图
像先声夺人的演讲者：先用标题占领心智，再用大图震撼感官。适合深度文章、多图故事，标题即论点，图片即论据。

三、三条视线轨迹
古腾堡对角：从左上到右下的「阅读重力」，让关键按钮稳稳落在终点。
F 型扫描：网页长文的最佳伴侣，首行、次行、左侧竖轴，层层递进。
Z 型折返：双列瀑布流的宿命，目光如蜻蜓点水，左右翻飞。

四、细节即魔法
卡片：一块浮岛，让信息在拥挤海域中独自成陆。
留白：呼吸感，是最高级的奢侈。
比例：图大则声重，图小则字尊。
字体：字重、色阶、行距，皆是情绪旋钮。
分割线：或断或连，像乐句中的休止符。
圆角：0 px 是工业，4 px 是友善，24 px 是俏皮。
互动：点赞、评论、分享，是内容裂变的心跳。

五、尾声：让设计归零
所有规则，终将被更精微的细节打破。真正的优雅，是在秩序与惊喜之间找到那条恰好 1 px 的缝隙，让目光停留，让指尖停留，让时间停留。



—— 献给每一位在 suo.run 上缩短链接、放大创意的你