悬挂式版面设计

【译者的话】 在文字很多但图片很少的状况下,你如何将一本册子设计得整洁流利,而且还让人耐人寻味?本文引见了极佳的处理方法:采用悬挂式版面布置元素,使到整个版面的视觉效果优雅诱人,视野开阔,品尝十足,而且,

【译者的话】 在文字很多但图片很少的状况下,你如何将一本册子设计得整洁流利,而且还让人耐人寻味?本文引见了极佳的处理方法:采用悬挂式版面布置元素,使到整个版面的视觉效果优雅诱人,视野开阔,品尝十足,而且,设计起来还十分复杂!

原文出处:www.bamagazine.com

很多设计师都有这种阅历,当你要为某份报告设计一本册子时,客户交给你的东西往往都是有很多文字,但却很少照片,而且各种信息都显得很芜杂。你如何才干设计出一本阅读流利、视觉效果让人觉得吸引的小册子?

假如你去过一些展览馆看过作品展现,你或答应以汲取到一些设计上的灵感:在展览时,那些作品都是沿着同一条程度高度划一地挂在墙上――我们可以称这条程度线为 悬挂线 ,作品上方留有很大的空间,这使到这些作品给人一种很强的活动感,而上方的空间让人觉得视野十分开阔,震动人心。看一下我们是怎样做的。

程度线上,只要一个复杂的标题

什么是我们所谓的悬挂线?你可以将它想象成我们晾衣服时的那根绳子。在设计中,这条线段使到每一个版面都让人觉得开阔。而这条线悬挂线普通是处于页面高度的 1/4 的中央(见上图)。程度线上整个空间除了标题就没有其它东西占据着。当然,这个标题一定要低调复杂,不然,它就窒息了上方的空间,违犯了我们的初衷。

这条悬挂线同时也是我们设计中的主线。在这条线的下方,我们要布置好一个网格线,以便可以定位要放置的设计元素,而且每一页都是依照相反的网线来定位。


下方区域的设计:我们虽然有七个纵列,但并不表示你每一个元素都只能放在一个纵列里,现实上,不同的元素可以占用不同的纵列,如图片,你将七个纵列全部占满都可以。而文字则要坚持分歧。不要在注释两头留下太多的间隙或空间,这样才干给人一种一气呵成的阅读快感!

成绩来了,文字要怎样排版?每一栏文字要占用多少个纵例?请参考下方我们的一些提示:


留意在上方,当五列为一栏时,文字的全体高度不需求究竟部,比起其它排版,下方留有较多的空间,给人一种更强的引言文字觉得。

不同的信息可用不同的背景颜色来区分,让人一看就晓得这是两局部不同的文字。但要留意,加上的背景颜色要填充整个版面,背景颜色在这里并不需求受那条程度线的限制,只是外面的内容要受程度线的限制,这样才干给人一种全体协调的觉得。

“悬挂”图片:象文字一样,图片异样要“悬挂”在那条程度线下。为了使整个版面防止过于复杂化,我们将照片缩小,不断到最底部去,或许横跨整个展开页。不要让图片下方留有太多的空间或许防止采用文字包围图片的排版方式,否则,会使整个版面显得过于复杂,毁坏了我们要让整个设计给人一种洁净清新的设计理念。

次要的图片从上方不断究竟部,而小图片只是作为阐明的一局部。上方的表示图中,灰色区域表示图片,白色区域表示文字,上述提供了其中三种处理方法供参考。

这是另一种处理方法。图片将多出的空间合间全部占满,而阐明文字则是在图片的上方,这与上述的阐明文字放在旁边不同。请细心领会这两种不同的排版方式所带出来的不同视觉效果。至于要详细选择哪一种,则与你的详细图片特征有关。

这里触及到另一个很实践的成绩:一篇文章完了,下一篇从那里开端?有两种能够,一种是紧跟着上一篇的开头处开端,而另一种是依然选择从最上方另起一页重新开端。在我们这里所引见的这个排版中, 我们一定要保证一切的文章都是从最上方开端的 ,不要从页面的两头开端。由于每个版面上方的开阔空间曾经给人一种协调延续的觉得,假如另一篇文章从页里两头开端,将会打乱这种流利的节拍感。

第 2 篇报道依然要从上方开端

在一个版面上排版一篇长文章,绝大少数状况下,在开头的中央,总是离底部还有一些空间,不能够刚好填满。假如这个空间不大,我们可以不理睬它。但假如这个空间太大,我们也要防止让下一篇文章从这里开端。相反,我们可以经过调理其它的元素(如文字区域的全体高度等)重新散布区域,如使到每一页都留有一点小空间,这样可以使到最初的开头尽量接近底部(见下方表示图)。

这条悬挂线不但起着支配外面元素摆放的地位的作用,而且它还可以起到一种联络作用。如使到封面与内页坚持协调一致的觉得。

在最上图的封面中,虽然飞机的尾部机翼超出了悬挂线的地位,但由于它并不显眼,而且图片的次要元素都在悬挂线之下,所以超出的这一小局部并不会毁坏整个视觉。

在外面的展开页中,请留意文字的字体十分小,同时还有一团体造卫星在左边较远的中央,异样我们将它缩得比拟小,从而使整个页里发生了一种很激烈的太空深邃感,在层次上发生了奇妙的效果。

虽然从实际上讲,封面与下方的展开页不能够同时会并列呈现,但由于封面与紧跟着的展开页都遵照悬挂线的定位,我们依然可以在视觉上将它们联络起来。

背景用了黑色,起到两个作用: 1 、象悬挂线所起的作用一样,黑色的背景将封面与外面的展开页联成一体; 2 :黑色的背景给人一种太空感及厚重感,与我们所要触及的主题十分配合。

本文所用颜色数值如下:

最新案例