如何利用矩形分布式设计(一)
Segway,一种具有自我平衡及便捷机动能力的两轮移动工具,曾一度被称为划时代的发明。随着其价格的降低,越来越受到个人消费者的青睐。在你愿意花五千美元买一架Segway让自己成为一个超酷的神行太保之前,让我们看一下它的产品宣传画册是如何利用简单的矩形分布产生漂亮的视觉效果。

Segway个人运输工具的价格已经物有所值(5000美元左右),对于我们来说这当然是一个好消息,或许我们现在就应该骑着它出去威风一下,而不是在这里写这篇文章。该产品于2001年面世,具有自我平衡能力及让驾乘者来去自如,无论是室外还是室内使用时都非常安静,已经受到越来越多需要在城市中往返穿梭、旅游团队及其它需要代替步行人士的欢迎。一本28页纸的产品宣传手册传达出了这种产品专业可靠及真实的气息。其吸引人之处是在版面中无论是文字还是图片,都只是简单地使用矩形来分布空间。这种设计手法是值得我们借鉴的,因为利用矩形区域来设计版面,可以让我们轻易将各种不同的元素协调统一成一个整体。这一点正是我们在本文中要阐述的:

在整体产品画册手册中,包括形状、边框及线条等简单矩形区域随处可见,它使到设计者可以将不同的图片及不同内容的文字结合成一个不可分割的整体。当我们深入观察这本宣传手册时,你就会发现设计者刻意采用矩形区域作为设计中的主要视觉元素之一。从封面中我们就已经可以感觉到——各个元素通过矩形区域来堆放。


在内页中,版面设计具有两个层次,一个是用于观看,另一个是用于阅读。大图片及简短的大文字是用于观看,而常规尺寸的细节信息文字则用于阅读。大块的黑色区域建立起一个视觉主题。

上图左方大尺寸文字及一张大图片形成一个容易“阅读”的焦点,这种设计形式贯穿整本画册的版面设计中。段落文字增加了视觉的图案感,该部分白色文字区域较宽,与右边较窄的灰色文字形成了对比。
标题一反常规地放置在底部,但由于与背景形成了强对比,我们还是很自然地看到它,非常酷的设计。

版面中无论是纵向还是横向,都是由矩形区域构成。留意产品图片放置在一个黑色的背景中,同时产品图片区域形成一个矩形区域,这种视觉辨别是通过负空间及其相邻的各种相对元素来衬托的。而最右边的文字列采用了灰色,显得非常低调,没有与左边形成过强的视觉冲突。
一张超大的产品在真实环境中使用的图片给我们很大的冲击力,也给人一种真实的生活体验。

文字放置于黑色矩形列中的设计手法同样延续到下一页……


大图片,小文字:
这本产品画册重复应用同一种设计手法,即大图片及较大的说明文字,而正文字体尺寸则非常小,主要的目的是要让读者能够真实体验Segway在真实环境中使用的效果。在如下的版面中,通过展现产品的使用或个人享受体验来使读者加深对产品的了解。


