用色块打开排版的思路，简单好用!

❶ 色块要有明显的主次，要有大小对比、色彩对比、轮廓对比等。

❷ 色块的数量要适当控制，太少了显得单调，太多了会很碎。

▲比如上图的色块就过于零碎了。

▲上图就要好很多。

❸ 不要把所有色块都严格对齐，否则会很死板。

❹ 由于几何色块本身比较单调、生硬，所以色块内的信息和图形可以灵活一点，可以增加一些细节，比如装饰元素。

❺ 不一定要把所有的信息都放进色块里，把个别信息、元素放出来，可以使版面看起来更灵活。

下面葱爷给大家分享几个案例，来看看色块排版具体是怎么操作的。

案例一：服装画册目录设计

下图是某服装画册的目录页设计，其实也是用了色块来排版，但是整体很混乱，信息分组不明确，而且很不精致，所以需要对它进行调整。

❶ 原稿几乎把所有信息都放在一个大色块一中，这么做色块就没起到区隔信息的作用，所以我把背景分成了三块（颜色全来自图片），最上面的放标题，下面两块分别放两组内容并对齐排版，使信息更清晰、更易读。配图保留原稿把图片放入方形色块的方式，只是去掉了多余的描边。

❷ 重新设计标题。黑色太过突兀，所以我把它改成了粉色，并给副标题也加了一个绿色块，副标题与标题以及下方的绿色块叠加，既增加了画面的层次感和设计感，也加强了上下两个空间的联系。

❸ 将内文的排得更精致一点。首先，选了一个欧式风格的字体，给内文中的四组信息分别加上序号，在风格与排版上与其他元素形成鲜明的对比。其次，把内文的颜色从黑色改成与对应色块的深色，融合性更好。最后，在小标题和正文之间加入短线条，做区隔和装饰的作用，并适当调整正文的行距。

❹ 用网格系统稍作规范就完成了。

方案二：儿童蛋白粉单张设计

下图是该版面需要展示的主要内容，文字较多，而且基本上是大段大段的，但信息组别并不多，大概可以分为四五个部分。

❶ 将属于不同组别的信息和元素分别放入色块中进行区隔，色块颜色来自于品牌logo和包装。

❷ 这样划分色块层级太少，而且矩形色块太硬，不太适合儿童产品，所以把标题和小标题都单独拿出来了，并把色块做了圆角处理。色块缩小后，产品图片有一半露在外面，正好起到打破方块的作用。

❸ 标题需要突出设计一下，但由于左上角有Logo，所以如果把标题拉大，那么左边就会有点拥挤，右边则会比较空，所以把产品图片和产品介绍的文字左右调换一下更好。功效证明的文字太多，句子也很长，所以我把它分成了两栏，提高文字的易读性。

❹ 把标题字体改成宋体和衬线体，并把产品图片下方的色块改成圆形，加强视觉上的对比效果和灵活性。

❺ 把标题的文字改成右对齐，并跟与下边功效证明文字的右栏对齐，这样左上角的留白会更舒服一些，平衡性也更好。

两个正文的大色块里全是文字所以略显单调，于是我在文字上下加了一组波浪线，细节上会更精致一点，到这里这个单张就排完了。

方案三：移动宽带海报设计

下图是移动宽带的一则促销海报，也是用了色块排版，该画面中的信息其实挺清晰的，主次分明，也有一定的视觉冲击力。问题在于美观性不够、形式过于普通不时尚、排版很呆板，下面我们来对它进行优化：

❶ 将该画面中的信息一一用色块框起来，原方案把“100M宽带优惠用”放在一个大色块里，层级关系太少，视觉变化不够丰富，所以我把它分成了三个色块（由于移动的调性还是比较年轻的，所以我打算用孟菲斯风格来做）。另外，原方案中的优惠套餐被处理成三个很平均的色块，看起来既分散又缺少变化，所以我把他们组合在了一起。