如何利用引言进行版面设计

译者的话:从正文中摘引某句话作为一个元素放置在版面中,是一种常用的设计技巧。很多人会认为引言只是起到一个补白的作用,但引言绝非天生只是配角。在设计中有意识地将引言作为一个设计要素,能够使版面产生有趣吸引的效果。在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面。

通过本文的引言设计技巧,我们可以轻易让你的故事更加吸引读者的眼光。

我们每个人都对引言不陌生,在杂志及报纸上,经常可以看到在排版上使用引言。引言一般是从正文里摘取的一个简短信息,通常在字体上安排得更加突出,而放置的位置则精心考量。在一个版面中,引言并不适宜大量使用,通常在一个展开页中可以出现一至两个引言。通过这些引言,可以起到信息的贯穿作用。

引言有很多功能。最基本的功能就是填补页面的某些空间,或者在一篇很长的文章中插入引言,打破版面的沉闷结构。但引言的功能远不止这些,在版面中巧妙使用引言,可以使版面显得更生动。这些引言能够引起那些匆匆浏览的读者的注意力。其实引言本身就构成丰富的信息,因为它本身就具有一种概括、点明主题、揭示文章意义等作用,这些引言本身就构成一个小故事。运用得当的引言本身就是一篇文章的精华所在。对于设计师来说,它也是一个非常有趣的设计元素。

这是《时代》杂志的一个版面,里面的引言就起到激活版面的作用。读者的眼睛首先接触到的是图片,然后是标题,然后去到引言,再去到副标题,最后才会阅读里面的正文。这些非正文的元素再加上底下的图片说明,就已经形成了一个故事梗概。这是一个精心安排的版面,在潜意识里引导着读者的视线,而将这些视觉连接起来的是那些粗壮的字体。

基本引言:

一般来说,引言的文字大小是正文的两至三倍,而引言的字体,可以采用标题的字体,也可以采用正文的字体。

(引言文字为:通过节食减轻体重只是权宜之计,99%的情况下,你都会恢复到原来的体重。)

协调一致:标题及引言必须配合好,每一个元素都传达不同的“声调”。其中有趣的是这种声调会因引言放置位置的不同及样式的不同而改变。大多数情况下,引言的文字采用的是标题或正文字体中的一种(但不能同时使用两种)。标题颜色来自于图片。

引言成为故事的中心:

一个引言及一张照片就可以干净利落地传达出故事的大意,而且两者不会互相干扰。放置中间的位置使引言更加突出,与图片产生更紧密联系。

时间: 2024-11-08 17:25:26

如何利用引言进行版面设计的相关文章

版面设计:如何利用引言来安排版面

译者的话:从正文中摘引某句话作为一个元素放置在版面中,是一种常用的设计技巧.很多人会认为引言只是起到一个补白的作用,但引言绝非天生只是配角.在设计中有意识地将引言作为一个设计要素,能够使版面产生有趣吸引的效果.在本文中我们将会以生动的例子来探讨在版面中如何利用引言来安排版面. 原文出处:www.bamagazine.com 通过本文的引言设计技巧,我们可以轻易让你的故事更加吸引读者的眼光. 我们每个人都对引言不陌生,在杂志及报纸上,经常可以看到在排版上使用引言.引言一般是从正文里摘取的一个简短信

利用简单的线条设计充满典雅风格的封面

[译者的话] 如何仅仅利用简单的线条设计一个充满典雅风格的封面?在版面上如何放置多张图片?在一张大图片上加上多个说明文字区域,出来的效果永远吸引人.如何将你公司枯燥的产品名称变得更加吸引?如何通过矩形区域元素来制作一个漂亮的网页?让我们一起继续杂谈! 原文出处:www.bamagazine.com 图片:线条构成文件 用线条(技术上说,是一条线)描绘的元素可以传达出非常漂亮或电子信息感的印象,它可以将复杂的图片简化,并将本来平淡的元素变得有趣.对于一些原来缺乏冲击力的图片,这样处理是一种非常不错

