课件-《版式设计》

课件-《版式设计》第一页，共300页。版式设计国家级职业教育规划教材第二页，共300页。目录第一章版式设计概述第二章版式设计基础第三章版式设计中文字与图片应用第四章版式设计的结构与视觉流程第五章版式设计应用目录第三页，共300页。第四页，共300页。第一章版式设计概述第一节版式设计的含义第二节版式设计的发展第三节现代版式设计的特点第一章第五页，共300页。学习目标了解版式设计的定义、功能及范畴。了解版式设计的发展历程。掌握现代版式设计的特点。第一章第六页，共300页。第一节版式设计的含义一、版式设计的定义版式设计是指在有限的版面中，将各种视觉元素，如图片、图形、文字和色彩等，按照一定规律，运用排版技巧进行巧妙的排列组合，使版面趋于美观、易读。版式设计过程是抽象的艺术构思与具体的编排规律的统一。第一章第七页，共300页。常见的版式设计范围有报纸、宣传单、刊物、画册、挂历、招贴广告、包装盒（袋）、PPT演示模板和网页页面等。第一章第八页，共300页。第一章二、版式设计的功能版式设计最主要的功能是通过版面元素的编排达到传达信息的目的。通过良好的版式设计，能够有效地将版面中的文字、图片等内容更好地表现出来，从而提高人们的阅读效率，增强视觉冲击力，既体现出主题，又独具特色。第九页，共300页。

第一章三、版式设计的范畴1．印刷及喷涂版面

（1）平面纸材印刷

版式设计的元素几乎涵盖了所有纸质印刷品，如日常生活中最为常见的书籍、报纸、招贴广告、宣传折页等。第十页，共300页。第一章（1）平面纸材印刷宣传折页版面第十一页，共300页。

第一章（2）平面特殊材料印刷及喷涂

这里所指的特殊材料包括普通纸材以外的其他所有可印刷的平面材料，常见的有木材、塑料板材、各种布料，甚至包括墙体等一些不能弯曲、有一定硬度和厚度的材料。在这些材料上一般采用丝网印的方式进行印刷。一些特殊材料印刷的宣传品、文化衫等。另外，经常能看到直接绘制或喷涂的表现形式。第十二页，共300页。

第一章

包装的版式设计（3）立体印刷立体印刷主要指包装的版式设计，一般情况下包装的制作过程是通过平面印刷、剪切、折叠等工序完成的。经过不断发展，近年来出现了一些新的立体印刷版式设计，如杂志内页立体版式设计。第十三页，共300页。

第一章

广告内页立体版式设计第十四页，共300页。

第一章

三、版式设计的范畴2．数字媒体

数字媒体在现代设计工作中占有越来越大的比例，包括屏幕、幕布、计算机桌面等，多以图片、文字表现内容。版式设计决定着数字媒体的画面效果，只是在此基础上增加了快速画面转换产生的动画和音频输出。所以，要完成一件好的数字媒体作品，要求设计制作者必须有扎实的版式设计功底。常见的数字媒体设计有PPT模板设计、网页版式设计和影视画面的编排设计等。第十五页，共300页。

第一章

“大秦帝国”网站界面版式设计商业广告条版式设计被大量霓虹灯广告牌、媒体演示屏等数字媒体版面依附的建筑组成的商业环境第十六页，共300页。第二节版式设计的发展一、我国古代版式设计我国古代书籍在版式设计上有着伟大的创造。其形态之丰富，功能考虑之周全，与同时期其他古代文明相比堪称世界一流。第一章第十七页，共300页。

第一章

旋风装1．常见装帧方法

我国古代书籍常见的装帧形式有旋风装、经折装、蝴蝶装、包背装等。经折装蝴蝶装包背装第十八页，共300页。

第一章

版心小，天头、地脚大的版面2．古代版式设计特点

线装书的形式大多具有版心小，天头、地脚大的特点，尤其是天头之大更是如此，当这种批注形式出现后，版面形态便发生了变化，成为我国古典书籍版式设计的一大特色。第十九页，共300页。

第一章

有插画的版面2．古代版式设计特点

我国古典书籍版式设计的另一个特点就是有较多的插图，尤其是明清之后的小说更是如此。

插图与内容在审美意识上有着缜密的统一性、协调性，其清淡、雅致、秀美的风格自始至终贯穿如一，形成了中华民族文化的总体特征与总体美学精神。第二十页，共300页。第二节版式设计的发展二、西方早期版式设计1.西方古代的版式设计

西方历史上最早有记载的版式设计出现在公元前3000年的古巴比伦。美索不达米亚地区的苏美尔人最早创造了原始版面的排版形式。最初，苏美尔人将湿泥做成块状泥版，然后用木片在泥版上刻画形成具有凹槽的文字，这就是所谓的契形文字。契形文字按照一定的规律进行排列，形成了西方最早的编排形式。第一章契形文字版式第二十一页，共300页。1.西方古代的版式设计

在古埃及，以象形文字为基础的“神的文字”被广泛使用，反映在雕塑、石刻中的这一现象十分常见，尤其运用在纸草书上的象形文字更为普遍。纸草书上常用精美的插图与文字相配合，使得版式甚为丰富，有人称这一现象是现代平面设计发展的最早依据，其特点在于利用版面已有的区域进行综合布局，象形文字与插图配合，使图文呼应有序，精美绝伦。第一章古埃及版式第二十二页，共300页。1.西方古代的版式设计

在古罗马时代，罗马人将希腊文字经过改良后变成接近于现代使用的拉丁文字。由于罗马字体的成熟，罗马人的书写方式已完全变成了自左向右的横式排列。在此期间罗马人多使用羊皮纸书写，由于羊皮纸价格十分昂贵，所以古罗马版式设计的空间相对狭小，字行密度大，字体小，多为对称式，甚为庄严。第一章古罗马版式第二十三页，共300页。2.中世纪的版式设计

中世纪的宗教统治虽然扼杀了人类的许多创造性，但是在漫长的中世纪历程中，版面编排也在慢慢发展，尤其到了中世纪后期，版面变化开始加快，出现了比较复杂的版设计。第一章古罗马版式第二十四页，共300页。3.文艺复兴时期的版式设计

在文艺复兴时期，版式设计大量采用罗马字体，为了尽量不受旧编排模式的影响，而采用了横纵方向的几何模式，布局工整，许多方面已接近现代排版方式，并易于阅读，装饰上虽然有洛可可花哨的特点，但并不足以影响简洁的版面功能。第一章文艺复兴时期版式第二十五页，共300页。4.工业革命时期的版式设计一大批具有改革精神的艺术家在原有的维多利亚精致、浪漫、复杂的设计风格上发展了在平面中讲究编排、强调版面装饰性的工艺美术运动设计风格，版面用各种几何图形插入并分割，其中文字和曲线花纹结合在一起，形成优美而富有浪漫情调的图文装饰，对称的结构形成了严谨、朴素、庄严的风格。其优点是设计方法和设计方案很精美，缺点是过于烦琐。第一章第二十六页，共300页。第一章莫里斯设计的版面第二十七页，共300页。第二节版式设计的发展三、现代版式设计1.构成主义

