版式解决的是「信息在页面上怎么摆」。同样的内容，换一种排法，读起来可能完全不同。以下几项是版式里最基础、也最常被忽略的部分。
对齐：先定基准线
页面上的元素沿同一条边线排列，视觉上立刻会显得整齐。常见做法是确定几根基准线——左侧起始线、栏宽、边距——然后让所有元素各自靠上去，而不是逐个调位置。左对齐适合阅读性强的正文，居中适合标题和需要强调的短句，右对齐多用于特殊场合。需要注意的是，同一区域内不要混用多种对齐方式。
间距：分组靠的是距离
元素之间的距离，直接表达了它们的关系。同一组信息要靠近，不同组之间要拉开。很多页面显得混乱，原因不是元素多，而是间距平均——所有元素之间距离一样，分组关系就消失了。一个实用的做法是：先确定一个基本的间距单位，之后所有间距都用它的倍数，整体节奏自然会统一。
留白：不是浪费
留白让页面有呼吸感，也让重点更突出。留白不足，内容会显得拥挤、难以阅读；留白过多，又会让页面显得空洞、信息量不足。判断标准是看内容的性质：以阅读为主的页面需要更宽松的行距和段距，以展示为主的页面则可以让图片占据更大面积。
对比与层次
通过字号、粗细、颜色、大小的差异，把信息的重要性表达出来。标题大、说明小，重点突出、次要收敛。层次过多会让人抓不住重点，所以更稳妥的做法是控制变量——只用字号和间距拉开层级，颜色和装饰保持克制。
视觉流程
人看页面是有顺序的。版式的任务之一，是让这个顺序和你希望的一致：先看到什么、再看到什么、最后落在哪里。可以通过位置、大小和颜色来引导，把最重要的信息和操作入口放在视线自然停留的位置上。一个简单的检验方式是把页面调成模糊状态看一眼，还能辨认出来的部分，就是实际最先被注意到的内容。
比例与网格
页面各区块之间的比例关系，会影响整体的稳定感。常见的做法是让主要内容区占据较大比例，辅助信息区收窄，形成主次分明的结构。网格系统则提供了一个组织内容的框架：把页面划分为若干栏，元素在栏内对齐，既能保持秩序，也能提高反复调整时的效率。
一致性
同一网站内，字体、字号层级、间距、配色应保持统一。访客在不同页面之间切换时不需要重新适应，这本身就是体验的一部分。
版式没有唯一正确答案，但有一条通用的检验办法：把页面交给没看过的人，观察他能不能在几秒内找到你想让他看到的东西。找不到，问题多半出在上面这几项里。