创意窝 
排版对不齐、间距忽大忽小、每页风格都不一样——这些问题多半不是手感不好，而是缺少一套栅格系统。栅格就是版面的隐形骨架，先定骨架再放内容，秩序自然出现。
栅格的基本构成
- 页边距：内容与画布边界的最小安全区，先于一切设定。
- 栏：版面被纵向切分的等宽区域，网页常用 12 栏，画册常用 6 栏。
- 栏间距：栏与栏之间的固定空隙，所有对齐以「栏边缘」为基准。
- 基线：文字行的水平节奏，正文字号确定后按倍数设定行高。
四步搭起一套可用栅格
第一步确定正文字号与行高，它们是整页比例的度量衡；第二步定页边距，视媒质留出足够的呼吸空间；第三步按内容复杂度选栏数，栏越多布局越灵活也越容易乱；第四步只允许元素落在栏线上或跨整数栏，禁止半栏、三分之二栏这类随意宽度。
网页与平面栅格的一点差异
平面栅格一旦印出来就固定了，网页栅格却要面对千变万化的屏幕宽度，所以多了一套响应式规则：宽屏 12 栏、平板 8 栏、手机通常退化为 4 栏甚至单栏，栏数切换时元素按预设的跨度重新归位。搭响应式栅格的关键是先设计「窄屏版本」，再向上扩展，而不是先做宽屏再硬塞进手机。顺序反了，小屏上处处是补丁。无论哪种媒质，栏线本身永远不该被看见——它只在元素边缘与间距里显形。
破格的正确姿势
栅格不是牢笼。成熟的版式都懂得在规整中放一两个破格元素：一张跨满页的大图、一行突出边距的标题。关键在于破格要醒目且克制——只破一处，其余严守，对比才能形成张力。处处破格等于没有栅格。
小结
栅格系统解决的不是「好不好看」，而是「稳不稳、快不快」。它让多页文档风格统一，让协作有共同语言，也让修改从玄学变成可推算的操作。先立骨架，再谈自由。对个人而言，哪怕只做单页设计，套一套最简单的四栏栅格，也能让每一稿的判断有据可依。
微信扫一扫 
