版式设计课件

1、第三章 版式的造型,版式构成的造型要素 一、点在版面上的构成 点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。,由点组成数字的形状,而下面的点正是品牌的标志,雀巢咖啡的平面广告,网站的平面招贴设计,杂志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉,水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。,二、线在版面上的构成 线从理论上讲，是点的发展和延伸。线具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得

2、各种不同的效果。,直线给人以单纯、明朗的秩序感,文字的编排成弧线,使版面灵动起来,大唐不夜城招商画册的目录页设计,雀巢咖啡平面广告的版式编排-用植物的曲线表现产品的诱人口味。,三、面在版面上的构成 面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。,陈幼坚为某设计艺廊六周年纪念展所设计的海报,第四章 版式设计的基本类型,1、标题型 一般标题在先接着是图片和文字内容等。这也是很常见的一种编排形式。,2、满版型 版面由一张相对完整的图片构成，不留固定的白边，图像、图形不受版心的约束，也就是“出血版”。,3、斜置型 在版面编排中图形或文

3、字的主要部分向右或向左作方向倾斜。从而赋予图形或文字以强烈的结构张力和视觉动感。,4、左右型 这也是一种比较常见的版面编排形式其特点是画面中各元素容易形成平衡结构稳当，风格平实。,国外报纸的版式编排_左右的对称中又有变化,服装画册的版式设计,5、分割型 是把整个版面分成上下、或左右几个部分，分别安排图片和文字。,介绍钓具的画册-根据内容的需要分为几个区域,6、自由型 自由版式是将图像分散安排在页面各个部位，具有自由、轻快的感觉。但应注意图像的大小、主次，还应考虑疏密、均衡、视觉流程等。,四、文字编排的特殊表现,1、形象字体 形象字体是依据文字的字义或一个 词组所包含的内容而进行的艺术创造的字体

4、. 2、图文叠印 将文字印在图形或图片上的这种杂乱现象，不在乎易读性，追求层次丰富的效果. 3、群组编排 将文字放在方形或长方形以及具象的形状中，称群组.,用文字的特殊编排组合成图形,第五章 图形的版式设计,这里所说的图形包括摄影图片以及除摄影图片以外的图和形。图形在排版设计中，占有很大的比重，具有强于文字的视觉冲击力，能够真实、准确地传达信息。图片的版式设计内容包括:图形的位置、面积、方向、形式、编排等。,一、图形的位置 图形放置的位置，直接关系到版面的构图布局 。,二、图形的面积 图版面积的大小安排，直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图形放大从属的图形缩小

5、，形成主次分明的格局 。,跨页的图片具有视觉、心理震撼力,三、图形的数量 图形数量的多寡，可影响到读者的阅读兴趣。,四、摄影图片的形式,方形图式 出血图式 退底图式 化网图式 特殊图式,出血图式 即图片充满整个版面不露边框，具有向外扩张，舒展的感觉，动感效果强劲，与读者距离较近。,SONY的平面广告、杂志封面的版式设计均采用出血图式的版式设计,退底图式 根据版面内容所需，将图片精选部分沿边缘裁剪。,化网图式是利用电脑技术减少图片的层次，以此来衬托主题，渲染版面气氛。,特殊图式将图片按一定形状来限定，使版面产生出新颖、独特的新视角。,五、图形的创意编排 图形的创意编排形式应尽量体现设计者所要传达

6、的信息，尽可能地服务于所要表达的内容。通过有意识的安排使版面更有新意和创造性，从而使传达富有趣味性和内涵，起到画龙点睛的传神功力， 使其更吸引人 、打动人。,超强力薄荷糖广告（洋葱篇、香烟篇）,第六章 版式设计的实际运用,在人们的日常生活中，各种各样内容的版式设计应用相当广泛， 如：书籍、报刊杂志、产品包装、招贴广告、网页设计等等。 第一节 书籍的版式构成 书籍通常由封面、扉页、版权页(包括内容提要及版权)、前言、目录、正文、后记、参考文献、附录等部分构成。这些内容都离不开装祯和版式设计。,第二节 期刊、杂志类版式设计 相对于书籍来说，期刊杂志出版快速、周期短、传递快。杂志开本一般为16开、2

