超实用B2B产品排列技巧

腾讯网UED 腾讯网UED 2015-05-29 15:54:39

图片描述

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

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

图片描述

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

图片描述

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

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

图片描述

图8 用颜色来体现节奏

引导性

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

图片与文字的相辅相成

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

图片描述

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

图片描述

图10 用时间轴实现引导性

长按二维码关注我们