一个文字版面，表面看是文字、图片、空白的组合。实际上，它是信息层级、空间秩序、阅读节奏、视觉引导共同作用的结果。读者看到的是一页字，设计师需要面对的是一连串判断。这些判断看不见，却决定版面能不能站住。

很多人把排版理解为“把字放上去，对齐，别太挤”。这只说对了一部分。对齐和间距只是表象，真正支撑版面的是下面这些底层逻辑。

信息层级

拿到文字，不要先选字体。先读，判断信息层级。一个版面里，所有文字都在争夺注意力。标题、正文、注释、数据、引文，功能不同，权重不同。如果不主动分配优先级，读者就会自己乱撞。

信息通常分三级：一级是三秒内必须被看到的，二级是有兴趣继续读的，三级是需要时能查到的。三级信息在视觉权重上不能平均。一级要占据主要视觉资源，二级要稳定清晰，三级要退到背景里。比例可以调整，顺序不能颠倒。

优先级不只是大小问题。它涉及位置、颜色、粗细、空间、动线。一级信息可以大，可以粗，可以放在视觉入口；二级信息要连贯，要便于连续阅读；三级信息要安静，要随时能找到但不打扰。优先级排清楚，版面就有了第一层秩序。

版面乱，往往不是字体问题，是优先级没排。所有字都用相近的字号、颜色、位置，读者眼睛找不到入口。入口不清楚，后面所有设计都失效。

网格

优先级决定谁重要，网格决定它们站在哪。

网格是版面的骨架。没有网格，元素是散落的零件；有网格，它们才成为结构。网格不是限制创意，是提供参照系。知道基准在哪，才知道怎么偏。

网格系统包含栏、行、边距。栏决定横向节奏，行决定纵向密度，边距决定呼吸感。这三样定下来，版面就有了基本秩序。

网格要有弹性。元素可以在网格基础上跨栏、错位、留白，但变化必须来自网格，而不是来自混乱。判断版面是否立得住，可以看元素与网格线是否有明确对应关系。对应关系清晰，版面就稳；完全对不上，要么网格错了，要么元素错了。

网格还决定版面的扩展性。单页可以靠感觉排，系列版面必须靠网格。没有网格，每一页都要重新发明秩序，成本高，还不稳定。有网格，变化就有边界，效率和质量才能同时保住。

字体

选字体常被低估。很多选择靠感觉，但字体要解决实际任务。

字体至少承担三个功能：识别、引导、表达。

识别是基础。读者要快速认出每个字。字面、字重、字间距都要在可读范围内。有些字体漂亮，但小字号下辨识度差，只能做标题。

引导是进阶。字体本身会引导阅读方向。衬线体的衬线有方向感，无衬线体更中性，手写体自带慢下来的暗示。不同字体适合不同阅读状态。

表达是顶层。字体气质要和内容匹配。科技内容适合几何无衬线，法律文件适合传统衬线，儿童内容适合圆润字形。这不是审美偏好，是信息传达的一部分。字体选错，读者还没读内容，就已经接收到错误的情绪信号。

选字体的顺序：先确定需要几个层级，再确定每个层级的任务，最后在满足任务的字体里选最合适的。顺序不能反。先选好看字体，再硬塞内容，最后一定别扭。

字体数量也要控制。一个版面里，字体家族不宜过多。通常一个主字体，一个辅助字体，最多再加一个强调字体。字体越多，统一性越弱，版面越容易散。字重和字号可以变化，但字体本身要克制。

间距

字体是版面的肌肉，间距就是版面的呼吸。

很多精力花在“用什么字体”上，却忽略“字与字之间留多少空”。实际上，间距对阅读体验的影响比字体更大。

间距分四种：字间距、词间距、行间距、段间距。

字间距控制字的节奏。太紧，字挤在一起，分辨费力；太松，字与字失去联系，阅读碎片化。中文是方块字，天然有内部空间，字间距稍紧反而更整体。