20世纪20年代在德国、俄国和荷兰等国家兴起的现代主义设计浪潮提出了新字体设计的口号，其主张字体是由功能需求来决定其形式的，字体设计的目的是传播，而传播必须以最简洁、最精练、最有渗透力的形式进行。第一章第二十八页，共300页。第一章构成主义的版式设计第二十九页，共300页。2.风格主义风格主义就是追求艺术的抽象与简化，反对一切表现成分。风格主义版式设计的最大特点在于将单体几何结构通过一定的形式规则地进行结构组合，而其结构的独立性依旧保持完整，运用横纵直线寻求版面的平衡性，通过数理计算使版面趋于逻辑性、秩序性。第一章风格主义的版式设计第三十页，共300页。3.包豪斯设计包豪斯设计学院的设计师强调编辑、排版理性化，强调社会需要和技术的发展，他们将数学和几何学应用于平面分割，运用了几何图形和文字设计的招贴让人感受到一种全新的视觉设计表现语言；对抽象图形，特别是硬边几何图形在平面设计中的应用进行了全面的研究和探讨。包豪斯设计风格脱离了绝对对称的排版方式，采取相对对称，强调强烈的对比，运用块面粗线条，注重个性化，风格多变；同时也强调功能性，进一步强调内容和形式的有效组合。第一章第三十一页，共300页。第一章“德国包豪斯学院设计作品展”招贴广告西奥·凡·杜斯伯格设计的《风格》杂志封面第三十二页，共300页。第三节现代版式设计的特点一、个性化更加个性化的版式设计通常打破常规，趋于自由发挥设计，其效果具有偶然性。个性化的设计是版式设计的目标之一，是突出版面风格品位、吸引读者的主要手段。打破前人的设计传统，在排版设计中多一点个性而少一些共性，多一点独创性而少一点一般性，突出个性、品位和理念，才能赢得消费者的青睐。第一章非常规的个性化版式招贴效果，其独特的画面构成给读者留下印象第三十三页，共300页。招贴画的画面不拘一格，似乎有点过于随意，但仔细分析会发现其构图合理，生动的手文字和涂鸦画法能够传达给读者轻松、生活化的感受。第一章个性化版式设计第三十四页，共300页。第三节现代版式设计的特点二、商业化随着市场经济的发展，有很多商家认识到版式设计在产品宣传、销售中的重要作用，愿意为设计埋单，设计服务商家市场需要便成了硬道理。产品广告的画面以促销为目的，要求在众多同类广告中脱颖而出，吸引浏览者眼球并快速传递产品优质特性和促进销售的其他积极的信息。第一章第三十五页，共300页。商业化版式设计的商业宣传目的突出，画面整体感、现代工业感十足的招贴让读者一目了然。第一章商业化版式设计第三十六页，共300页。第三节现代版式设计的特点三、简约化简约化是现代版式设计的国际趋势之一。简约的版式设计采用模块排版、横题到底的版式，一块块有规则的文章区域，统一的标题字体，栏间距变宽等，以符合国际潮流及网络时代人们的阅读习惯，体现了现代人简洁为美的审美情趣，更重要的是它符合现代生活的快节奏，使读者能方便地找到并接收自己需要的信息。第一章第三十七页，共300页。以适量的图片、图表还原信息用图片讲故事，以图表解说信息，让读者轻松、形象地获得信息；版面以厚题薄文、长题短文、适留白、色彩清淡等现代设计方式方便读者检索，给读者提供明快、清新的视觉空间，读者在轻松的环境下完成阅读。第一章简约化版式设计第三十八页，共300页。第三节现代版式设计的特点四、时尚化时尚化原则的运用特别体现在各都市类报纸的副刊上，如时尚生活类、服饰美容类、饮食健康类、旅游娱乐类等较为轻松休闲的专刊。这类专刊在版式设计上大多采用简短的文章块，大量精美、生动的图片，适度的留白，简洁的版式结构。时尚类杂志的排版风格让读者在图文并茂、清新悦目、轻松舒适的状态下享受并接受版面所要传达的信息内容。第一章第三十九页，共300页。第一章时尚化版式设计第四十页，共300页。第三节现代版式设计的特点五、人文化在紧张的生活节奏中，人们渴望宁静和回归纯真人性的感受，以及表达现实生活、宣泄内心等。这时设计师往往通过手绘、照片等用独特的视角引人入胜，且耐人寻味地传达深层内涵，有着较强的艺术感染力。第一章第四十一页，共300页。富有文化内涵的版式设计：充满童真趣味的手绘招贴具有一定文化内涵，更具亲和力，使读者对画面产生欣赏意愿。第一章第四十二页，共300页。第三节现代版式设计的特点六、功能化随着社会科技化、信息化、产业化的发展，以及人们节约能源、保护环境意识的加强，加上现实生活水平的普遍提高，社会文明大幅发展。人们对奢华、繁复的渴望度逐渐降低，更多的是从实际需要出发，在设计中体现出了废物利用、循环利用、综合利用等更多功能化的设计趋势。现代版式设计中功能化已成为整个版式个性化、人性化、时尚化等的基础。第一章第四十三页，共300页。如左图报纸第一版的封面及导读功能的强化、栏目设置的相对固定化、厚报的按类分叠、具体版面的粗分块和细修饰等被业内人士称为报纸杂志化现象。第一章第四十四页，共300页。卡片设计实现了展示性和实用性的功能第一章第四十五页，共300页。思考与练习一、思考题

1.为什么排版设计成为一门研究的课题？

2.版式设计的范畴有哪些？

3.现代版式设计的特点有哪些？

4.试述我国古代和西方古代的版式设计特点，它们对今天版式设计的影响有哪些？

二、练习题

1.根据本章所学内容开展市场调研，收集各范畴版式资料。2.根据现代版式特点，分类整理所收集的资料。第一章第四十六页，共300页。第二章版式设计基础第一节版式设计的构成要素第二节版式设计的构思程序第三节现代版式的印刷常识第二章第四十七页，共300页。学习目标掌握版式设计构成要素的类型及其特点。掌握版式设计构思的一般程序，能够以此进行初步构思。了解版式设计中的印刷常识，理解开本、版心、出血等版式设计相关术语的含义。第二章第四十八页，共300页。第一节版式设计的构成要素点、线、面是版面的主要语言。版式设计实际上就是如何调整好点、线、面的量与形式的关系，无论版面的内容与形式如何复杂，但最终都可以简化到点、线、面上来。例如，一个字可以理解为一个点，一行字可理解为一条线，数行字可理解为一个面；可以将版面理解为点、线、面相互依存、相互作用的关系，它们组合在一起并结色彩元素和空间效果形成一个个千变万化的版式设计作品。第二章第四十九页，共300页。第一节版式设计的构成要素一、版面中的点点是版式设计中最简洁的元素，点的表现力是通过大小、颜色、位置等显现出来的。1．单独的点倘若在整个版面中只有一个点，这个点往往会自动形成视觉中心，有种被放大的效果，相当于绘画中的焦点透视法。第二章第五十页，共300页。以一本书的封面为例，可以认为封面上的文字是以点的形式呈现的，如书的名称、作者姓名、出版社名称、封面图片等，这些封面的构成要素都是设计的点，这些点元素在版面上的运用和安排要服从书的整体风格，在此基础上再做到有主有次，有突出有淡化。成功的设计不需要将各种元素一应俱全地像杂货摊一样全都铺排在版面上，运用好必需的几个点，突出所设计内容的整体风格才是做好设计的关键。第二章日本设计大师原研哉的版式设计作品，采用的也是单独点的设计。第五十一页，共300页。该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字组成了一个引导视觉的中心点，为了平衡画面，在版面左下角运用了一个淡蓝色的圆形渐变，使画面形成对角的呼应且不至于过于单调。第二章第五十二页，共300页。一、版面中的点2．多个点的组合点是版式设计中最活跃的元素，版面中的点不管是小色块还是文字块，其本身都具有构成中点的特性，多个点组合时能够产生距离感或滚动、弹跳等动态的特性，它们可以与其他形态组合，起到平衡版面、填补一定空间、点缀和活跃版面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托版面主体。第二章第五十三页，共300页。左为一幅典型的利用象形联想设计制作的招贴设计，画面用火烧成的大小不同的黑洞正好符合熊猫的耳朵、眼睛、鼻子的位置，结合大小合适的比例、黑白的熊猫标志性颜色，展现了熊猫的基本特征，使简单的画面增添了无尽的乐趣，耐人寻味。整个画面左下角的标志和文字又组成了一个小点，配合主画面的几个大点，使画面更加完整，更突出地表达了保护环境、保护大熊猫的寓意。第二章第五十四页，共300页。如上所示的摩托车广告中，用零部件（点）组成的性感美女头像（形）表达出产品的质感、细节和魅力。第二章第五十五页，共300页。第一节版式设计的构成要素二、版面中的线线在平面构成中的特性在版式设计中有非常生动的表现。在许多版式中，文字以线的形式存在，占据着画面的主要位置，成为设计者处理的主要对象。各种线条还可以构成版面各种装饰要素及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。线还可以串联各种视觉要素，可以使画面充满动感，也可以在最大限度上稳定画面。第二章第五十六页，共300页。第一节版式设计的构成要素二、版面中的线线在平面构成中的特性在版式设计中有非常生动的表现。在许多版式中，文字以线的形式存在，占据着画面的主要位置，成为设计者处理的主要对象。各种线条还可以构成版面各种装饰要素及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。线还可以串联各种视觉要素，可以使画面充满动感，也可以在最大限度上稳定画面。第二章第五十七页，共300页。第一节版式设计的构成要素二、版面中的线在构成原理中，每一种线都有其独特的个性与情感，将线的这些基本属性应用于版式设计中，就能轻松地呈现出较好的画面效果。例如，细的直线能够传递冷静、严谨、远离的感受，而粗的线条具有一定的长方形的特性，显得更加凝重、冲撞眼球。第二章第五十八页，共300页。1．垂直线和水平线的应用垂直线在艺术形式上给人以上升、高耸等感受，如电塔、烟囱、高楼、旗杆的结构轮廓都是高耸的垂直线；水平线则使人联想到草原、海平面等，使人产生开阔、平静、徐缓等感受。第二章水平线的应用：日本平面设计大师新村则人的作品，其线条运用极富艺术美感第五十九页，共300页。2．倾斜线的应用

