文章长图设计排版 设计师都爱的排版布局技巧

长图设计在屏幕阅读时代应用得非常广泛，为了能够让阅读者保持兴趣不停读下去，停留更长的时间，我们的设计不仅要好看而且还要提供一定的视觉引导，让内容从头到尾的体验都是一致的。MAKA小编为你整理了关于文章长图排版的几种较为常用的简单设计方法。

1、利用重复的元素进行布局

重复是为了让视觉形成统一，提醒用户或阅读者依然是停留在同个内容之中，重复可以是重复字体，颜色，大小，空间，形式，框架等，它并非是严格复制同样的元素，而是按照一定的规律，在页面中产生连续的变化。也就是说在利用重复元素的时候，应该在规律中有变化，在变化中有规律。

2、利用F型排版进行空间布局

F型布局是一种十分传统但又非常科学的版式布局方式，它是基于大量的眼动追踪实验后总结出来的一种经典布局方式。符合大部分人的浏览习惯。我们看一个页面，通常情况下是先看左上角（例如logo、导航、标题等），然后优先从左往右看水平方向的内容，再着从上往下浏览整个页面，由此便形成一个F状的视觉路径。

3、利用S型或Z型排版进行空间布局

除了F型布局外，S型（也叫“之”型、“Z型”）也是页面布局中非常经典的一种，同样，他也是符合人类的浏览流程，都是通过眼动追踪实验证明的。

当我们通览一个页面时，我们的眼球会左右移动进行阅读，视觉停留的点也会页面从上往下随着变化，由此形成一个左右移动的“s”型路径。这种布局在长页面中应用得非常广泛，特别是介绍某个产品某张图片的时候，利用S型布局，会形成一个视觉引导，很流畅地阅读完整个页面。

4、利用卡片式布局

卡片式布局是栅格系统下引申出来的一种布局方式，也叫容器风格设计，是把文字图片等信息元素集中划分在一个卡片之中，通过卡片的累积形成一个完整而又简洁规范的页面，通常用在电商、平台网站等信息量大而复杂的页面之中。当然，设计中如果我们在遇到图文非常复杂的情况下，我们也可以考虑用这种布局来让我们的设计更加简洁。

相信充分了解这几种布局的方法后，我们在设计长图页面或包装展示自己的作品的时候不会一头雾水，不知如何下手。马上进入MAKA在线制作平台（https://maka.im），在线运用更多优秀设计师的文章长图布局模版进行你的文章长图设计吧！