行间距控制行的节奏。行距太窄，容易串行；行距太宽，段落失去整体感。正文行距通常是字号的1.5到1.8倍。这是起点，不是公式。具体要看字体、字号、栏宽来调。

段间距控制块的节奏。段与段之间留多少空，决定阅读是快是慢。段间距大，节奏慢；段间距小，节奏快。节奏要和内容匹配。

间距不是均匀就好。标题和正文之间、正文和注释之间、段落和段落之间，需要不同的间距关系。关系清楚，版面才有层次。关系模糊，读者就分不清信息块。

判断间距是否合理，可以看版面灰度。眯眼看不清字，但能看清灰度。灰度均匀，间距合理；灰度忽深忽浅，某处间距出了问题。

视觉动线

前面几层做完，还要解决一个问题：读者的眼睛会怎么走。

读者不会按设计师的逻辑读，他们会按视觉动线读。

视觉动线有几个基本规律：从左到右，从上到下，从大到小，从亮到暗，从彩色到黑白。这些规律是天生的。设计师要顺应规律，再在规律上做引导。

大小对比、颜色对比、位置对比、留白对比，都可以引导视线。引导不是强迫，是暗示。读者可以选择不按路线走，但版面做得好，大多数读者会自然沿着设计的路线走。

视觉动线不清楚，版面就会散。读者眼睛没有落脚点，阅读变成跳读。动线清楚，信息就会按顺序进入读者视野。

动线还要考虑阅读距离和阅读时间。远距离阅读需要更强的视觉入口，快速阅读需要更短的动线，深度阅读需要更稳的节奏。动线并不能理解成一条线，而是一套速度控制。

对比与统一

一个版面里，所有元素都在做两件事：对比和统一。

对比产生张力，统一产生秩序。没有对比，版面平淡；没有统一，版面混乱。好的版面是在对比和统一之间找到平衡。

对比可以来自大小、粗细、颜色、方向、材质、空间。统一可以来自相同字体、相同颜色、相同间距、相同对齐方式。

常见做法是：在三个维度上做对比，在三个维度上做统一。大小、颜色、位置做对比，字体、间距、对齐做统一。这样版面既有变化，又不散乱。对比太多，读者疲劳；统一太多，版面沉闷。度要控制。

对比和统一更多是信息结构的问题。对比用来区分层级，统一用来建立关联。读者通过对比知道哪些信息不同，通过统一知道哪些信息属于同一组。两者配合，版面才能被理解。

版面之外的语境

前面六层都在版面之内。真正决定版面好坏的，往往是版面之外的东西。

版面用在哪？手机屏幕还是印刷品？阅读环境是安静还是嘈杂？内容是报告还是随笔？品牌调性是专业还是亲切？

这些问题不解决，技术全是空转。

语境决定分寸。同样的信息，在不同场景下需要不同的视觉强度。正式文件要克制，营销物料要直接，学术出版物要严谨，社交内容要轻快。设计师要听的，不只是说了什么，还有没说什么。语境判断错，技术再熟也会偏。

语境还决定版面的寿命。只考虑当下流行，版面很快过时；考虑使用场景和长期需求，版面才经得起反复看。底层逻辑，是让版面更准确。

如何协同

这些底层逻辑不是并列的清单，它们相互影响。

信息优先级决定网格怎么分，网格决定字体和间距的基准，字体和间距决定视觉动线，视觉动线决定对比和统一怎么用，语境决定所有层级的松紧。任何一层单独看都成立，但只有协同起来，版面才真正稳。

设计师的决策顺序通常是：先读内容，定优先级；再定网格，搭骨架；再选字体，定气质；再调间距，控节奏；再看动线，引视线；再调对比统一，做张力；最后回到语境，检查分寸。这个顺序不是死的，但方向不能乱。先做表面，再补逻辑，通常要返工。

-

一个文字版面，读者看到的是“舒服”或“不舒服”。设计师处理的是舒服背后的原因。原因找得越准，版面就越稳。原因想得越深，版面就越经得起看。

米兰体育秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

米兰体育成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。米兰体育提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。