倾斜线常常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，这也就是倾斜线给读者带来的感受。两张与运动相关的招贴画，画面中数条倾斜的直线构成了画面的主体，那是田径赛场的跑道线，而倾斜的线条使得跑道像是变成了下坡路，这是利用了倾斜线产生的运动感使运动员看上去似乎奔跑得更快，深化了所要表达的加速跑主题。第二章第六十页，共300页。3．曲线的应用流畅的曲线能够让人联想到潺潺流动的溪水、温柔的女性。曲线的应用给单调的画面增加了无尽柔美，甚至带有性感和神秘的色彩。第二章第六十一页，共300页。曲线构成的创意广告：利用构成原理将线条的视觉感受运用到商品广告中。第二章第六十二页，共300页。4．线的分割作用线的巧妙分割版面的作用较多见，分割方式可以根据图像或设计者自己的想法确定总之，简单的处理能够给版面带来活跃、时尚、简洁等效果。图中打开的刮刀形成“√”的线条，将版面分割成多个部分。第二章第六十三页，共300页。第一节版式设计的构成要素三、版面中的面面在空间占有的面积最多，因而在视觉上要比点和线来得强烈、实在，具有鲜明的个性特征。1．面的形成与应用在整个基本视觉要素中，面的视觉影响力最大，它们在画面中的作用往往是举足轻重的。面可分成几何形和自由形两大类，因此，在排版设计时只有把握面与面相互间整体的和谐，才能产生具有美感的视觉形式。第二章第六十四页，共300页。1．面的形成与应用在现实的排版设计中，面的表现也包含了各种色彩、肌理等方面的变化；同时，面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极大的变化。点和线在平面中的延展就构成了面。点的铺排形成一定大小和形状的面，线对空间的分割也在原有整一的版面上形成了新的面，许多点和线的组合才能构成对主题的完整表达。面有三角形、圆形、正方形等各种形体，在这一点上，它是点的放大。第二章第六十五页，共300页。左图为点和面的关系。圆形具有润泽感、和谐感，三角形具有稳定感、力量感，正方形具有端正感、平衡感。不同的形状产生不同的心理感觉。右图为日本设计大师高桥善丸设计的版面，用圆形的面给人以和谐、轻松的感觉，使得画面稳定而不呆板。第二章第六十六页，共300页。面在版面中所占比例较大，因而它影响着其他视觉元素的位置关系，对称、重复、渐变、对比是常用的表达方式。左右、上下或者呈对角线式的两个面用于排列重要程度相当的元素。第二章一边是文字，一边是图像的形式可以看成是对比两边形状相同而颜色不同的色块编排也是一种对比第六十七页，共300页。第二章小面的重复版面效果当有多个小的面积时，重复可以造成整齐有序的感觉，而在重复中又有颜色和大小的变化，就使得画面产生了动感，打破了重复造成的呆板，其原理如同平面设计中的特异效果。第六十八页，共300页。三、版面中的面2．留白的应用版面的留白是一种特殊的面，这是一种非元素的元素化，是对空的设计。在我国传统文化中，空往往代表一种旷达的人生感，充满了禅意。与留白相对的是讲究满的构图，如同花丝绸面料一样，丰富而热闹，这种版式设计也是经常用到的。第二章留白的版面效果第六十九页，共300页。第一节版式设计的构成要素四、版面中的空间

版面中的空间通常是利用点、线、面所组成的形态在二维版面中所表现出的三维纵深效果。

1．点表现空间的应用

在一个版面上有多个点时，这些点的排列、重复和变化能起到丰富空间形态效果的作用，在多个点中间通常有某一个点非常突出，构成一个相对的视觉中心，其他的点都围绕它来共同表现同一个主题。第二章第七十页，共300页。第二章多个点形成空间感：画面中的点大小不一，大的点感觉比小点更接近读者，而那些小的点则像是正在向画面深远处后退；很多点的无序排列能使人联想到星际空间。三角形的大小不同的点有序排列形成空间感，如同平面构成的渐变原理。第七十一页，共300页。第二章影响点的空间感的还有背景和点的排列：图为同大的点形成空间感效果，图中黑色的背景衬托白色的聚集的圆点产生夏日树荫下波光粼粼的湖面，又或是夜晚空旷处的虫等，同样有较强的空间效果。第七十二页，共300页。2．线表现空间的应用版式设计的空间形状是各种形状的组织与安排之后的总形状。当画面中出现整排文字时，可以把它们看成一条一条的线段，而通过线段的粗细变化和排列可以产生强烈的空间感。如果对线的粗、细、长短进行规律摆放会产生很好的空间感。粗线会比细线产生更近的视感受，当线段由粗至细或由细至粗顺序排列时，能够产生由近至远或由远至近的空间感。第二章第七十三页，共300页。第二章图为第二届魔术节的空间感招贴学生作业，其版式设计采用了大面积的空间表现手法，画面运用了线条感很强的英文大写字母组合成较宽的长条色块，根据近大远小的原理，将色块进行了变形，在黑暗的空间中产生了强烈的纵深感。第七十四页，共300页。第一节版式设计的构成要素五、版面中的色彩

色彩是视觉刺激中人们能最先感知的因素，人们在距画面很远的地方即使看不到文字和图像的具体内容，色彩给人的感觉就已经传递到了，所以，色彩在版式设计中的作用是不容忽视的。