版面设计中的一图多用设计技巧

设计技巧:如何在设计中一图多用 [译者的话] 在版面设计中,你有很多地方都需要用到图片,但你手上只有一张图片,怎么办?在本文中,我们用两个实例来说明如何解决这个问题,我们只用一张图片,通过分解剪切,就可以将这张图片用在不同的地方,出来的效果非常漂亮.一张图片,其实已经足够! 原文出处:www.bamagazine.com 在本文中,我们要将你买回来的图片物尽其用:通过从原图中得到几个小图,完全可以配合你的版面设计. 这是我们要利用的原图 在版面设计中,就变成这样 你有注意到其实在大图中隐藏着一些

CorelDRAW版面设计教程

这篇教程介绍了CorelDRAW中的版面设计和与之相关的一系列工具.这些工具是任何这一类的作品,包括平面广告,新闻插图,标识设计,海报招贴,等所有这一类作品的基础.在你对排版和设计的感觉指导下,你可以使用辅助线,预设样式和重新组织文字.图像,以达到最适宜的结果. 在这篇教程中,你将为一间咖啡馆创建一张广告.你会创建一些设计元素和文字,也会学到怎样输入图片和文字.这是最终的效果图. 在这篇教程里,你将会学到: 创建背景: 使用辅助线和对齐选项: 创建框架: 输入图像: 使用强力剪切工具: 应用预设

Android利用HorizontalScrollView仿ViewPager设计简单相册_Android

最近学习了一个视频公开课,讲到了利用HorizontalScrollView仿ViewPager设计的一个简单相册,其实主要用了ViewPager缓存的思想.此篇文章参考:Android自定义HorizontalScrollView打造超强Gallery效果(这篇文章与公开课的讲的大致一样)  这里简单说一下ViewPager的缓存机制        1.进入ViewPager时,加载当前页和后一页:        2.当滑动ViewPager至下一页时,加载后一页,此时第一页是不会销毁的,同时

Illustrator利用透视网格工具设计制作饭店效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用透视网格工具设计制作饭店效果的教程. 教程分享: 1. 创建透视网格 (1)运行Illustrator CS5,打开文档"背景素材.ai"文件.   (2)首先将"文字装饰"图层隐藏,单击"透视网格"工具,显示透视网格,熟悉网格各部分的名称.   透视网格:A.平面切换构件 B.左侧消失点 C.垂直网格长度 D.右侧消失点 E.水平线 F.水平高度 G.地平线 H.水平线 I.网格

网页版面设计

不知你以前是否学过页面排版,对页面文字.图象.色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识. 首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃. 第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题.假设你把它叫做"娱乐前线",那么就考虑是否有合适的图片来衬托主题,如果有现成的图片就ok了,没有的话,就根据情况来决定是否自己做一幅(可以选一幅较漂亮的明

Android利用HorizontalScrollView仿ViewPager设计简单相册

最近学习了一个视频公开课,讲到了利用HorizontalScrollView仿ViewPager设计的一个简单相册,其实主要用了ViewPager缓存的思想.此篇文章参考:Android自定义HorizontalScrollView打造超强Gallery效果(这篇文章与公开课的讲的大致一样) 这里简单说一下ViewPager的缓存机制 1.进入ViewPager时,加载当前页和后一页: 2.当滑动ViewPager至下一页时,加载后一页,此时第一页是不会销毁的,同时加载当前页的下一页. 其实就是

网站建设中页面的版面设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 不知你以前是否学过页面排版,对页面文字.图象.色彩的表达方式做过研究,不管怎样,制作网页就应该了解一些版面设计的知识. 首先我们在制作一个网页之前,应该先进行构思版式,版面设计基础较差的朋友最好将网页的版式画在纸上,免得在做了一半时发现页面不好看而放弃. 第一步先明确页面主题,比如你正在做一个关于介绍娱乐的首页,就应先想好网页的标题.假设你把