如何设计版面.doc

如何利用引言设计版面？ 复制链接 电梯直达 1# 发表于 2008-6-2 17:49:17 | 只看该作者 |倒序浏览 |阅读模式 -本文由设计师陈汉聪编译，转载请注明出处【译者的话】从正文中摘引某句话作为一个元素放置在版面中，是一种常用的设计技巧。很多人会认为引言只是起到一个补白的作用，但引言绝非天生只是配角。在设计中有意识地将引言作为一个设计要素，能够使版面产生有趣吸引的效果。在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面。通过本文的引言设计技巧，我们可以轻易让你的故事更加吸引读者的眼光。我们每个人都对引言不陌生，在杂志及报纸上，经常可以看到在排版上使用引言。引言一般是从正文里摘取的一个简短信息，通常在字体上安排得更加突出，而放置的位置则精心考量。在一个版面中，引言并不适宜大量使用，通常在一个展开页中可以出现一至两个引言。通过这些引言，可以起到信息的贯穿作用。引言有很多功能。最基本的功能就是填补页面的某些空间，或者在一篇很长的文章中插入引言，打破版面的沉闷结构。但引言的功能远不止这些，在版面中巧妙使用引言，可以使版面显得更生动。这些引言能够引起那些匆匆浏览的读者的注意力。其实引言本身就构成丰富的信息，因为它本身就具有一种概括、点明主题、揭示文章意义等作用，这些引言本身就构成一个小故事。运用得当的引言本身就是一篇文章的精华所在。对于设计师来说，它也是一个非常有趣的设计元素。封面设计的5个重要原则：1封面主标题是最重要的元素；2封面主标题应该传达一些利益，它是读者为什么正好买这本杂志的理由；3封面主标题应该直接，购买者不会花时间去分辨双关语及它真正要表达的意思；4封面主标题比封面图片更重要；5封面图片或图表应该与封面主题一致。例如在德国种类繁多的报刊杂志中，明镜周刊是最夺目的风景，德国广大民众尤其是上层官员和知识分子，对这份周刊情有独钟，他们甚至将每周星期一明镜周刊的发行日，叫做“明镜之日”。明镜周刊在半个多世纪的成功，不仅与它始终笃行办刊原则、善言敢言密不可分，而且与它个性鲜明、风格统一的封面VIS(vision identify system)视觉识别系统息息相关。VIS是指将商品的一切可视事物进行统一的视觉识别表现和标准化、专有化，通过VI将商品形象传达给社会公众。VI主要构成要素是标志、标准字、标准色、象征图案、企业造型等视觉符号。VI的根本目的就是通过这些要素的设计，形成一个最直接的视觉形象，结合这些基本设计在应用系统中的广泛应用，统一而充分地表达商品设计理念和内在特质，以求得社会公众的认同。总结起来有如下几个特点：色彩泼辣大胆，读者过目难忘图片形象具体，意蕴丰富简繁交替使用，封面设计具节奏感密切关注热点，观点振聋发聩国内杂志在封面制作上往往存在如下问题一、创新不足，雷同现象严重走进琳琅满目的期刊市场，如果不仔细辨别刊名，一些刊物很难通过封面一眼辨别是何种期刊。二、制作粗糙，水准较低一些期刊封面设计者缺乏专业水平，对封面设计认识肤浅，设计平庸，制作比较粗糙，随意性较大，水准不高，印刷质量也很低。三、因循守旧，审美观念老化一些期刊的美编不注重艺术理论的学习、知识的更新和艺术技巧的提高，不进行市场调查，不关注读者反映，躲在画室里闭门造车，为设计而设计，主观性较大，对读者审美的认识多年停滞在一个层面，至今设计的封面仍停留在上世纪90年代以前的水平，和市场脱节，和读者脱节。四、没有考虑期刊的连续性，风格不固定一些期刊的封面上一期和下一期在用图、风格上都有很大变化，波动不断，让人难以分辨该刊物的真面目。五、缺乏品牌意识封面设计是期刊品牌形象的制高点，它直接影响受众对品牌的认知度、好感度和美誉度。但一些期刊封面设计缺乏品牌意识，在构思布局、选取图片时不注意为(视觉识别)服务，影响了期刊形象的提升，不利于品牌建设。推荐： 美编之家网站和 4A酒吧常去看看，必然有所收获。提问者评价谢谢！1211435901107.jpg (50.72 KB, 下载次数: 231)下载附件 保存到相册 2008-6-2 17:49 上传这是时代杂志的一个版面，里面的引言就起到激活版面的作用。读者的眼睛首先接触到的是图片，然后是标题，然后去到引言，再去到副标题，最后才会阅读里面的正文。这些非正文的元素再加上底下的图片说明，就已经形成了一个故事梗概。这是一个精心安排的版面，在潜意识里引导着读者的视线，而将这些视觉连接起来的是那些粗壮的字体。基本引言：一般来说，引言的文字大小是正文的两至三倍，而引言的字体，可以采用标题的字体，也可以采用正文的字体。 1211435923738.jpg (28.95 KB, 下载次数: 199)下载附件 保存到相册 2008-6-2 17:49 上传引言文字为：通过节食减轻体重只是权宜之计，99%的情况下，你都会恢复到原来的体重。）1211435949691.jpg (44.61 KB, 下载次数: 178)下载附件 保存到相册 2008-6-2 17:49 上传协调一致：标题及引言必须配合好，每一个元素都传达不同的“声调”。其中有趣的是这种声调会因引言放置位置的不同及样式的不同而改变。大多数情况下，引言的文字采用的是标题或正文字体中的一种（但不能同时使用两种）。标题颜色来自于图片。 引言成为故事的中心：一个引言及一张照片就可以干净利落地传达出故事的大意，而且两者不会互相干扰。放置中间的位置使引言更加突出，与图片产生更紧密联系。 1211436088046.jpg (38.55 KB, 下载次数: 196)下载附件 保存到相册 2008-6-2 17:49 上传引言文字为：史密斯太太是所有幸存者中损失最惨重的一个，她的整个家庭包括她的丈夫、孩子及父母都在大火中丧身。她的好友已经帮助她度过最艰难的时候，但一年之后，她的双手仍每天在颤抖。她说：“他们是我的整个生命，我不知道该怎么办。”） 1211436110974.jpg (16.49 KB, 下载次数: 169)下载附件 保存到相册 2008-6-2 17:49 上传两个技巧：这张图片拍摄得非常不错，光线照在她的脸上，而其余部分则与黑色背景结合，非常准确地传达出孤独、悲伤及失落的情感。图片的两种颜色间断地用在引言文字的每一行中，这个引言文字没有传达出声调的不同，但却增加了情感上的共鸣。上图中，引言放置在一大片灰色文字的中间，引言同样显得很“孤单”。引言的放置模仿了这张呈对称构图的全出血位图片。而且象一个靶心，读者的眼光无法忽略这一段文字。引言成为一个主题元素：很多杂志期刊都有相对固定的版式，而引言则可以成为一个很灵活的因素来活跃版面。在下图中，粗糙的字体与严谨的排版形成了视觉上的对比。引言成为设计中一个重要的元素，使版面建立了贯穿整篇文章的视觉感。 1211436140523.jpg (47.42 KB, 下载次数: 172)下载附件 保存到相册 2008-6-2 17:49 上传（引言的文字为：我在歌曲中精心挑选了很多词汇，因为它们对我来说有着特别的意义。我倾注了很多情感在里面，特别是它们出来的效果不错的时候。）引言中的引言： 1211436165198.jpg (17.42 KB, 下载次数: 131)下载附件 保存到相册 2008-6-2 17:49 上传又高又窄的引言文字挤进了狭窄的空间，这使到引言变成一个长的引言。紧密的行距传达出一种紧张情绪。而其中的红色文字是一种有趣的设计手法，它形成了第二个引言，而读者也会首先阅读这一行红色文字。引言总是与其它元素发挥作用： 1211436191093.jpg (46.74 KB, 下载次数: 173)下载附件 保存到相册 2008-6-2 17:49 上传引言成为图片的一部分：加上一个标题、字母下沉、文章来源及图片，引言就构成一个微型故事。使到本来一段很普通的文字立即光彩照人。 1211436221870.jpg (34.85 KB, 下载次数: 169)下载附件 保存到相册 2008-6-2 17:49 上传（引言文字为：贝茜的烦恼 奶牛并不会增加大气层中二氧化碳的总量。它们也不需要在地上到处跑而消耗原油。但它们在反刍！而据说在它们咀嚼反刍食物及打嗝的时候就会产生甲烷，而当它们在农场上排便时，还会产生一氧化二氮及氨气。所以你是否在农场上闻过这些刺鼻的味道？这并不利于全球环境。） 自成一格的故事：毫无疑问，这是一个引言，因为这段话是从正文里摘引出来的，但给它加上标题、首字母下沉的版式、出处及图片，就变成一个不折不扣的小故事，这种处理手法增强了所引用资料的权威性及可信性。当引言运用得当时，它就可以发挥概括、加强诉求及增加版面吸引力的作用。如果这种设计手法形成一个系列，则读者在阅读整篇文章时都会赏心悦目。下沉字母颜色来自于图片谷仓的颜色。文字的背景采用不透明度的白色，尽量减少背景干扰。加进特写的牛鼻显得很有趣，虽然它的尺寸不是很大，而且还在一个角落里。奶牛与田园式的背景也非常契合。但也有很多不同点：奶牛显得生气勃勃，与图片中建筑物呈现人造及静态，奶牛离我们很近，而建筑物而呈远观。这些对比都使版面显得更加生动及有趣。当引言成为“真正的引言”“真正的引言”就是直接引用某个人的说话内容。将引言放在某个说话的人上面，而且他还面向这些引言，这其实就与读者产生了一种对话的感觉。引用的话越激烈，其产生的互动也更激烈。1211436263733.jpg (44.71 KB, 下载次数: 200)下载附件 保存到相册 2008-6-2 17:49 上传（左边引言文字为：“我对这些新生有什么建议？合理安排你的时间，而且要更有责任感。你的高中生活已经结束了，已经来到一个新台阶上。”UCB 大四学生；右边引言文字为：“当高中毕业时父母给了我一些压力。同时，他们还离我有900英里远，不过现在我还是觉得挺有趣的。”UCB 大三学生）1211436288233.jpg (7.85 KB, 下载次数: 147)下载附件 保存到相册 2008-6-2 17:49 上传引言可以放在图片上，图片也可以放在引言里。留意这两个引言的同一性，文字区域大小一样，均处于同一水平线，均与外面形成出血位。1211436318941.jpg (22.21 KB, 下载次数: 140)下载附件 保存到相册 2008-6-2 17:49 上传引言成为设计元素：因为引言可以轻易地移动或形成各种形状，或宽或高，或大或小，这使到引言完全可以成为设计中的一个元素，可以根据实际情况，起到填充页面、平衡空间及增加版面动感的作用。1211436344193.jpg (32.09 KB, 下载次数: 214)下载附件 保存到相册 2008-6-2 17:49 上传1211436366038.jpg (20.63 KB, 下载次数: 153)下载附件 保存到相册 2008-6-2 17:49 上传1211436384712.jpg (11.79 KB, 下载次数: 148)下载附件 保存到相册 2008-6-2 17:49 上传引言辅助叙述： 引言可以与正文结合，来进行一些辅助讲述。在这个例子中，正文是主要的新闻报道，而引言则象是一句口号式的文字加强正文的讲述。1211436433572.jpg (44.5 KB, 下载次数: 183)下载附件 保存到相册 2008-6-2 17:49 上传引言文字为：我们不能改变昨天所受到的伤害，但我们可以让明天发生巨大改变）1211436462094.jpg (26.82 KB, 下载次数: 143)下载附件 保存到相册 2008-6-2 17:49 上传现代风格版式：泥泞的山路及杂乱的森林树木都给人一种野外乡村的感觉，不过在这个版面中，整个设计给人的感觉却相当的干净整洁。图片及两个白色的水平空间使到观看的眼睛一览无遗地从左到右，没有任何的障碍物。为了呼应这种版面结合，引言也设计得倾向于水平状，并且采用标题字体，引言与下方的标题及副标题均对齐。正是这些设计使版面显得干净整齐。1211436493085.jpg (42.33 KB, 下载次数: 158)下载附件 保存到相册 2008-6-2 17:49 上传在第二页的设计中，引言都采用同一结构：均采用标题字体，两种色调等，使到第二页的引言紧密联系在一起1211436538196.jpg (63.57 KB, 下载次数: 187)下载附件 保存到相册 2008-6-2 17:49 上传利用引言揭示意义： 关于车祸的新闻报道似乎并没有什么新意，但我们将引言采用一种“恐怖”的字体黑色、粗糙及喷溅的鲜血引言的设计传达出仅靠文字不能传达出的冲击力。 1211436564321.jpg (35.25 KB, 下载次数: 205)下载附件 保存到相册 2008-6-2 17:49 上传（引言的文字为：“车祸是造成年青人死亡的第一原因，据统计，在美国死亡的年青人中大约有44%是因为车祸丧身的。”） 1211436589651.jpg (9.4 KB, 下载次数: 139)下载附件 保存到相册 2008-6-2 17:49 上传杂乱的字体，紧张的颜色及倾斜的摆放，都传达出一种令人不安、不稳定的氛围。在引言中，“车祸（Traffic crashes）”采用白色，起到一种标题的作用。黑白橙红都是一种很“刺激”的颜色，整个版面充满一种能量和动态。留意警察的车祸现场画面及司机的视线强化了引言的视觉张力。喷溅的鲜血由上至下引导读者的视线。引言作为一种视觉工具： 很多办公用品，如莹光笔的加亮效果、油性笔效果、即时贴