色彩的视觉识别距离比文字、图像更远。在传递信息方面，色彩传达的是单纯的感受，如寒冷、热烈、温和等相对直观的感受，而不能表达细腻的内涵，这是色彩传递信息的一个特点。在设计应用时，要仔细揣摩色彩、图像、文字的关系和作用，使其综合应用在画面中，使画面最好地表达设计者的意图。第二章第七十五页，共300页。1．色彩的整体统一一本杂志或一本书应有自己的色彩基调，以体现杂志或书的媒体理念、市场定位及独有的神韵，在读者的视觉心理上产生影响，即为主色调。一般来说，主色调的颜色在版面所有颜色中应占60%以上的面积，如果在视觉比例上不能占多数则不能主导画面，称不上主色调。在主色调的基础上，一般要搭配相临色系的颜色，形成一个色调，给人和谐、统一的感受。第二章第七十六页，共300页。左图为红底版面，图中某杂志内页画面中用了大面积的红色作为底色，很明确地表现了画面的色调为红色，可使人感受到强烈、激情的基调。画面说明的主要议题内容需要读者通过大标题获得，要了解具体内容则需要仔细阅读版面中的较小文字，这些就需要在读者被色彩运用所吸引而驻足的情况下才能实现，所以说色彩在版面中的作用是抢先一步的，一名合格的版式设计师在接到设计任务时必须首先考虑主题的基调，使用恰当的颜色。第二章第七十七页，共300页。第二章色彩的冷暖、轻重，色彩的诱目性、膨胀色与收缩色、前进色与后退色都是确定一个版面主色调的重要因素。底色确定基调。图中灰色底色版面加上细线条的运用，配合人物照片可显示出冷漠且敏感的氛围。第七十八页，共300页。2．色彩的多样性

对于一个只用同色系的版面，虽然是一个整体，但由于人眼刺激的单调及色觉的疲劳，会给人一种平淡、乏味的感觉。强烈的色彩对比又显得生硬甚至刺眼，但如果版面采用互补的色调，并能在色彩的明度与纯度、面积与布局上处理得当，就会产生鲜艳、明快而又和谐、丰富的效果。第二章绚丽色彩招贴画第七十九页，共300页。第二章2．色彩的多样性如灰色在红色的背景上带青色、在蓝色的背景上带黄色；黄色与绿色相近显橙色、与红色相近显草绿色；绿色与金黄、淡白搭配，可以产生优雅、舒适的气氛；黑色或紫色的衬托可以增强黄色的力度。彩色的编排设计不仅要考虑到彩色部分与非彩色部分的色反差效果，还要考虑到彩色部分与非彩色部分的色对应效果，应通过对比来丰富版面。多色彩的运用第八十页，共300页。第二章2．色彩的多样性对于色彩运用还要掌握好“度”，即强调适当地用色，把握好一个原则，即少用纯色。纯色是指100%饱和度的单一色彩，纯色鲜艳强烈，明确易记，具有一定的力度和硬度，纯色用得好，可点石成金，起到画龙点睛的作用。但纯色在版面中却不宜用得过多，纯色太多，如大量使用大红、柠檬黄、翠绿、鲜蓝等，则会使版面显得过分刺目、生硬，没有主色调，从而难以产生美感。一个好的版面应谨慎而少量地运用纯色，多用复色和次纯色，如粉绿、湖蓝、钻蓝、淡黄等。色彩对比形成活跃的版面效果第八十一页，共300页。3．配色的一般方法（1）冷暖搭配

红、橙、黄色系属于暖色系，给人们带来热闹、鲜艳、愉快、动感等印象。蓝、蓝绿等颜色属于冷色系，可让人心绪稳定下来，同时会带给人们带来沉稳、冷峻、寒冷、凉爽、整齐的印象。黄绿、绿、紫等没有明显暖寒感觉的色彩称为中间色彩。

（2）对比色搭配

冷色的诱目性较低，如紫、蓝、绿蓝等；暖色中红、黄、橙的诱目性高。色彩的对比手法也具有很强的诱目性。第二章色彩的诱目设计第八十二页，共300页。3．配色的一般方法（3）色彩识别度的强弱在纷繁的画面中容易看到的色彩识别度高，反之则识别度低。这叫作色彩的识别性。色彩识别性的好坏，与主体和背景的色相差、明度差、彩度差都有关系，要提高识别性，就要增大这些差值。色彩识别度强弱对比右图所示，图中左侧画面比右侧画面识别性更强。第二章第八十三页，共300页。3．配色的一般方法（4）色彩感觉上边暖，下边冷；左暖，右冷；明度越高，感觉越轻，会给人一种柔软、安静的感觉。冷暖色块不同位置的使用会产生不同的画面感受。明度越低，感觉越重，会让人感觉硬、厚重。明度高低的运用效果如图2—1—31所示，图中大面积的低明度使人产生压抑感，在画面下方配有白色的光环凸显了对比效果。第二章冷暖色块不同位置的感受第八十四页，共300页。3．配色的一般方法（4）色彩感觉明度高低的运用效果：如左图，图中大面积的低明度使人产生压抑感，在画面下方配有白色的光环凸显了对比效果。第二章第八十五页，共300页。3．配色的一般方法（4）色彩感觉一般情况下，版式设计师要表现的主题都是系列性的，所以色彩运用常选用同色系，选择色彩构成感较明确的色调是最稳妥的做法。现代的时尚设计越来越趋向个性化、多元化，这就要求设计师敢于突破和创新，大胆地使用对比色、互补色，超出常规运用色彩的例子已很多见。版式设计初学者要从构成的基本原理开始仔细研习，才能更好地把握色彩的关系，才能在版式设计的实践中真正做到推陈出新，而不是盲目跟风。第二章第八十六页，共300页。第二节版式设计的构思程序

一、明确版面的主题定位1．读者群体定位

通常情况下，版式页面所呈现出的视觉感受会吸引某一特定人群的关注，因此，在版式设计前应明确该出版物要面向的大众群体，根据这类群体的年龄、喜好等特点来确定版式定位。第二章第八十七页，共300页。左图招贴广告目标人群为时尚人群，这类人群以青少年为主，他们接收了大量的时尚信息，追求炫酷刺激，喜好夸张、性感和快节奏强的画面感受。右图的杂志内容适合传统的居家人群，这类人群多为中老年人，喜好宁静、舒适，在画面中保留了照片的实拍效果，版式处理采取矩形分割，给人以质朴、稳重的版面感受。第二章第八十八页，共300页。一、明确版面的主题定位2．版面主题内容定位

版式设计的主要目的之一是更好地表现版面内容，在设计版面前必须考虑版面到底要表达什么主题，只有明确了版面的主题内容，为下一步版面的具体编排做好充分的准备工作，才能准确、恰如其分地进行编排设计。第二章第八十九页，共300页。第二章第九十页，共300页。二、确定版面的结构形式明确了版式的定位之后，需要考虑具体的结构并挑选出文字及图片(一般为规定内容)。根据定位的受众群和主题在常规结构形式中进行结构筛选，可选择对称式、矩形块面式、三角形组合式、重心式、散点式、大小渐变式、上下分割、左右分割、倾斜分割等多种版面结构形式。版面基本结构的选择要与想要向大众传达的感受相一致。版面结构在版式设计中起到非常重要的作用，在后面章节还将具体讲解。第二章第九十一页，共300页。第二章第九十二页，共300页。第二章第九十三页，共300页。第二章三、确立协调的版面风格

