版面设计：巧妙的运用版面的连贯性进行排版

版面:巧妙的运用版面的连贯性进行排版 《名车》杂志通过巧妙的排版将10架车连续贯穿在18页的杂志中。 杂志其中一个最大的特点是其具有顺序的特点,呈现一种线性的连贯:首先是这个,然后去到下一个,再去到下一个。这种特点符合我们的阅读天性,也使我们能够更好地明白相关的信息。但如果你要让所有的东西能够一次性展示,你如何做到?比如,我们有10辆汽车要展示。一般情况下,我们看到的,都是支离破碎的信息,每一页展示其中一个,这样连续性的视觉效果就会被破坏。在2008年1月出版的《名车杂志》“全明星”(All Stars)专题中,它们采用了一种聪明的办法来进行排版。在排版中,每一个展开页都展现一辆汽车,但同时又能远距离观察到前一辆车。这种效果就象我们走进一个汽车的陈列室,我们一边走,一边打量起某一辆车,但我们仍然可以看到旁边的车。让我们翻开杂志瞧瞧: 保持连贯:每一辆要介绍的靓车都放置在展开页充分展示,但旁边局部呈现的另一辆车去引诱你继续看下去。而且每一个版面的排版风格都是重复的,强化了视觉上的一致性。 模仿现场体验: 汽车在版面中的安排就像你一个人走进了汽车陈列室一样——从不同的角度,不同的距离并且不同的高度来观察你周围的情景。这种流动式排版的优点是使版面呈现一种动态感及近距离观察感(因为有其它汽车作为参照物)。 不断引导:为了模仿真实的现场感,没有一个展开页中的汽车是完全相似摆放的,出来的效果就是引导你不断继续看下去。我们截取几个展开页放在一起你就能够完全看得明白。上述的汽车既是这一页的主角,但同时又是下一页的配角。非常有趣的排版,完全值得将它记在笔记本上慢慢学习。 低调的文字: 文字块非常紧凑,只集中在一个小区域里,两个作用:一,腾出足够大的空间给汽车摆放,二,确保汽车能够引起观众的注意。人家走进来就是要来看车的,不要喧宾夺主!同时,每一个文字块都具有不同的“声调”。 文字构成的标题:当字体足够大时,我们更多会注意到的是它的字母结构,这种结构其实呈现了一种艺术特征。在这里,我们用两英寸的大字字母构成一种艺术感极强的视觉氛围。弧线与衬线的配合呈现出一种图案效果。间距非常紧密的说明文字和红色数字8与A和S交织设计构成了这个专题的起跑线。 上图中,上面的两个圆圈所指的文字区域产生四种声调:衬线字体以非常窄的列排版,由于距离较窄,中间加了一条垂直线分开;文字没有采用连字符,放不进的词组会另起一行,这一点同样有点特别,由于文字栏离右边距比较近,采用零连字符的效果使到边缘参差不齐,个别行甚至离右边距很远,减少了这里的压抑感。在这里,列中的小标题与前面大标题中的说明文字字体一样,形成了主题的连贯感。作者名字放在最后作为一段介绍的结束。灰色的矩形块与上方两栏的宽度一样,强化了文字栏的整体感。文字栏左上方(见上图下方的示意 图)背景则采用了白色。 下方的这个白色背景区域里的文字则形成两种声调:当字体、字体大小及样式改变时,字体就会产生不同的声音。在这里,上方汽车的型号采用衬线体,而下方短标题则采用非衬线体。均为右对齐。 重复的元素强化了连贯性: 文字块在每一页都重复应用,使到杂志中的文字信息不断延续下去。那个艺术化的“08 ALL STARS”标题是这个专题中一个重要的标识: “08 ALL STARS”在每一个展开页中都放置在左上角,它是主要的“视觉识别标志”,读者可以马上知道这是同一篇文章的内容。万一因为排版的原因,如果文章被打断,有部分内容要放在杂志的后面,这个识别标志更应该如影跟随。 每一文字栏的宽度都大致相同,如果两栏放不下,就三栏,但不要改变每一列文字栏的宽度来迁就文字的数量。上面所谈到的这些字体间距、颜色、栏宽及灰色背景块都会在每一页里重复出现,正是这些重复的元素在不断强化版面的连贯性。 当然,聪明的你已经在想:不仅仅杂志才可以采用这种排版方式! 版面设计:学好版面设计的小窍门 版面设计:学好版面设计的小窍门 1、版面设计中要有理由对齐 2、版面设计中要做些精致的小零件 3、版面设计中的色块运用,往往选取图形中的颜色 4、版面设计中的统一、均衡、韵律 5、版面设计中的视觉导向、视觉中心根据版面中的图形确定 6、版面设计中要有隐形矩形框、隐形对齐线条 7、版面设计中敢于留白,整个版面中要通风,利于让人行走。 8、注意人们看图习惯于从上至下,从走至右。 9、版面中的字体最好少于三种,大小起码要三种,背景颜色最好少于三种。 10、当图片多了就把他们格起来。 11、有的时候可以违反以上所有规矩,要夸张、要疯、字要大的出奇,版面乱成稻草堆,这样也是一种好的版面设计。 12、扎堆是个不错的主意。 13、不要被一眼看穿。耐看。 文字版面设计8个禁忌 【译者的话】寡妇、孤儿、捧打鸳鸯,这些场面足以让你有想哭的冲动,但当你在排版设计时,同样会碰到这些问题,甚至可能更槽。虽说今天的页面排版软件可以自动处理很多东西,但这并不意味着你就可以将版面搞得漂亮。在本文中,我们来探讨一下在文字排版中,最容易出现的一些问题,有些问题你在设计时可能并不留意,使到印刷出来后让你遗憾无穷。原文作者为Charles Purdy 。 当你在设计杂志、宣传册子或平面广告时放了一大块文字后,有时总会让你感到那个地方有点不对劲,但你却感觉不到问题出在哪里(许多设计师及编辑认为这是一个设计师所必须付出的代价)。我们在设计中要切记的是,文字不只是草草出场,它还应该是漂亮的并且能够容易阅读的。漂亮的文字排版有两个重要作用:第一,能够提升你整个设计版面的美感。第二,可以避免象我这样吹毛求疵的编辑将版面退回去重新修改。 根据我的经验,有8 种主要的情况可以使编辑对你的排版设计感到不满意。听起来蛮多的,但你也不要太过担心。大部分问题你都可以轻易解决,如通过调节文字大小、间距、调整首行、强迫换行或者调整其它文字设置解决。在本文中,虽然我是用QuarkXPress 软件演示,但其它的排版软件如Adobe InDesign 、Pagemaker 也可以得到相似的结果。 一、文字跳动 如果你排版的文字不能够吸引读者,或者让他觉得看你的东西很累,他是没有义务必须强打精神看下去的。你可以尝试检测一下你的眼睛在看到大标题后是否跳动太大了。一般说来,你的眼睛会首先看到大标题,然后就自然会去到左边开始阅读。 图1 这个设计需要重新调整——我在看完标题后,就自然地去到右边的一栏上方想开始阅读,但这里并不是这篇文章开始的地方。 二、错误断开 在编辑的词汇里,“错误断开”是指两行文字间,一个单词不恰当地被断开了。虽然在英文 里,有时一个单词总有断开转到另一行的时候,但做决定的人是你自己。你必须紧记一点的时,你不能在一个单词里随便一个地方就断开。你可以查一下字典:只有在有点的地方才是可以断开的地方。如:mas?quer?ade 这个单词,里面两个黑点的地方才是允许你断开的地方。除了这一点,还有一些事情需要注意: 很多出版社都认为如果将一个人名断开是一种不礼貌的做法,应该尽量避免。 如果是放在网页里,必须留意到,如果你在某个地方用了一个破折号将一行的最后一个单词断开,但如果其它显示器的分辨率不同或显示字体不同时,这个破折号可能会移位,这会使读者造成阅读时造成混乱,所以在设计网页时,我们一般不断开。 图2 上图中设计师查了字典后选择了正确的位置断开,并用了临时破折号。这是一种正确的做法 三、引号一致: 当你复制或粘贴你的文字时(比如是你的电子邮件中的文字),必须要使引号及省略号一致,特别是在显示器设计观看时,一定要确保你将引号变成真正的引号及省略号,因为有一些字体——如一些图形或象征字体,只有在电脑中有这种字体支持时,才会显示引号,但如果观看的人电脑中没有这种字体,那这些引号或省略号会不忍卒看,甚至还会铸成大错。所以每当我看到引号突然变成一个华丽的字体时,我总是有种想哭的冲动。 四、寡妇与孤儿 听起来有点冷酷无情,但我还是坚持设计师一定要将寡妇及孤儿消灭——如果它们自己做不到的话,我就自己出手。在排版中,“寡妇”指的是一页的最上方留出了一个收尾的句子。而“孤儿”指的是最后一行文字里只有一个单词。这两种情况都是设计的大敌,绝对要避免。 图3 上图中,左边就是我们所说的“孤儿”,而右边,则是“寡妇”。 五、象抹布的文字 当文字看起来象块肮脏的抹布参差不齐时,文字尾端部分看起来呈锯齿形,感觉非常难受(当然有些人会说它活泼生动,我承认这可能是一个比较主观的问题)。然而,没有人喜欢我所说的那种抹布式的文字区域,就是在上下两行文字中间那一行突出一点出来。要解决这个问题我们可以用强行换行,这种强行换行可使整篇文字看起来谐调。 图4 上图红框中就是我所说的抹式式的文字,我们可以用强行换行来解决这种情况 六、文字中太多留白 当文字放在窄窄的一栏中时,你经常会碰到字与字间隔太大的情况,这种情况会使本来因为一致而产生的美感荡而无存。最快解决的办法是将字与字之间的间隔固定(在XPress 软件里,可按option-spacebar )。并不是所有的文字都有这种结果——但在很多情况下,文字间隔不要太大会更好看一些。 图5 文字里有太多的留白 图6 调整后的效果 七、避免形成河流 这里的“河流”是指在文字中段落间的间隙,从左到右横穿整个文字版面。因为如果整个版面存在这样的河流后,阅读的人习惯于将这些空间看作是不同的部分,这会使到整个版面在结构上显得混乱和支离破碎,也不好看。 图7 必须避免在整个版面里形成河流(红框中),看起来好象有一条白色的粗线条穿过页面一样。 八、孤单的文字行 我通常会建议“双行法”——就是你至少要放两条完整的文字句子在文字断开的上方,这可以帮助你避免文字中出现“楼梯”现象(就是空白的区域形成楼梯形)及无意形成的空白方格形,也可以避免其它的导致文字不好看的排版方式。有些首行缩进亦要保持统一,有时很多设计师都没有留意到这种不统一的情况。 图8 上图就是一些不符合双线法的设计,有时你不留意时就会产生:最上方红框处就形成了楼梯形,而图片下方就形成了一个空白的方框形。而下面两个红框就是首行缩进不统一。 结束语:细节决定成败 并不是版面上所有的设计问题你都能够及时发现。通常,设计师及编辑两者必须配合默契,采用那种方式调整必须两者有所沟通,如果有些问题很难用通常的方法解决或者解决起来需要花费太多时间,设计师可以要求编辑是否能对个别文字有所增减。 但并不是每个编辑都对设计有所了解,有时他并不懂得你碰到的问题,那你自己必须要严格把关,仔细看一下是否存在上述的一些版面问题,以免让你在出版后捶胸顿足。