假如你曾仔细观察过时下设计先进的网站，你会发现堆叠式排版已经出现的特别频繁了，其中尤其突出的是方块堆叠式排版。毫无疑问，这种悄然流行的设计手法是一种值得关注的设计趋势。

仔细观察，你会发现这种方块堆叠式排版有着令人无法拒绝的美感，它以一种整齐的方法将文字信息排列到一起，营造出一种整饬的设计感，抓住顾客的专注力。今天的文章，咋们一同来借助每个网站的设计案例来探索这种设计趋势，总结诀窍。

在图片和视频中使用

方块堆叠式排版较常使用的场合便是图片和视频。在网站和APP之中，你会发现图片和视频中经常能看到这样子的排版，当然，在平面设计中这种排版也并不鲜见。

为了充分发挥这种排版的特点，你必须要特别注意文本的排布位置。文本应当是作为辅助，不可以盖住图片或者视频的关键部位，并且传递明确的信息。

文本所用的色彩也是重中之重。前景的文本和背景的图片/视频应该有足够的对比度，清晰可辨。这也是为什么很多设计师会让前景的文字使用黑色或者白色，它们更简单在不同的背景中可读性。

作为主导的艺术元素

当然，方块堆叠式排版并不是一直处于整体视觉的辅助地位，有时候它还会成为视觉设计的主体。

将方块堆叠式排版用作主要的视觉元素的时候，必须要符合两个条件：大批的留白，字体中包含其他的视觉元素。其中所包含的可能是色彩，或者是图案、动画。不过不论是哪种，都会尽量让字体从周围的留白中脱颖而出。

不要过度设计，方块堆叠式布局主要是两种使用方法：黑白字体+彩色背景，或者彩色字体+黑白背景。依据这项规则来开展设计能让你少走弯路，更简单实现成效。

强调特定的词汇

很多项目运用了类似堆叠式的文本布局，不过在可读性上做的并不太好。在正确的用法之中，较关键的词应该是用较粗的字体较大的字号来显示的。

当然，说起来简单，做起来也并不是那么简单。你必须要仔细推敲文本的字句和前言后语，句子的长短和文字的搭配要均衡，并且能同布局联动起来，较终成效看起来应该是恰到好处。故此，当你做好布局之后应当仔细审视一下，较重要的信息能否以较醒目的方法呈现出来？所有的信息可读性能否良好？形式和信息之间能否有割裂感？

假如有问题，那么你必须要再仔细推敲一下。并不是所有的文案和文本都能这么设计，有一些换个方法来展现或许更合适。故此，假如这种排版布局不适合你的信息，也不要感到讶异。

为社交媒体服务

咋们相对方块堆叠式布局如此之熟悉，非常大水平上也是得助于各大社交媒体的传播，由于它可以很好地同微博、Twitter、Instagram 乃至手机的卡片式界面很好地结合到一起，无缝地融为一体。

你会发现图片上配合堆叠式的文本是传播性极强的一种媒介形式。仔细看一看你的社交媒体帐号，你会发现这种形式比起视频更加直给，比起长微博和文章更直观，无需复杂的操作。

它让顾客以一种更视觉化的形式来获取信息，重点更加突出，让顾客以足够漂亮也足够迅速的方法获得信息。

强化设计感

绝大多数的设计现在看起来都相差不大，故此，为了突出设计感，你可以加入一部分简单、有趣的设计元素，来强化方块堆叠式布局的顾客浏览体验。

·在行间增加细线，让顾客可以更加清晰地看清楚布局和信息
·在空隙间增加简单的形状或者图标来填充，让整体看起来更加饱满和一致
·适当地调整整体的形状，你个并不一定非得让整个布局保持好的方形（钻石型的外观也没问题）
·可以通过适当地调整颜色来强化整个布局的视觉成效
·用出人意料的、有趣的非衬线体来搭配。有趣的字体能让顾客更加难忘！

选择方块堆叠式排版的5个理由

方块堆叠式排版的流行，非常大水平上是由于它的简单和视觉化。而真正支撑方块堆叠式排版成为流行趋势的，或许便是下边的5个理由了：

·视觉上的诱惑力。堆叠式的布局通常会被特定的空间紧密包围着，它会成为视觉的重心，当然而然地吸引顾客注意。
·文字周围大批的留白会增强信息的可读性。
·字体的强调和设计上的调整让简单的文字显得更富于戏剧性和表现力。
·堆叠式的布局让文字给人一种形似LOGO的感受，更加醒目。
·堆叠式布局让你信息更加易读也更有趣

拿下方块堆叠式排版的5个设计诀窍

假如你已经深入思考，并且承认了这种设计趋势，那么你可以送下边的5个诀窍着手：

1、使用栅格。栅格系统能帮你更好地控制布局，从字体大小到行间距都更加整齐。
2、控制比例。正确的大小对比才能起到强调的作用。
3、做好断句，斟酌词句。强调的部分要精悍而有效，断句换行也需要正确地传递信息。
4、两个部分的字体和字重要控制好比例和风格。
5、不要纠结于排版的高度对称和对齐。

结语

好多时候设计趋势并不是太过于复杂的东西，一部分简单易用的趋势一样拥有长久的生命力。方块堆叠式排版较费神的部分还是文案的选取，适当地装饰之后，借助社交媒体能取得极强的传播性。