上手即用！正在疯狂流行的方块堆叠式排版布局

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

仔细观察，你会发现这种方块堆叠式排版有着令人无法拒绝的美感，它以一种整齐的方式将文字内容排列到一起，营造出一种整饬的设计感，抓住用户的注意力。今天的文章，我们一同来借助各个网站的设计案例来探索这种设计趋势，总结技巧。

在图片和视频中使用

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

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

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

作为主导的艺术元素

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

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

不要过度设计，方块堆叠式布局主要是两种使用方式：黑白字体+彩色背景，或者彩色字体+黑白背景。根据这项规则来进行设计能让你少走弯路，更容易实现效果。

强调特定的词汇

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

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

如果有问题，那么你需要再仔细推敲一下。并不是所有的文案和文本都能这么设计，有些换个方式来展现或许更合适。所以，如果这种排版布局不适合你的内容，也不要感到讶异。

为社交媒体服务

我们对于方块堆叠式布局如此之熟悉，很大程度上也是得益于各大社交媒体的传播，因为它能够很好地同微博、Twitter、Instagram 甚至手机的卡片式界面很好地结合到一起，无缝地融为一体。

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

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

强化设计感

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

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

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

方块堆叠式排版的流行，很大程度上是因为它的简单和视觉化。而真正支撑方块堆叠式排版成为流行趋势的，大概就是下面的5个理由了：

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

搞定方块堆叠式排版的5个设计技巧

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

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

结语

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

深圳龙华健公堂美容养生和虎网科技签订网站建设条款

    健公堂处于深圳市龙华新区龙华街道东环二路8号中执时代广场B座写字楼5I。健公堂选用虎网站响应式自适应网站案例，此类案例是当今新潮流的网站程序，他除了具备商务型所有功能外，他的特点在于能自动识别互联网和移动网终端设备，既能适用在电脑上浏览同时又适用在平板电脑和各款手机上浏览都能自适应屏幕大小，是企业官网的选择佳品。健公堂是经深圳市龙华新区工商局审核的正规企业，统一社会信用代码：91440300MA5...

       西安网站建设解析影响网站上线运营的四个因素 西安网站建设解析影响网站上线运营的四个因素 一、空间稳定,域名易记。 一个网站的空间,必须是稳定且良好的。如果没有一个稳定的空间,会给网站的运营发展带来极大的影响。便宜有便宜的原因,贵也有贵的道理,而0价格背后往往 隐藏“陷阱”。所以一个网站要真想做长期的运营发展,那么在这方面绝不能因为省,而去寻找免费或者0价空间。无论做什么事情,没有付出哪来的回报。而有了 一个稳定的空间,还需要一个要好的域名。...

       网站标题设置有技巧 实用是其核心 对于网站来说别看标题仅仅只有十几个字，但是如果如果设置不当，或者夸大其词，很有可能让你的网站在运营方面导致失败。而事实上很多事情最终的失败并不是主要功能方面整体做的不到位，恰恰是其中的一个小细节没有注意到，导致了整个事情的完成出现了明显的缺陷，从而让网站的运营出现了困难。 　　 从网站的建设和运营等诸多层面来看，标题无疑是其中最为细小的一个环节，可是这个环节一旦出现失误，就会导致满盘皆输。不过网站...

       虚拟主机访问速度快慢的原因有哪些？ 虚拟主机访问速度快慢的原因有哪些？经常会有客户问怎样使网站打开的速度更快一些！下面虎网网络就这个问题给大家详细讲解一下： 第一、虚拟主机的配置和访问量是否匹配 　 虚拟主机的配置包括主机参数和服务器硬件两部分，我司目前采用的都是DELL品牌服务器，因此决定您主机配置的因素主要在于主机参数，您选择价格相对较高的产品，其所允许的带宽就越大。访问量大的站点，也要选择主机参数宽限的产品。 如一个几百人在线...

       龙岗龙城福源安康居家养老同虎网科技签署网站建设事宜 福源安康处于深圳市龙岗区龙城街道余岭路保利上城北区9栋八号商铺。福源安康选用虎网站经济型入门级网站案例，其功能比较简单的程序，广告单图(无动漫)，页面较简单，适合小微企业产品展示型网站。福源安康是经深圳市龙岗区工商局审核的有资质公司，统一社会信用代码：91440300MA5EYE9R0Y。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备18035518号。 　　深圳福源安康...

       可知传统媒体广告对比！ 广告媒体众多，既有电视，广播，报纸等大众性传播媒体，又有路牌，灯箱，交通工具等户外媒体，以及POP，包装物，电话黄页，产品目录等其它媒体，甚至也包括人体，厕所墙壁等一切可资利用的'新'媒体，当然还有日益兴起的INTERNET媒体。其中，报纸，广播，电视是公认的三大传统广告媒体。通过这三大媒体发布的广告是主要的传统媒体广告。 　　分析传统广告媒体与传统媒体广告，其特点表现在： 覆盖域 　　任何媒体都...