当前位置: 有福首页
> 商务单张设计案例详解（二）商务单张设计案例详解（二） 天意有福科技股份有限公司 / 2012-10-23
其实在上图就是我们所说的一个“模板”，它可以使你在设计时知道什么东西放在什么位置上，你在设计时的要做的其实只是需要简单地将各个元素放在各自的位置上就行了。
.jpg)
.jpg)
.jpg)
这个模板从上图可以看出，它是由五列组成（采用奇数是为了打破平衡，可以使页面产生动感），当然，这些线段只是参考线，在最后的设计中并不会出现。我们将页里分成三个区域，包括标题区域、图片区域及文字区域。
.jpg)
在设计时，我们从最上面开始。在标题区域中我们要用上某种颜色（如上图是填充了黑色），而标题文字则采用反差较大白色。注意这个黑色的区域为整个页面定下了一个基调。接着我们放上图片，占满整个图片区域。
.jpg)
接着加上文字。我们将各种相关的文字（各种信息及要点）放在三个列的范围中，并要注意文字间的对比，在上图中是由较大的细衬线（ serif ）字体及一种较小的非衬线（ san-serif ）粗体组成形成了对比。这样可以使观看的人知道这是两部分不同的文字信息。与标题一样，这里的文字区域同样是由那些列来决定的。最后就是加上联系信息。地图放在右边，占了两列，而右下角放上了小图片。
请注意在这个版面中，我们是如何利用不对称的设计来使整个页边变得更加生动。如果在文字区域里，我们两边的宽度一样大，那版面就会显得过于平静。
我们还可以对上面这个设计来点变化：例如我们可以调整各个区域的尺寸使到标题能够放进更多的文字或者在图片区域里加进更多的图片。但无论如何，不要打破原来的区域基本布局。而且要注意各种长方形的颜色区域使到整个版面的各个元素联系了起来。
在图片区域里加多几张照片（上图是由三张图片组成），但图片所占据的位置仍然要遵守原来的五列布局。而且象上图一样，大图占三列，小图占两列，避免页面显得过于呆板。如果你有需要，甚至放进四张图片也可以（见下图）。在这种设计中，使其中一张照片比其它的照片都要大可以获得最好的视觉效果。