在明确了版面主题定位，确定了版面结构形式后，最后一个重要环节就是确立与主题和版面结构所传达的形式相一致的版面风格。版面风格是由图像、字体、色彩等多种因素组成的，其形式多变，不同的版面风格能够赋予大众不同的视觉享受。第九十四页，共300页。第二章恐怖、性感、幽默的版面风格中，黑色渐变底色、无头性感女性搭配细线组成的大小不一的字体，加上彩色渐镜片和黑色烟雾中的一缕彩色烟雾，营造出了恐怖、性感且幽默的版面风格。童话花园般的版面风格中，粉色渐变底色、圆转的柔美字体形成了童话花园般的设计风格，营造出产品受众群体的幸福感受。采用斑斓的色彩，以宇宙实景为背景，展现了太空的美丽与神秘；同时版面文字分割均匀、严谨排列，是典型的科普读物版面风格。第九十五页，共300页。第三节版式设计的印刷常识一、开本

通常把一张按国际标准分切好的平板原纸称为全开纸。在以不浪费纸张、便于印刷和装订生产作业为前提下，把全开纸裁切成面积相等的若干小张，其张数称为开数；将它们装订成册，则称为多少开本。第二章第九十六页，共300页。第二章1．开本的形成开本是以整张纸裁开的张数作为标准来表明书的幅面大小的。对一本书的正文而言，开数与开本的含义相同，但以其封面和插页用纸的开数来说，因其面积不同，则其含义不同。通常将单页出版物的大小称为开张，如报纸、挂图等分为全张、对开、四开和八开等。2．常见的开本按照裁切的大小分类，开本通常分为大型本、中型本和小型本。12开以上的开本统称为大型本，适用于图表较多、篇幅较大的厚部头著作或期刊。16开至32开的所有开本称为中型本，其适用范围较广，各类书籍均可应用。32开以下的所有开本称为小型本，适用于手册、工具书、通俗读物或短篇文献。第九十七页，共300页。第二章（1）全开

全开是指印刷机印刷时的整张纸，由于模具和各国标准不同，去掉多余的边缘，印刷机的全开纸张有两个尺寸，分别是标准全开：780×1080；大度全开：882×1182。（单位均为mm，下同）（2）对开

对开也叫两开，有两个分切方法，四个尺寸，分别是标准开切：540×780和390×1080；大度开切：590×882和440×1182。对开第九十八页，共300页。第二章（3）三开

三开有三个分切方法，六个尺寸，分别是标准开切：360×780、260×1080、390×690；大度开切：394×882、294×1182、440×742。三开第九十九页，共300页。第二章（4）四开

四开有三个分切方法，六个尺寸，分别是标准开切：390×540、270×780、195×1080；大度开切：440×590、295×882、220×1182。四开第一百页，共300页。第二章（5）五开五开有两个分切方法，四个尺寸，分别是标准开切：330×450和260×560；大度开切：380×502和294×594。五开第一百零一页，共300页。第二章（6）六开

六开有三个分切方法，六个尺寸，分别是标准开切：360×390、260×540、270×510；大度开切：394×440、294×590、295×587。六开第一百零二页，共300页。第二章（7）七开

七开有三个分切方法，六个尺寸，分别是标准开切：260×410、216×540、154×780；大度开切：294×444、236×590、168×882。七开第一百零三页，共300页。第二章（8）八开

八开有两个分切方法，四个尺寸，分别是标准开切：270×390和195×540；大度开切：295×440和220×590。八开第一百零四页，共300页。第二章（9）九开

九开有三个分切方法，六个尺寸，分别是标准开切：260×360、230×390、195×445；大度开切：294×394、247×440、220×480。九开第一百零五页，共300页。第二章（10）十开

十开有三个分切方法，六个尺寸，分别是标准开切:216×390、260×380、230×320；大度开切：236×440、294×297、270×340。十开第一百零六页，共300页。第二章（11）十一开

十一开有两个分切方法，四个尺寸，分别是标准开切:210×360和260×272；大度开切：236×394和294×300。十一开第一百零七页，共300页。第二章（12）十二开

十二开有三个分切方法，六个尺寸，分别是标准开切:260×270、180×390、195×360；大度开切：294×295、197×440、220×394。十二开第一百零八页，共300页。第二章（13）十三开

十三开有两个分切方法，四个尺寸，分别是标准开切:216×282和130×475；大度开切：236×322和147×517。十三开第一百零九页，共300页。第二章（14）十四开

十四开有三个分切方法，六个尺寸，分别是标准开切:156×384、195×295、216×270；大度开切：176×451、220×320、236×323。十四开第一百一十页，共300页。第二章（15）十五开

十五开有三个分切方法，六个尺寸，分别是标准开切:216×260、180×300、156×360；大度开切：236×294、197×342、176×394。十五开第一百一十一页，共300页。第二章（16）十六开

十六开有两个分切方法，四个尺寸，分别是标准开切:196×270和135×390；大度开切：220×295和147×440。十六开第一百一十二页，共300页。第二章（17）十八开

十八开有两个分切方法，四个尺寸，分别是标准开切:180×260和130×360；大度开切：197×294和147×394。十八开第一百一十三页，共300页。第三节版式设计的印刷常识二、版心版心是指书刊页面内去除四周白边，中间实际内容的部分。纯文字的Word公文版面会有版心尺寸的一般规定，如A4版面版心为156mm×225mm。通常小说、杂志、报纸等读物的版面都有各自特定的版心尺寸，这是防止在印刷和装订、裁切等制作过中损失靠近页面边缘重要内容的必要措施。第二章第一百一十四页，共300页。第二章图为带有版心的页面效果，版心一般为白色。随着印刷技术的不断发展，印刷和装订更加精准、巧妙，使得版心向多样化、不固定化发展。第一百一十五页，共300页。第二章图为灵动的版心效果，图中杂志的页码、小标题等元素在一个虚拟的框界中，底色为设计需要的色彩和图像，整个画面严谨、活泼。第一百一十六页，共300页。第三节版式设计的印刷常识三、出血出血是指主体画面突破版心扩充一个设计稿的整个版面，在很多海报设计和时尚杂志中十分常见。出血版面有向外扩张和舒展之势，一般用于传达抒情或运动信息的版面。第二章招贴和时尚杂志的出血版面效果。第一百一十七页，共300页。思考与练习一、思考题1.版面中的构成要素有哪些？它们与平面构成理论有哪些联系？

2.平面空间中如何展现纵深空间感？

3.色彩在版面中有哪些重要作用？

4.试分别从版面构成、设计构思的角度简要分析以下两幅作品。第二章第一百一十八页，共300页。思考与练习

二、练习题

1．收集五种以上开本的版面资料，画出它们的开本裁切方式。

2．编写出一副校园吉他歌手大赛招贴的设计方案。第二章第一百一十九页，共300页。第三章版式设计中文字与图片运用第一节版式设计中的文字应用第二节版式设计中的图片应用第三节版式设计中的图文混排第三章第一百二十页，共300页。学习目标掌握版式设计中文字的编排规律与方法。掌握版式设计中图像的应用规律与方法。掌握版式设计中图文混排的基本方法。第三章第一百二十一页，共300页。第一节版式设计中的文字应用一个好的版式设计必须有良好的文字处理。好的文字版式设计有助于读者阅读与理解，从而起到更好地传播所要表达信息的作用。文字设计的目的是使版式中的文字美观，便于阅读并将预计表达的内涵正确无误地传达给读者。设计师在设计文字时要服从主题的整体设计和内容要求，不能使文字与主题相互脱离，更不能相互冲突，否则会破坏文字的设计目的。文字是版式设计中最主要的元素，通常在报纸、杂志等版式设计中占有很大比例。在版式设计时，文字的字体、字号、字距、行距等都要经过认真分析、组织、排列，才更好地体现和发挥它的作用。本章主要介绍汉字的一般应用，英文等外文的设计和编排与汉字基本一致，可参照汉字的处理方法。第三章第一百二十二页，共300页。第一节版式设计中的文字应用一、字体1．常见字体（1）宋体

