中文正文的行高，别直接抄西文
西文靠 x-height 撑起呼吸感，中文方块字没有这条基线，1.5 倍行高在中文里会显得挤。我现在的默认是 1.85，标题收到 1.1，段间距比行距再大三分之一，读起来才不费眼。
2025.08 · 关于节奏排版 · 配色 · 交互细节
泽的设计
笔记
做界面这些年，真正值得记下来的往往不是大方案，而是那些「差一点点就不对」的瞬间：一个字距、一段留白、一次悬停的回弹速度。这里把它们一条条写下来，慢慢攒成自己的手册。
近期手记
/ 01深色界面里的「可读白」不是纯白
#FFFFFF 压在深底上会产生光晕，看久了眼睛发涩。把正文白往蓝灰偏一点，饱和度压到 6% 上下，正文和次要文字之间留出两级灰度，层级一下就清楚了。
2025.07 · 关于对比度渐显动画的时机比幅度重要
元素进场的位移给 20 像素足够，再多就变成表演。真正决定观感的是缓动曲线：前段快、尾段拖长，用一个偏「出」的 cubic-bezier，配合逐项 60 毫秒的错峰，页面会自己往前走。
2025.06 · 关于节奏先定内容宽度，再定栅格列数
反着做最容易出现「列对上了、行读不通」的情况。我的顺序是先量出最舒服的正文行宽，再让栅格去切它，剩下两列只负责对齐边缘，不参与承载文字。
2025.05 · 关于秩序我做事的三条准绳
/ 02
01
先删，再排
打开稿子的第一件事是找多余的东西：多出来的分割线、不必存在的图标、说第二遍的副标题。删到只剩骨相，剩下的排布自然会有答案。
02
用真内容试
占位文本永远显得整齐。把最长的那条标题、最长的那个名字填进去，撑不撑得住一眼就知道。设计稿骗人的地方，通常都在最长的数据上。
03
留一点不齐
全对齐会显得冷。手写感的分隔线、略微错开的边距、一个不居中的署名，这些小偏差让页面像有人在里面待过，而不是机器生成的结果。
记录
/ 032025 · 09
把整站的字体栈收回到系统字
去掉所有网络字体之后，首屏少了三次请求，中文也不再出现一闪的替换。代价是不同平台的字形有差异，但只要行高和字距调到位，观感反而更稳。
2025 · 07
重做了一套深色 / 浅色的取色表
不再让浅色只是深色的反转，而是各自独立取色：深色用青玉打亮，浅色换成偏暖的墨绿，两个模式都能单独站住，切换时也不再出现刺眼的一跳。
2025 · 04
给长文加了一根滚动进度条
两像素高，只在顶部。有了它之后，读者对「还剩多少」有了预期，长文的完成率明显上升。做小一点，但别省掉。
2025 · 02
整理出一份自己的间距刻度
从 4 起、按近似 1.5 倍递增，落到 4 / 6 / 10 / 16 / 24 / 38 / 60。所有边距只从这七个值里挑，页面看着就统一了，改起来也只动一处。
关于这份笔记
/ 04我叫泽，做界面设计与前端实现，从移动端一路做到桌面端的复杂后台。写这份笔记的起点很朴素：很多结论当时想明白了，过半年又忘，于是决定用最笨的方式——一条条写下来。
这里的内容偏实践，谈的多是能直接落到代码里的东西：行高、间距、缓动、对比度，以及那些在评审会上说不清、但改完之后所有人都觉得舒服的细节。偶尔也会写写取舍和踩过的坑。
更新没有固定频率，想清楚了就写。如果某条手记恰好帮你省下一点时间，那它的目的就达到了。想聊聊，从下面任一条路都找得到我。