7、4开、32开等。内容包括：时装、文摘、科技、设计、音乐、历史、体育、时事、时尚等方方面面。从出版的周期分别有周刊、半月刊、月刊、双月刊和季刊等。版式设计应注意以下两点：,一、整体设计的原则性 在期刊版面上有诸多视觉元素，如经过独特设计的正文字体，期刊的主色调、各辅色的具体色彩、所选用图片的质量以及所用纸张的克数等，这些细节都构成了期刊的整体形象.期刊设计总的原则是处理好版面各元素之间繁简、大小、疏密、曲直等关系，在有限与无限、有序与无序、整齐与错落、热闹与宁静之间营造出不同期刊装帧设计的“气韵之美” .,二、版式制作的个性化 版式的个性是出版物内在个性的外在表现，如读书、万象、书城等期刊的版式

8、设计少有雕琢奢华之感，与期刊的内容相得益彰。而青年视觉、视觉2l、时尚等无论从期刊设计的导读性、审美性，都带给读者强烈的视觉冲击力和感染力。因此，刊物的装帧设计不但是一门实用艺术，也是一种文化艺术。,杂志的封面设计 画册内页的版式设计,时尚类杂志的目录页设计,第三节 报纸版式设计,报纸以发行面广、时效性强、传播力高、阅读者众等优势成为主要媒体。报纸版面设计是指在报纸上进行各种内容的编排布局。版面是报纸各种内容编排布局的整体表现形式，报纸是否可读、能否在报摊上吸引视线，很大程度上决定于版面的设计。,一、 报纸版式设计的方法 突出中心主题：加大头条标题、面积及反白处理等，突出一个中心。 合理巧妙运

9、用图片：利用新闻图片，以最少的笔墨和最小的篇幅吸引读者视线。 增加版面亮点：在版面的中下部突出读者爱看的稿件与报头呼应，避免头重脚轻的版式。,二、报纸版式设计的原则: 刻画报纸“生动表情”视觉美感的形成。注意视觉效果的多样性，追求视觉的均衡。 以视线流畅为出发点减轻视觉的生理和心理压力 。应简化版面的构成要素，采用模块式、货架式陈列等编排手段。,第四节 网页的版式设计,网页的版面与平面的广告招贴、书籍、报纸等类似，都是要以醒目的色彩、新颖的构图和独特的图形组成来传达信息。不同的也是其最有特色的一点是它所具有的互动式的操作界面，可以使观者沿着自己感兴趣的内容继续向下延伸发展，使得人们获得信息的有

10、效性大大增强，同时观者看起来更加流畅、快捷。,一、网页版式设计的要点 1、以少胜多提高访问速度 2、用多媒体增强传播力度 3、字体、字号、行距、图片及色彩 4、各网页间的关系,第五节 招贴广告的版式设计,招贴是海报、宣传画的统称。属于户外广告，包括商业类和社会公益类。招贴广告具有版面大、艺术表现力丰富、传播途径广、张贴时间长、可持续张贴、远视效果强、印刷精美等特点。,招贴版式大多采用各种对比的手法来增强视觉强度，比如加大版面内个元素之间的色彩对比和文字图形之间构图上的大小对比。达到吸引观众注意力的目的。另外还可以通过一些与常理相悖的或趣味化、夸张变形等有吸引力的视觉形象，配合相应的广告标题等文字说明，进行统一的、构图个性化的版式编排设计，最终突出招贴的主题内容和信息。,优秀版式设计欣赏,作业内容： 一、点、线、面的版面构成训练各做两张（共6张）规格A4，手绘、拼贴方法不限。 二、利用版式中所学的知识，以