超实用B2B产品排列技巧

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

图片描述

图3(a) 两个层级的对称排布(图片由尤目YVMIN品牌授权使用)

图片描述

图3(b) 两个层级的对称排布(图片由尤目YVMIN品牌授权使用)

而接下来的两个例子则更加讨巧,如图4(a)和图4(b)所示,图片尺寸虽然只有一个层级,但却因为菱形的分割显得灵动独特。

图片描述

图4(a) 独特的菱形排布(图片由尤目YVMIN品牌授权使用)

图片描述

图4(b) 独特的菱形排布

节奏感

节奏是指在自然、社会和人的活动中,与韵律结伴而行的有规律的突变。如音乐快慢激烈缓柔、美术韵律、文学作品铺垫高潮结尾等。在版式的处理上,节奏也是一个重要的元素。

通过重复有规律的形式,可以让用户感受到某种节奏。就如同下面的例子,图片的排布始终遵循着“上下上下”的摆放原则,灵动且有规律可循(见图5)。

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

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

图片描述

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

长按二维码关注我们