8pt网格这东西，说白了就是给UI设计加个“骨架”，把颜色和排版那些乱七八糟的东西往后放放，先把网格这块地基打牢。只要这骨架没问题，视觉效果自然就出来了，而且项目推进也会快很多。为啥偏偏选8pt当黄金数字呢？这就得从那个叫“点”的单位说起了。以前1倍屏的时候1 pt等于1 px，后来屏幕变了密度提高了，设计图得放大渲染才能看得清。所以设计师得提前做规划，让元素能适应不同密度的屏幕。 这个偶数间距还真抗折腾。屏幕尺寸和像素密度一直在变，偶数网格被2、3、4这些数整除的时候不容易出错，缩放起来也不会出现那种半点半地的尴尬情况。所以8pt就成了大家最常用的“公约数”。怎么用呢？其实挺简单的。边距先定个8 pt，然后把16、24、32这些数往上推就行了。尺寸方面像按钮、卡片和图标这些东西，能被8整除的就直接用这个数。还有一种软网格法挺好使的，不用把图层锁死在栅格里盯着标尺量8pt增量就行。 那些图标也得“住”在8pt的格子里才好。把它们丢进容器里设成16×16、24×24这样的尺寸就行了。容器宽度要是8的倍数的话，图标再小也不会偏离视线锚点。字体排布这块也有讲究，把基线网格定在4 pt上就行。行高用4、8、12这些4的倍数再加上8pt网格的节奏感觉就很带劲了。 比如字号大了点被8推远了？没关系直接换成4 pt的基线呗。END