快缩短网址 · 视觉走查五维诗



形、色、字、构、质——五字箴言，如同五线谱，为每一次视觉创作定下基调。以下篇章，既是走查清单，也是一首写给设计师的叙事诗；愿你在 suo.run 的每一次点击与跳转之间，都能听见秩序与灵感合奏的和弦。

一、形：轮廓的礼仪
1. 图片
留坑之图，需以比例立规。电商方图 1:1，旅拍长图 4:3，皆为用户上传之舟楫；舟楫若乱，航程必覆。
2. 标签
纯文本、线框、浅色、渐变，四式如四季，不可错乱。促销之喧哗用线框，官方之庄重用纯色，泾渭分明，方显章法。
3. 按钮
文字、线框、浅色、纯色，四级如音阶。取消低吟，主操作高歌；若突然高八度，旋律即破。

二、色：光影的修辞
1. 层级
价格如烈日，标题似晨曦，注释若薄雾；色温即权重，一眼分明。
2. 统一
蓝色为链，全局皆蓝；若蓝失辨识度，可调，不可叛逃。
3. 节制
除黑白灰外，主色不过三；多一色，须有故事，否则便是噪音。

三、字：排版的呼吸
1. 层级
大字重锤，小字细雨；主标题 Light、辅助 Semibold，轻重倒置，阅读即窒息。
2. 行高
单行等高，多行 1.618 倍——黄金分割，让文字在页面上从容踱步。
3. 数量
字体不过二：正文系统字，数字专用字；汉字包体大，慎载第三方。

四、构：空间的诗行
1. 层级
商品列表页：图、名、价、卖点，依次铺陈。图先声夺人，名释其义，价断其念，卖点终章点睛。
2. 间距
模块之间留白如律诗之顿，密则喘，疏则散；8 的倍数作栅格，呼吸自然成章。

五、质：触感的余韵
微投影、毛玻璃、渐变描边，皆为质感之修辞；然修辞过盛，反噬本意。以克制为刃，削繁至简，让像素也能低声细语。



尾声
把每一次走查当作一次体检，把每一次迭代当作一次新生。愿你在 suo.run 的方寸之间，以五维之尺丈量像素，以五音之谱校准节奏，让设计不再是主观的独白，而是与用户合奏的交响。