宋体字是对宋代雕版印刷中书体的指称，其笔画特征在当时并不是十分明显，其特征真正定型于明代，因此，日本也称其为“明朝体”。宋体字基本笔画特征出自楷体，其中包括点、横、竖、撇、捺、钩、挑、折等笔画。字体特点概括为：横平竖直、横细竖粗、横画及横、竖画连接的右上方有钝角，撇如刀、点如瓜子、捺如扫等，结构饱满、端庄典雅、整齐美观。第三章一般宋体文字第一百二十三页，共300页。（1）宋体

宋体字既适用于印刷刻版，又能满足人们的基本阅读需要，因此一直沿用至今，而且成为当今设计中最常使用的字体之一。在宋体的基础上发展出了一系列接近的字体，如特粗宋、粗宋、大标宋、小标宋、报宋、书宋、中宋、仿宋、长宋、宋黑等。其中特粗宋、粗宋、大标宋、小标宋、中宋由于横竖笔画粗细对比较大，不适合于大篇幅地排印正文，因此通常用于标题字的设计，报宋、书宋、长宋适合排印长篇正文，仿宋多用于排印引言、图注等说明性文字。第三章常见的宋体文字第一百二十四页，共300页。（2）黑体

随着无饰线西文字的出现，出现了一种新的印刷字体——黑体，也称“方头体”“平体”。其特点是横竖笔画粗细一致，没有宋体字角的装饰性，结构严谨、笔力遒劲、庄重醒目、严肃且富有现代感。黑体字系列通常有特粗黑、粗黑、大黑、中黑、细黑、中等线、细等线等。其中特粗黑、粗黑、大黑、中黑适用于编排标题，细黑、中等线、细等线适用于编排正文。第三章常见的黑体文字第一百二十五页，共300页。（3）楷体

楷体是在楷书基础上规范出来的一种字体，与手写体近似，流畅和谐，富有韵味，通常用于正文及说明性文字。第三章楷体文字第一百二十六页，共300页。（4）书法体

书法体是将书法字体加工成的计算机用字，如行楷、隶书、魏碑、舒体、琥珀体、彩云体、竹节体等，丰富了字体的选择。第三章几种书法字体文字第一百二十七页，共300页。（5）艺术体

近年来，字体设计者还将POP广告字体、异型字等趣味字体编辑成字体库。字体库符合现代设计随性、多变的趋势，从而使版式设计者能够更便捷地制作出满足版面需要的文字。第三章几种趣味字体文字第一百二十八页，共300页。第一节版式设计中的文字应用一、字体2．字体选用

版式设计中不同的字体体现不同的感受，不同的字体具有不同的视觉动向。因此，在组合时，就要根据字体间的差异，进行不同的组合处理。在生活中，字体的选用也有约定俗成的规律可循，下面简要介绍其基本规律。在同一版面中，字体的使用不宜过多，要根据版面定位需要选择字体。选用字体时，每种字体要保持风格的一致性。同一版面中有多种不同层级的信息时，最多使用两三种不同字形的字体。至于信息之间的区分，可以通过文字的字号、颜色以及同字形但不同笔画粗细的字体来加以区别。第三章第一百二十九页，共300页。图为科技产品介绍版面，字体选用醒目规范的粗黑体，便于读者识别，同时显示出忠实可靠的信息感受。第三章图中的文字选用富有艺术性的优美曲线纹样装饰的较细字体，使版面充满了浪漫主义情怀。第一百三十页，共300页。第一节版式设计中的文字应用二、字号1．字号的类型

（1）号数制

号数制将汉字大小定为七个等级，按一、二、三、四、五、六、七排列，在字号等级之间又增加一些字号，并取名为小几号字，如小四号、小五号等。号数越高，字越小。号数制的特点是用起来简单、方便，使用时指定字号即可，无须关心字形的实际尺寸。号数制的缺点是字大小受号的限制，有时不够用，大字无法用号数来表达；号数不能直接表达字形的实际尺寸；字号之间没有统一的倍数关系，折算起来不方便。尽管如此，号数制仍是目前表示字形规格使用最广泛的方法。第三章第一百三十一页，共300页。（2）点数制

点数制是国际上通行的印刷字形的一种计量方法。这里的“点”不是计算机字形的点阵，“点”是传统计量字大小的单位，是从英文Point的译音得来的,一般用小写p表示，俗称“磅”。第三章点数制大小第一百三十二页，共300页。第三章2．字号应用原则

正文的字号设定应该在一定的范围之内。通常9～12磅适用于排印正文，个别设计中考虑到整体版面的美观性、版面空间的经济性也会使用7磅或8磅，但由于6磅以下的字不便于阅读，因此5～6磅的文字一般不使用或是单纯作为一种装饰手段来考虑。标题、引言、正文、图注之间的字号大小设定应本着对比与协调的原则，这样才能方便不同层级之间信息的区分，同时也能营造出版面文字的节奏感。字调整文章阅读节奏版面第一百三十三页，共300页。第一节版式设计中的文字应用三、文字编排版式中文字的排列主要指字距、行距、段首、段尾和对齐方式等。字距与行距应根据画面效果需要而定。对于大的字体，应适当调整字距和行距，主次和轻重也应该注意。1．字距和行距

字距和行距对整个版面的视觉效果具有重要的影响。正文的字符间隔一般默认设定为“0”，在设计师需要对版面文字进行独特的设计时，可以通过调整字符间距营造版面的节奏感与情趣性，以求得丰富的视觉效果。有时根据字形、字体需要对部分文字的字距进行调整，以求得篇幅文字的整体、平衡的视觉效果。第三章第一百三十四页，共300页。第三章1．字距和行距

行距的设定应视设计的具体情况而定，一般行距默认在1/2～1个字高之间。小行距的文字阅读通常不如大行距文字易读，但能节省很多版面空间。标准行距版面第一百三十五页，共300页。第三章1．字距和行距

这里要强调的是，字距和行距二者之间是有着密切联系的。为了取得便于流畅阅读的视觉效果，一般行距要大于字距。现代设计中，为了故意造成局部文字阅读的障碍性，设计者也可以采用行距等于字距或行距小于字距的设计手段或通过文字大小、行距、色彩等因素的多变达到丰富有趣的视觉效果，但篇幅不易过长。特殊行距版面效果第一百三十六页，共300页。第一节版式设计中的文字应用三、文字编排2．对齐方式

（1）左右齐整

在对文字较多的文章排版时，文字如果自动换行，会经常出现标点符号前置、行末空半格等问题。针对这个问题，在排版软件的对齐方式中设置了左右齐整的格式，能够自动分辨文字和标点符号，在文字不满一行的情况下自动调整文字间距，使文字充满整行。通常见到的中文出版物的正文都采用这种方式，整体文本形态规矩、严谨，方便读者阅读。第三章第一百三十七页，共300页。第三章左右齐整的文字版面第一百三十八页，共300页。（2）居中排列

居中排列通常用在标题字中，因为标题文字较少，又有统领全文的作用，一般选用较大字号加粗排列在整段文字最顶行中间。诗歌或有特殊设计需要时，虽然排版的是整段文字，但每句需要换行并使文字居中对齐，也需要居中排列。总的来说，居中排列这种形式适合较短小的内容，如标题短语和短篇文字。居中排列能形成庄重、古典的对仗感。第三章文字居中排列的版式设计形式第一百三十九页，共300页。（3）左齐右不齐

左齐右不齐是以整行的左边为基准，每一个字符和下一行都对齐，右边可长短不一。左齐右不齐符合中国人的一般阅读习惯，给人以优美、愉悦、流畅之感，通常用在篇幅短小，又需要着重突出的内容，是现代版式设计者常用的手法。第三章左齐右不齐的文字版面第一百四十页，共300页。（4）右齐左不齐

