Lightoy's Sky

-=Laugh,and the world laughs with you;weep,and you weep alone.=-
 
 

遮盖式小册子设计(案例)

   Design2007-7-18 21:32

设计遮盖式小册子
本文由 LOGOSKY.NET网站设计师陈汉聪编译

【译者的话】 “犹抱琵琶半遮面”给人一种神秘的遐想,也令人产生一种强烈的好奇感。在本文中,我们在设计上应用这种手法,将封面遮去一半,使读者产生一种“里面到底是什么”的好奇,从而吸引读者急切打开。这种设计简单有趣,轻易使你的设计吸引别人的眼球。


封面上的折边产生了一种与读者互动的吸引力:

(译注:本小册子的主题是宣传领养孤儿)

故事放在里面——而封面上的遮盖折页则邀请你打开这本小册子,看一下里面到底是什么。由于小册子只有一张纸组成,所以读者可以很快就打开。就这样简单的设计,已经使你的小册子充满吸引力。

展开一次……

全部展开后的内页

每个人天生总有一种好奇感,并且喜欢看故事。而这种简单的小册子设计就是利用人类的这种天性。整张纸是一张标准规格的信纸尺寸,而突出来遮盖封面的那小小折页则让人忍不住将它打开。在版面排版时,我们要想象成是跟别人在讲一个有趣的故事:有开始,有过程,有结束,上图的这种版面由五个区域组成,而每一种的信息都是与前面的部分有关。在本文中,我们就要讲讲在设计这个版面时,我们是如何产生视觉的“流动感”。

技巧性地将折页覆盖封面一部分,使整个版面充满吸引,就象在跟读者招手打招呼。

为了让这个覆盖的折页与封面上的图片能够形成协调,我们要组织好文字与脸部图案的配对( 1 和 2 )。封面上的脸部与文字两者都处于中间的地方,这个地方无疑总能最先引起别人的注意,中间区域在视觉上是最强烈的。

而 3 这个折页与原来的封面图案形成了对比。折页的颜色较深,而小孩的图案较为明亮,让人能够明显感觉这是两个部分——较深的折页部分看起来就象一扇门。

4 :当打开这个折页后,故事就慢慢展开,首先们看到一对快乐的领养夫妇,这是读者感到意外的第一个元素,因为在封面上的文字为“一个孩子正在等待”。这对夫妇作为一个视觉元素,相对于封面的小孩来说,比例非常小。

5 :折页有着双重的功能,在折页的正面,我们放着主要的标题文字,而在这里,即折页的背面,则放着回邮的表格,如果有意领养孩子的夫妇可以填写这张表格寄回。这种表格很清晰地传达出这个小册子的主要目的。因为这个表格是放在折页上,给人的感觉是多出来的一部分,而不是主要故事的一部分。但由于折页上方采用的小图片与另一张夫妇小图片非常相似,我们仍然在视觉上将其联系在一起。

封面上的人物采用轮廓形的肖像,里面的人物同样采用轮廓形,这样的配对使主题从外延伸到内。留意在上图,大图片与小图片的比例相差极大,这种有意为之的视觉对比是让读者在匆忙之中也能轻易“阅读”,大图片是“故事的主线”,小图片则是“故事的辅助”。

从下方内页的展开图我们可以看到,焦点(即大图片)具有非常强烈的视觉效果,因为它处于中心位置。

黄色与白色区分两个区域,但人物横跨两个区域又产生联系。既有区别,又有联系,在视觉上显得非常有趣生动。

在展开内页中,最大的图片是去到底部的,因为在现实生活中,人是不会“漂浮”在空间里的,所以在版面中也不应该是“漂浮”。所以人必须用某种东西来“支撑”,如大图与底部,上图左图中,人与文字区域形成“墙壁”的支撑,而在右图中,下方的文字则形成支撑物,当然,也可以用其它元素作为支撑物与人物搭配。

如果说,这个展开的内页是故事的中间部分,那我们下一步就要去到故事的尾声。

将所使用的各种元素,包括颜色、图片、字体等等带到故事的结尾去,因为在整个排版中,我们要做到统一协调。在展开内页中,右边的“联系信息”的下一步就是尾声——邮寄版面:

在这个邮寄版面中,我们将前面所使用过的视觉元素全部去到这个版面中,这使到读者无论从哪里开始看,它都会将这些版面形成一个有机的整体,这一点非常重要,你在每一个区域里都应该展现你故事的一部分。不能让你的读者在阅读时产生断开的感觉——毕竟,你从头到尾都只是在讲一个故事。

故事讲完了,看一下我们设计这个小册子的模板:

标准尺寸: 1 4 × 8.5 (英寸)

折叠后的尺寸: 5.5 × 8.5 (英寸)

上面的大图就是我们设计这本小册子的尺寸模板,虽然只有一页。想加进更多的页面?当然可以,象上图右下图一样,我们将同样是一张标准信纸( 11 × 8.5 )对半折叠后,然后插进去,装订,大功告成!

本文所用颜色数值如下:

标签集:TAGS:设计 平面 册子
回复Comments()点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}
Name:Lightoy
Location:WuHan,
China


View my complete profile

NewLog

HighLight

NewComment

Link_Friends

 很高兴和大家友情链接!

 

Link_Technology

 GotoAndLearn.com
 Coding In Paradise

Link_Resource

 CCII国际设计中心
 Sagmeister(施德明) ★
 Niklaus Troxler(尼古拉斯)
 86VR | 虚拟无忌
 视觉中国
 设计中国
 动网论坛
 5D多媒体
 工业设计博客

Link_blog

 Jibbering
 aw's blog - 活着而已
 胖狗狗的窝
 老蒋的BLOG
 EASTECHO-wind of change
 bbqi的Flash陷阱
 子叶_leaves
 Yellow
 希儿的潘多拉盒子
 DEMO
 Company
 Edit Me

Counter