超实用的版式设计技巧全方位总结

同时，由于这个例子运用的图片形状为矩形，因此我们又要引申一个数学的规则：黄金比例。黄金比例是一个定义为（ -1）/2的无理数，它被运用的层面相当广阔，例如数学、物理、建筑、美术甚至音乐。这个古老的数学方法所拥有的魔力在实际中屡屡发挥着我们意想不到的作 用。按照1∶1.618的黄金比例构成的矩形，也被认为是最理想的矩形比例。一种广为流传的说法是，比黄金比例更细长的矩形是一种端正的、女性的图形；与 之相反，随着它逐渐趋向于正方形，这个矩形就会变得更加男性化。这作为一种设计参考，还是值得借鉴和尝试的。

接着来说节奏的应用。除了规则的形式重复以外，如果在一系列节奏中加入某些不同的要素，那么构图就会发生变化，这个与其他部分不同的要素就会成为页面中的重点内容，构图也会变得更加生动灵活（见图6）。

图5 有重复规律的摆放（图片由尤目YVMIN品牌授权使用）

图6 在重复规律中加入不同要素

当然还有一种更为随性的版式节奏，即场景化的排布方式。如同美国20世纪50年代的老海报拼贴，如图7（a）所示，或者散落在桌面的明信片排布，如图7（b）所示，显得更为随意自然。

图7（a） 场景化的排布方式——老海报拼贴

图7（b） 场景化的排布方式—散落的明信片

同时，用颜色来体现节奏则突破了单纯排版的想法，以更加直观的手段带给用户明确的感知，并掌握其中的规则。正如接下来的例子（见图8），虽然呈现的内容信息量不小，但6种颜色明确了其中的节奏规律，将内容进行了整合。

图8 用颜色来体现节奏

说到引导性，比图片排版（见图9）更加直观的是时间轴的运用（见图10）。突出每个节点，结合之前提到过的距离和节奏的方法，呈现更加新颖跃动的排版形式。

在排版的过程中，图片与文本的组合方式也是重要的问题。必须要有意识地避免将图片的美观与文字的易读性相互消解，两者之间的配合非常重要。作为说明 图片内容的文字，它与它所说明的部位的对应关系必须是明确的（见图11）。一方面要避免图片与其文字说明的距离过远，另一方面还应该尽量将某图片的文字说 明与容易引起误解的图片拉开距离。

图9 用图片排版实现引导性

图10 用时间轴实现引导性

图11 图与其说明文字的对应关系要明确

当然，如果所有内容都被过度统一化地进行了处理，则有时会起到相反的作用。在图片的排版过程中，整齐中加入变化是一个不错的选择。

（编辑：佛山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!