右齐左不齐是以整行的右边为基准，每一个字符和下一行都对齐，左边可长短不一，有停滞感、阻碍感，借此标新立异，达到个性的视觉效果。这种排列方法一般用在整个排版页面的右下角，起到收尾和平衡版面的作用。第三章右齐左不齐的文字版面第一百四十一页，共300页。第一节版式设计中的文字应用三、文字编排3．竖排与横排

传统上中文只能竖排，匾额、招牌等从右向左横排的情形，也是一字一行的竖排。近代，在西方文化影响下，简体中文的印刷品逐渐减少了竖排的形式。在版式设计工作中要根据文字内容的实际需要选择竖排或横排。如一段文字排为横排版式，人的视线会自动跟随着文字在水平方向上移动，阅读时眼睛和头部转动较小，自然省力，不易疲劳；而且数字、公式或外国人名排写也比较方便。所以，横排版应用广泛，在现代排版中占绝大部分。阅读竖排版文字时，视线从上向下移动，当移至下一列时，视线再次从上向下移动，不仅容易造成视觉疲劳，而且头部转动也比较大，阅读费力。第三章第一百四十二页，共300页。3．竖排与横排

只有在需要有特色性的设计时，比如需要表现中国风的时候，文字篇幅不长，需要表现断句的错落有致时，或者做段落的小标题为了表现画面变化时，可以考虑竖排版。第三章某传统工艺类学校招生简章采用了部分竖排版文字第一百四十三页，共300页。4．自由排版

随着时代的发展，越来越开放的社会形态使得版式设计也不再是墨守成规，设计师们通过大胆的创新和实践，为人们呈现出了很多独具匠心的优秀设计作品。

右图两幅学生招贴作品中的文字排列打破了原有的横排或竖排传统，而是采用了曲线的排列组合，配合色彩和文字大小的变化以及笔画的转折，展现出了丰富自由的画面效果。第三章文字自由排列第一百四十四页，共300页。第一节版式设计中的文字应用四、文字设计

1．设计标题字

（1）标题字的选择

标题字是版面文字的纲领性文字，是读者阅读文字的起点，好的标题字字形得体，具有美观、直观、烘托主题等特点。由于标题字要求字号最大，其在版面中占有较大面积，甚至可以单独构成版面，起着非常重要的作用。第三章第一百四十五页，共300页。第三章标题字一般在规范的打印字体基础上进行设计。高质量的字形处理会让读者眼前一亮，并传递出文字延伸、内容丰满、有文化内涵的感受。第一百四十六页，共300页。第三章夸张大胆的文字设计，会增加阅读的趣味性。第一百四十七页，共300页。1．设计标题字

（2）标题字的位置

标题字在设计时不一定千篇一律地置于段首，可做居中、横向、竖向或边置等编排处理，有的可直接插入字群中，用新颖的版式来打破陈旧的传统模式。第三章标题字的位置第一百四十八页，共300页。1．设计标题字

（3）标题字的排版

现代版式设计中，穿插、叠加、合并、模糊、隐藏、填充、相接、穿透、联合、减法、剖切、重合、大小对比、空间应用等成为标题字的构成技巧。第三章标题字的排版第一百四十九页，共300页。第三章2．图形化文字

借用图片色彩斑斓、形式灵活多变、造型直观等能够吸引眼球的特性，在文字设计时使用图形化处理是做时尚类版面的很好选择。第一百五十页，共300页。第三章第一百五十一页，共300页。

随着社会的发展，各类报纸、广告、包装、杂志及网络都充满了各种各样的图片，人们所获得的文字和图像信息量也越来越大，进入了所谓的“读图时代”，而设计中没有新意和创新的图片很难抓住读者眼球。因此，版式设计中图片的应用对于设计者越来越重要。第三章第二节版式设计中的图片应用第一百五十二页，共300页。

第三章第二节版式设计中的图片应用版式设计中常见的图片应用范围有书籍装帧设计、期刊设计、报纸设计、企业形象设计、产品包装设计、海报招贴设计、网页艺术设计等。图片在版式设计中占有很大的比重，视觉冲击力比文字强85%，在视觉上可使版面立体、真实，具有强烈的视觉冲击力和导读效果。第一百五十三页，共300页。一、图片的位置

图片的位置直接关系到版面的构图布局。恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。

版面中的左右上下及对角线的四角都是视线的焦点。在这些靠近版面边角的地方恰到好处地放置图片，会表现版面的视觉冲击力。第三章第一百五十四页，共300页。一、图片的位置

图片居中放置也是常用的手段，这时图片将作为版面的主体，在色彩、形式、大小等方面要做到醒目、表现主题。

右图中雨中舞者的照片拍摄得灵动、优美，很好地表现了招贴主题。第三章第一百五十五页，共300页。二、图片的面积

图片面积大小的安排直接关系到版面的视觉效果和情感的表达。一般说来，重要的、吸引读者的图片放大，从属的图片缩小，形成主次分明的格局。这也是版面构成的基本原则。1.大图形

图形面积大，注目程度高，感染力强，能给人以舒服、愉快感。大图形通常用来表现细部，如人物表情、手势、某个对象的局部特写等，能迅速传达其内涵，使人产生亲和感。第三章大图形版式第一百五十六页，共300页。二、图片的数量

2.小图形

将小图形插入字群中显得简洁而精致，有点缀和呼应版面主题的作用。但同时也给人拘谨、静止、趣味弱的感觉。在进行版式设计时，若只有大图形而无小图形或细部文字，版面就会显得空洞；但若只有小图形而无大图形，又会使版面缺乏生气而显得呆板。只有合理地穿插组合大小图形才能获得最佳的搭配关系。第三章大小图形搭配合理的杂志内页第一百五十七页，共300页。三、图片的数量

一个版面中图片数量的多少，并不是设计者随意决定的，而主要是根据版面的内容来精心安排的。图片的数量多少，会影响到读者的阅读兴趣。

如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果的根本保证。第三章一张图的版面第一百五十八页，共300页。三、图片的数量

增加一张图片，就会变为较为活跃的版面，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围，适用于普及的、热闹的和新闻性强的读物。第三章多图的版面第一百五十九页，共300页。四、图片的形状1.方形图

方形图即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图将主体形象与环境共融，完整地传达主题思想，富有情节性，善于渲染气氛。配置方形图的版面有稳重、严谨和静止感。第三章方形图应用第一百六十页，共300页。四、图片的形状2.三角形

方形三角形图片分为正三角和倒三角，这两种的感受是完全不同的。正三角形图形让人联想到山峰、金字塔等，能够传递给读者稳定感，在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉图形：倒三角形则给人以动感和不稳定感，同时倒三角形有钻石剪影的感受，在表现女性题材的画面时经常能够见到。第三章三角形图形在版面中的应用第一百六十一页，共300页。四、图片的形状3.圆形版面中的单个圆形会有极强的集中视线效果。同等大小和色相的两个或两个以上圆形会引导视线逐个流动观看。第三章多个等量圆形图版面单个圆形图版面第一百六十二页，共300页。五、特殊图片类型1.退底图

退底图是将图片中精选出来的图像沿其边缘剪裁而保留轮廓分明的图形。退底图形自由而突出，更具个性，因而给人的印象深刻。配置退底图的版面显得轻松、活泼、动态十足。第三章退底图版面第一百六十三页，共300页。五、特殊图片类型2.化网图

化网图是为达到某种效果而将完整的图片进行分段的处理。第三章化网图版面第一百六十四页，共300页。3.特殊图式

