长文字排版技巧

先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一个组成部分（前提是它并不是无聊内容的堆砌）。用户喜欢好故事，而长内容所提供的沉浸式的阅读感受则能够为用户提供引人入胜的体验。

为了能够让用户保持兴趣不停读下去，你必须提供令人愉悦的设计和交互，让内容从头到尾的体验都是一致的。想要达成这个目标，需要有针对性地进行设计。

大量的留白

长文的内容如果堆积到一起，是相当具有压迫力的，所以，让用户不会为之厌倦，空间的运用是首要的技巧。

如果文章内容看起来太重，用户肯定会为之感到恐惧的。通过合理的留白和排版设计，让长文更容易为用户所浏览和快速扫视，让内容的视觉重量相应的降低，让它们看起来更加友好。

你可以考虑控制下面的留白来达到降低视觉重量的目的：

·控制内容和屏幕边缘之间的间距
·控制行间距和段间距
·图片、视频等非文本视觉元素周围的留白

有目的地运用动效

当页面内容太长，用户需要长时间的滚动翻页，这个时候，页面辅助导航的视觉线索就显得非常重要了。你可以考虑使用引导性的动效，比如箭头、按钮或者视差特效，用以引导用户。

这些微小的动效通常不会给长文或者故事带来割裂性的体验，甚至会让用户在浏览过程中感受到愉悦。

视频动画则是吸引用户的另外一个利器。虽然绝大多数的视频会打破长内容的阅读流畅性，但是它可以为用户浏览提供一个修整调剂的机会，也可以置于开头，作为一个引子。

无论你是打算置于长文开头作为介绍，还是置于中间用作间隔，都尽量保持简短，尽量不要让它自动播放，可能会分散用户的注意力。

视差滚动这种手法也相当值得运用，一边浏览一边有动画"随之舞动"的体验是相当有趣的。相当值得注意的是，视差滚动的动效不需要复杂，简单的动效不仅节省性能，而且不会喧宾夺主，保持引人入胜的体验的同时还不打断阅读。

加入插画

对于长文而言，插画是必不可少的组成部分。如果你的内容正好是故事的话，插画的优势就显得更加明显了。

将插图分散地加入到文章的各个部分，能够强化内容的故事性，提升用户的体验和参与度，图文并举能够让用户更轻松获取信息。这种技巧对于小说和缺少清晰视觉形象的文本而言，特别有用。

有策略地配图

配图的放置位置其实是很有技巧的。一些好的长文在图文搭配上其实是遵循一定套路的，因为要让整体符合美学特征，阅读流畅，还要让文字和图片配比正确，整个规则就不难推导出来了：

１、设计一个顶部大图
２、添加介绍性的文本
３、加入高清大图
４、添加子标题
５、设计易于阅读的正文文本
６、在设计子章节内容的时候，遵循３和５两个步骤

绝大多数的图片应当进行适当缩放，居中显示，内容不要环绕在周围。这种排版方式基本上是模仿传统的图书排版来的，这种方式为用户来带自然的阅读流程和舒适的体验。