为达到某种效果而将图片按照一定的形状限定,经过组合，创造性地加工处理，使版面产生新颖、独特的新视觉。另外还有外形不受限制的图像，以这种图像为主构成的版面往往能够传递混乱、浮动、朋克的感受。第三章有外形的特殊图式版面无外形界定的特殊图式版面第一百六十五页，共300页。六、图片的组合

1.块状拼接

块状拼接是将多幅图片通过水平、垂直线分割，使图片在版面中整齐有序地排列成块状，其组合方式具有强烈的整体感、严肃感、理性感和秩序感。各图片相互自由叠置或分类叠置而构成的块状组合，具有轻快、活泼的特性，同时也不失整体感。第三章块状组合版面

第一百六十六页，共300页。六、图片的组合2.散点组合

散点组合是将图片散点排列在版面的各部位，使版面充满轻快自由之感。散点组合编排时应注意图片大小、主次的配置，方形图与退底图的配置，同时还应考虑图片的疏密、均衡、视觉方向等。第三章散点组合版面

第一百六十七页，共300页。六、图片的组合3.组合新图像

很多耐人寻味的趣味版面是用新组合图像的形式构成的。组合新图像主要由多张照片、图像经过剪切、调色等处理巧妙组合在一起并形成一幅新的、引人入胜的奇幻画面，是很好的图像设计手段。这种情况需要设计师具备符合创意条件的图像资料，并具备很好的图像处理能力。第三章组合新图像

第一百六十八页，共300页。第三节版式设计中的图文混排一、文本绕图

文本绕图是让文字随着图形固有的曲线而呈一定方向排列开来，图像与文字有机地融为一体，产生流动感，是使用方便且具有较强设计感的图文排版形式。阅读时读者的头、眼会随着文本做轻微绕动，很自然地带给读者愉悦、动态的阅读感受。需要注意的是，并不是所有版面都适合用文本绕图的图文排列方法。第三章第一百六十九页，共300页。二、散点穿插

为了表现版面轻松自然的感受，设计师往往将图片以美观为前提随意地散放在画面各处，这时文字要根据图片的位置进行穿插编排。第三章第一百七十页，共300页。三、背景图像

大面积单纯色彩的图像很适合做文字的背景图像，在这样的画面中图像的张力可以不受给文字留面积的限制而增强版面的感染力，文字和图像融为一体带给读者画面自然、整体的阅读感受。第三章背景图像版面第一百七十一页，共300页。四、巧妙结合文字与图形经过巧夺天工的设计，将原本单调的文字和图像结合在一起的图文处理方式，表现了积极的参与性和创意性。右图，文字与图片巧妙组合，文字变成了图片必不可少的结构，画面自然有趣，让人过目不忘。第三章文字与图片结合第一百七十二页，共300页。四、巧妙结合图文巧妙结合给版式设计注入了更深的内涵和情趣，是编排形式的深化，是形式与内容的完美体现。右图，变形的文字巧妙编排组成完整的画面，且画面生动有冲击力，体现了设计师较高的美术功底。第三章文图组合图像第一百七十三页，共300页。思考与练习一、思考题1.请简述常用字体的类型以及选择时应注意的事项。

2.在版式设计过程中，字号的选用应遵循哪些原则？

3.文字编排有哪几种类型？分别有哪些特点？

4.图文混排有哪几种类型？请举例说明。第三章第一百七十四页，共300页。思考与练习

二、练习题

创作一幅图形化文字版面。要求：自定主题，自拟文字文本，参照所给样图，以设计者本人剪影形象为设计原形，设计制作一幅文本图形版面。第三章第一百七十五页，共300页。第四章版式设计的结构与视觉流程第一节版式设计的结构第二节版式设计的视觉流程第四章第一百七十六页，共300页。学习目标掌握版式设计的基本结构类型及其特点。了解版式设计的视觉流程类型及其应用。第四章第一百七十七页，共300页。第一节版式设计的结构一、分栏

分栏是指将版面均等分成横或竖的文字排版区域。常见的分栏有竖向通栏、双栏、多栏，一般以竖向分栏为多。图片和文字编排应用分栏时，可给人以严谨、和谐、理性之美。第四章第一百七十八页，共300页。一、分栏

1.竖向通栏

竖向通栏画面适合纯文字编排，良好的通栏版面会传递冷静、严肃的感受，但也会产生呆板、无趣的负面效果，在使用这种设计方式时，可通过调整字体、设计底纹等方法使画面生动起来。第四章竖向通栏第一百七十九页，共300页。一、分栏

2.竖向双栏

竖向双栏适合文学类书籍、杂志内页正文的编排，也可使用左边放置文字、右边放置图片的方法将版面重新划分，以增强版面的变化性。第四章竖向双栏第一百八十页，共300页。一、分栏3.纵向多栏

均衡的多栏适用于添加文字多且密集、版面又太宽的版面，最常见的就是报纸版面的编排，可以根据正文内容调整栏的宽度。第四章竖向多栏第一百八十一页，共300页。一、分栏4.横栏

横栏近似于竖向通栏，但有其自身特点，主要就是横栏版面有明显的横向分割版面的标记，比如底纹色彩的阶段变化，栏之间有横线相隔。还有就是在每个栏内并不以通栏的形式排列文字，而是根据素材进行文字错落编排或图文混排。第四章横栏的应用第一百八十二页，共300页。5.特殊的栏

很多时候栏要根据设计需要来设定，特殊版面中可能同时存在横栏和竖栏，栏的大小、宽窄也不尽相同，打破对称的格式，一般适用于设计散页，强调页面的视觉效果。右为日本平面设计大师原研哉的四幅作品第四章第一百八十三页，共300页。5.特殊的栏

以文字为主的版面，经常用线条来分栏，线条分栏可以使栏之间的分界更加清晰，便于读者阅读，同时线条样式多变，在画面中能够起到很好的装饰效果。第四章某报纸分栏效果第一百八十四页，共300页。第一节版式设计的结构二、满版

满版式设计主要用图片传达信息，以图片充满整个版面，在视觉传达上有直观、表现力强的特点。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰，传达信息准确明了。满版式给人大方、直白的感觉，常用于平面广告中。

右图为设计师佐藤晃一的作品，在视觉上有强烈的效果，更加吸引人们的注意。第四章第一百八十五页，共300页。二、满版

满版式设计有主题突出、传播速度快、视觉表现强烈的效果，是杂志广告内页、招贴设计等版式设计中主要的表现形式。第四章第一百八十六页，共300页。第一节版式设计的结构三、分割

分割是指版面中以设计效果为目的的区域划分，是版式设计常用形式之一。分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。1.水平分割

水平分割是将整个版面分为上下两个或多个部分，在分割的某部分配置图片，其他部分配置文字。有图片的部分有窗口一般的感性活力，而文字部分则理性、静止。上下可以分配多幅或者一幅图片，文字应稍多，以调节版面。第四章第一百八十七页，共300页。1.水平分割第四章第一百八十八页，共300页。2.垂直分割

垂直分割是把版面分割为左右两个部分，分别在左右配置文字或图片。当左右两部分形成强弱对比时，会造成整个画面视觉的不平衡。但也只是视觉习惯的问题，不如上下分割视觉自然。若是将分割线虚化处理，或用文字进行左右重复或者穿插，左右图文在视觉上则会自然得多。第四章垂直分割版面第一百八十九页，共300页。3.自由分割

自由分割是无规则、不受限制地分割画面的一种方式，它不同于数学规则分割产生的整齐效果，自由分割可使画面产生活泼、不受约束的感觉。如右图，斜线分割画面产生运动感，适合运动主题招贴。第四章自由斜线分割第一百九十页，共300页。3.自由分割

自由分割编排时应注意图片大小、主次分明、方形图与退底图的