课件-《版式设计》PPT文档格式.ppt

课件-《版式设计》PPT文档格式.ppt

《课件-《版式设计》PPT文档格式.ppt》由会员分享，可在线阅读，更多相关《课件-《版式设计》PPT文档格式.ppt（299页珍藏版）》请在冰豆网上搜索。

所以，要完成一件好的数字媒体作品，要求设计制作者必须有扎实的版式设计功底。

常见的数字媒体设计有PPT模板设计、网页版式设计和影视画面的编排设计等。

15第一章第一章“大秦帝国”网站界面版式设计商业广告条版式设计被大量霓虹灯广告牌、媒体演示屏等数字媒体版面依附的建筑组成的商业环境16第二节版式设计的发展一、我国古代版式设计我国古代书籍在版式设计上有着伟大的创造。

其形态之丰富，功能考虑之周全，与同时期其他古代文明相比堪称世界一流。

第一章第一章17第一章第一章旋风装1常见装帧方法我国古代书籍常见的装帧形式有旋风装、经折装、蝴蝶装、包背装等。

经折装蝴蝶装包背装18第一章第一章版心小，天头、地脚大的版面2古代版式设计特点线装书的形式大多具有版心小，天头、地脚大的特点，尤其是天头之大更是如此，当这种批注形式出现后，版面形态便发生了变化，成为我国古典书籍版式设计的一大特色。

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

插图与内容在审美意识上有着缜密的统一性、协调性，其清淡、雅致、秀美的风格自始至终贯穿如一，形成了中华民族文化的总体特征与总体美学精神。

20第二节版式设计的发展二、西方早期版式设计1.西方古代的版式设计西方历史上最早有记载的版式设计出现在公元前3000年的古巴比伦。

美索不达米亚地区的苏美尔人最早创造了原始版面的排版形式。

最初，苏美尔人将湿泥做成块状泥版，然后用木片在泥版上刻画形成具有凹槽的文字，这就是所谓的契形文字。

契形文字按照一定的规律进行排列，形成了西方最早的编排形式。

第一章第一章契形文字版式211.西方古代的版式设计在古埃及，以象形文字为基础的“神的文字”被广泛使用，反映在雕塑、石刻中的这一现象十分常见，尤其运用在纸草书上的象形文字更为普遍。

纸草书上常用精美的插图与文字相配合，使得版式甚为丰富，有人称这一现象是现代平面设计发展的最早依据，其特点在于利用版面已有的区域进行综合布局，象形文字与插图配合，使图文呼应有序，精美绝伦。

第一章第一章古埃及版式221.西方古代的版式设计在古罗马时代，罗马人将希腊文字经过改良后变成接近于现代使用的拉丁文字。

由于罗马字体的成熟，罗马人的书写方式已完全变成了自左向右的横式排列。

在此期间罗马人多使用羊皮纸书写，由于羊皮纸价格十分昂贵，所以古罗马版式设计的空间相对狭小，字行密度大，字体小，多为对称式，甚为庄严。

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

第一章第一章古罗马版式243.文艺复兴时期的版式设计在文艺复兴时期，版式设计大量采用罗马字体，为了尽量不受旧编排模式的影响，而采用了横纵方向的几何模式，布局工整，许多方面已接近现代排版方式，并易于阅读，装饰上虽然有洛可可花哨的特点，但并不足以影响简洁的版面功能。

第一章第一章文艺复兴时期版式254.工业革命时期的版式设计一大批具有改革精神的艺术家在原有的维多利亚精致、浪漫、复杂的设计风格上发展了在平面中讲究编排、强调版面装饰性的工艺美术运动设计风格，版面用各种几何图形插入并分割，其中文字和曲线花纹结合在一起，形成优美而富有浪漫情调的图文装饰，对称的结构形成了严谨、朴素、庄严的风格。

其优点是设计方法和设计方案很精美，缺点是过于烦琐。

第一章第一章26第一章第一章莫里斯设计的版面27第二节版式设计的发展三、现代版式设计1.构成主义20世纪20年代在德国、俄国和荷兰等国家兴起的现代主义设计浪潮提出了新字体设计的口号，其主张字体是由功能需求来决定其形式的，字体设计的目的是传播，而传播必须以最简洁、最精练、最有渗透力的形式进行。

第一章第一章28第一章第一章构成主义的版式设计292.风格主义风格主义就是追求艺术的抽象与简化，反对一切表现成分。

风格主义版式设计的最大特点在于将单体几何结构通过一定的形式规则地进行结构组合，而其结构的独立性依旧保持完整，运用横纵直线寻求版面的平衡性，通过数理计算使版面趋于逻辑性、秩序性。

第一章第一章风格主义的版式设计303.包豪斯设计包豪斯设计学院的设计师强调编辑、排版理性化，强调社会需要和技术的发展，他们将数学和几何学应用于平面分割，运用了几何图形和文字设计的招贴让人感受到一种全新的视觉设计表现语言；

对抽象图形，特别是硬边几何图形在平面设计中的应用进行了全面的研究和探讨。

包豪斯设计风格脱离了绝对对称的排版方式，采取相对对称，强调强烈的对比，运用块面粗线条，注重个性化，风格多变；

同时也强调功能性，进一步强调内容和形式的有效组合。

第一章第一章31第一章第一章“德国包豪斯学院设计作品展”招贴广告西奥凡杜斯伯格设计的风格杂志封面32第三节现代版式设计的特点一、个性化更加个性化的版式设计通常打破常规，趋于自由发挥设计，其效果具有偶然性。

个性化的设计是版式设计的目标之一，是突出版面风格品位、吸引读者的主要手段。

打破前人的设计传统，在排版设计中多一点个性而少一些共性，多一点独创性而少一点一般性，突出个性、品位和理念，才能赢得消费者的青睐。

第一章第一章非常规的个性化版式招贴效果，其独特的画面构成给读者留下印象33招贴画的画面不拘一格，似乎有点过于随意，但仔细分析会发现其构图合理，生动的手文字和涂鸦画法能够传达给读者轻松、生活化的感受。

第一章第一章个性化版式设计34第三节现代版式设计的特点二、商业化随着市场经济的发展，有很多商家认识到版式设计在产品宣传、销售中的重要作用，愿意为设计埋单，设计服务商家市场需要便成了硬道理。

产品广告的画面以促销为目的，要求在众多同类广告中脱颖而出，吸引浏览者眼球并快速传递产品优质特性和促进销售的其他积极的信息。

第一章第一章35商业化版式设计的商业宣传目的突出，画面整体感、现代工业感十足的招贴让读者一目了然。

第一章第一章商业化版式设计36第三节现代版式设计的特点三、简约化简约化是现代版式设计的国际趋势之一。

简约的版式设计采用模块排版、横题到底的版式，一块块有规则的文章区域，统一的标题字体，栏间距变宽等，以符合国际潮流及网络时代人们的阅读习惯，体现了现代人简洁为美的审美情趣，更重要的是它符合现代生活的快节奏，使读者能方便地找到并接收自己需要的信息。

第一章第一章37以适量的图片、图表还原信息用图片讲故事，以图表解说信息，让读者轻松、形象地获得信息；

版面以厚题薄文、长题短文、适留白、色彩清淡等现代设计方式方便读者检索，给读者提供明快、清新的视觉空间，读者在轻松的环境下完成阅读。

第一章第一章简约化版式设计38第三节现代版式设计的特点四、时尚化时尚化原则的运用特别体现在各都市类报纸的副刊上，如时尚生活类、服饰美容类、饮食健康类、旅游娱乐类等较为轻松休闲的专刊。

这类专刊在版式设计上大多采用简短的文章块，大量精美、生动的图片，适度的留白，简洁的版式结构。

时尚类杂志的排版风格让读者在图文并茂、清新悦目、轻松舒适的状态下享受并接受版面所要传达的信息内容。

第一章第一章39第一章第一章时尚化版式设计40第三节现代版式设计的特点五、人文化在紧张的生活节奏中，人们渴望宁静和回归纯真人性的感受，以及表达现实生活、宣泄内心等。

这时设计师往往通过手绘、照片等用独特的视角引人入胜，且耐人寻味地传达深层内涵，有着较强的艺术感染力。

第一章第一章41富有文化内涵的版式设计：

充满童真趣味的手绘招贴具有一定文化内涵，更具亲和力，使读者对画面产生欣赏意愿。

第一章第一章42第三节现代版式设计的特点六、功能化随着社会科技化、信息化、产业化的发展，以及人们节约能源、保护环境意识的加强，加上现实生活水平的普遍提高，社会文明大幅发展。

人们对奢华、繁复的渴望度逐渐降低，更多的是从实际需要出发，在设计中体现出了废物利用、循环利用、综合利用等更多功能化的设计趋势。

现代版式设计中功能化已成为整个版式个性化、人性化、时尚化等的基础。

第一章第一章43如左图报纸第一版的封面及导读功能的强化、栏目设置的相对固定化、厚报的按类分叠、具体版面的粗分块和细修饰等被业内人士称为报纸杂志化现象。

第一章第一章44卡片设计实现了展示性和实用性的功能第一章第一章45思考与练习一、思考题1.为什么排版设计成为一门研究的课题？

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

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

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

二、练习题1.根据本章所学内容开展市场调研，收集各范畴版式资料。

2.根据现代版式特点，分类整理所收集的资料。

第一章第一章46第二章版式设计基础第一节版式设计的构成要素第二节版式设计的构思程序第三节现代版式的印刷常识第二章第二章47学习目标掌握版式设计构成要素的类型及其特点。

掌握版式设计构思的一般程序，能够以此进行初步构思。

了解版式设计中的印刷常识，理解开本、版心、出血等版式设计相关术语的含义。

第二章第二章48第一节版式设计的构成要素点、线、面是版面的主要语言。

版式设计实际上就是如何调整好点、线、面的量与形式的关系，无论版面的内容与形式如何复杂，但最终都可以简化到点、线、面上来。

例如，一个字可以理解为一个点，一行字可理解为一条线，数行字可理解为一个面；

可以将版面理解为点、线、面相互依存、相互作用的关系，它们组合在一起并结色彩元素和空间效果形成一个个千变万化的版式设计作品。

第二章第二章49第一节版式设计的构成要素一、版面中的点点是版式设计中最简洁的元素，点的表现力是通过大小、颜色、位置等显现出来的。

1单独的点倘若在整个版面中只有一个点，这个点往往会自动形成视觉中心，有种被放大的效果，相当于绘画中的焦点透视法。

第二章第二章50以一本书的封面为例，可以认为封面上的文字是以点的形式呈现的，如书的名称、作者姓名、出版社名称、封面图片等，这些封面的构成要素都是设计的点，这些点元素在版面上的运用和安排要服从书的整体风格，在此基础上再做到有主有次，有突出有淡化。

成功的设计不需要将各种元素一应俱全地像杂货摊一样全都铺排在版面上，运用好必需的几个点，突出所设计内容的整体风格才是做好设计的关键。

第二章第二章日本设计大师原研哉的版式设计作品，采用的也是单独点的设计。

51该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字该封面版式设计运用了单独点的设计，设计者要表现“静”的主题，所以作者运用了极少设计元素，仅用了书籍名称几个字组成了一个引导视觉的中心点，为了平衡画面，在版面左下角运用了一个淡蓝色的圆形渐变，使画面形成对角的呼应且不至于过于单调。

第二章第二章52一、版面中的点2多个点的组合点是版式设计中最活跃的元素，版面中的点不管是小色块还是文字块，其本身都具有构成中点的特性，多个点组合时能够产生距离感或滚动、弹跳等动态的特性，它们可以与其他形态组合，起到平衡版面、填补一定空间、点缀和活跃版面气氛的作用；

还可以组合起来，成为一种肌理或其他要素，衬托版面主体。

第二章第二章53左为一幅典型的利用象形联想设计制作的招贴设计，画面用火烧成的大小不同的黑洞正好符合熊猫的耳朵、眼睛、鼻子的位置，结合大小合适的比例、黑白的熊猫标志性颜色，展现了熊猫的基本特征，使简单的画面增添了无尽的乐趣，耐人寻味。

整个画面左下角的标志和文字又组成了一个小点，配合主画面的几个大点，使画面更加完整，更突出地表达了保护环境、保护大熊猫的寓意。

第二章第二章54如上所示的摩托车广告中，用零部件（点）组成的性感美女头像（形）表达出产品的质感、细节和魅力。

第二章第二章55第一节版式设计的构成要素二、版面中的线线在平面构成中的特性在版式设计中有非常生动的表现。

在许多版式中，文字以线的形式存在，占据着画面的主要位置，成为设计者处理的主要对象。

各种线条还可以构成版面各种装饰要素及各种形态的外轮廓，它们起着界定、分隔画面各种形象的作用。

线还可以串联各种视觉要素，可以使画面充满动感，也可以在最大限度上稳定画面。

第二章第二章56第一节版式设计的构成要素二、版面中的线线在平面构成中的特性在版式设计中有非常生动的表现。

第二章第二章57第一节版式设计的构成要素二、版面中的线在构成原理中，每一种线都有其独特的个性与情感，将线的这些基本属性应用于版式设计中，就能轻松地呈现出较好的画面效果。

例如，细的直线能够传递冷静、严谨、远离的感受，而粗的线条具有一定的长方形的特性，显得更加凝重、冲撞眼球。

第二章第二章581垂直线和水平线的应用垂直线在艺术形式上给人以上升、高耸等感受，如电塔、烟囱、高楼、旗杆的结构轮廓都是高耸的垂直线；

水平线则使人联想到草原、海平面等，使人产生开阔、平静、徐缓等感受。

第二章第二章水平线的应用：

日本平面设计大师新村则人的作品，其线条运用极富艺术美感592倾斜线的应用倾斜线常常使人联想到飞机起飞、放风筝、滑滑梯等带有动感的形态，这也就是倾斜线给读者带来的感受。

两张与运动相关的招贴画，画面中数条倾斜的直线构成了画面的主体，那是田径赛场的跑道线，而倾斜的线条使得跑道像是变成了下坡路，这是利用了倾斜线产生的运动感使运动员看上去似乎奔跑得更快，深化了所要表达的加速跑主题。

第二章第二章603曲线的应用流畅的曲线能够让人联想到潺潺流动的溪水、温柔的女性。

曲线的应用给单调的画面增加了无尽柔美，甚至带有性感和神秘的色彩。

第二章第二章61曲线构成的创意广告：

利用构成原理将线条的视觉感受运用到商品广告中。

第二章第二章624线的分割作用线的巧妙分割版面的作用较多见，分割方式可以根据图像或设计者自己的想法确定总之，简单的处理能够给版面带来活跃、时尚、简洁等效果。

图中打开的刮刀形成“”的线条，将版面分割成多个部分。

第二章第二章63第一节版式设计的构成要素三、版面中的面面在空间占有的面积最多，因而在视觉上要比点和线来得强烈、实在，具有鲜明的个性特征。

1面的形成与应用在整个基本视觉要素中，面的视觉影响力最大，它们在画面中的作用往往是举足轻重的。

面可分成几何形和自由形两大类，因此，在排版设计时只有把握面与面相互间整体的和谐，才能产生具有美感的视觉形式。

第二章第二章641面的形成与应用在现实的排版设计中，面的表现也包含了各种色彩、肌理等方面的变化；

同时，面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极大的变化。

点和线在平面中的延展就构成了面。

点的铺排形成一定大小和形状的面，线对空间的分割也在原有整一的版面上形成了新的面，许多点和线的组合才能构成对主题的完整表达。

面有三角形、圆形、正方形等各种形体，在这一点上，它是点的放大。

第二章第二章65左图为点和面的关系。

圆形具有润泽感、和谐感，三角形具有稳定感、力量感，正方形具有端正感、平衡感。

不同的形状产生不同的心理感觉。

右图为日本设计大师高桥善丸设计的版面，用圆形的面给人以和谐、轻松的感觉，使得画面稳定而不呆板。

第二章第二章66面在版面中所占比例较大，因而它影响着其他视觉元素的位置关系，对称、重复、渐变、对比是常用的表达方式。

左右、上下或者呈对角线式的两个面用于排列重要程度相当的元素。

第二章第二章一边是文字，一边是图像的形式可以看成是对比两边形状相同而颜色不同的色块编排也是一种对比67第二章第二章小面的重复版面效果当有多个小的面积时，重复可以造成整齐有序的感觉，而在重复中又有颜色和大小的变化，就使得画面产生了动感，打破了重复造成的呆板，其原理如同平面设计中的特异效果。

68三、版面中的面2留白的应用版面的留白是一种特殊的面，这是一种非元素的元素化，是对空的设计。

在我国传统文化中，空往往代表一种旷达的人生感，充满了禅意。

与留白相对的是讲究满的构图，如同花丝绸面料一样，丰富而热闹，这种版式设计也是经常用到的。

第二章第二章留白的版面效果69第一节版式设计的构成要素四、版面中的空间版面中的空间通常是利用点、线、面所组成的形态在二维版面中所表现出的三维纵深效果。

1点表现空间的应用在一个版面上有多个点时，这些点的排列、重复和变化能起到丰富空间形态效果的作用，在多个点中间通常有某一个点非常突出，构成一个相对的视觉中心，其他的点都围绕它来共同表现同一个主题。

第二章第二章70第二章第二章多个点形成空间感：

画面中的点大小不一，大的点感觉比小点更接近读者，而那些小的点则像是正在向画面深远处后退；

很多点的无序排列能使人联想到星际空间。

三角形的大小不同的点有序排列形成空间感，如同平面构成的渐变原理。

71第二章第二章影响点的空间感的还有背景和点的排列：

图为同大的点形成空间感效果，图中黑色的背景衬托白色的聚集的圆点产生夏日树荫下波光粼粼的湖面，又或是夜晚空旷处的虫等，同样有较强的空间效果。

722线表现空间的应用版式设计的空间形状是各种形状的组织与安排之后的总形状。

当画面中出现整排文字时，可以把它们看成一条一条的线段，而通过线段的粗细变化和排列可以产生强烈的空间感。

如果对线的粗、细、长短进行规律摆放会产生很好的空间感。

粗线会比细线产生更近的视感受，当线段由粗至细或由细至粗顺序排列时，能够产生由近至远或由远至近的空间感。

第二章第二章73第二章第二章图为第二届魔术节的空间感招贴学生作业，其版式设计采用了大面积的空间表现手法，画面运用了线条感很强的英文大写字母组合成较宽的长条色块，根据近大远小的原理，将色块进行了变形，在黑暗的空间中产生了强烈的纵深感。

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

色彩的视觉识别距离比文字、图像更远。

在传递信息方面，色彩传达的是单纯的感受，如寒冷、热烈、温和等相对直观的感受，而不能表达细腻的内涵，这是色彩传递信息的一个特点。

在设计应用时，要仔细揣摩色彩、图像、文字的关系和作用，使其综合应用在画面中，使画面最好地表达设计者的意图。

第二章第二章751色彩的整体统一一本杂志或一本书应有自己的色彩基调，以体现杂志或书的媒体理念、市场定位及独有的神韵，在读者的视觉心理上产生影响，即为主色调。

一般来说，主色调的颜色在版面所有颜色中应占60%以上的面积，如果在视觉比例上不能占多数则不能主导画面，称不上主色调。

在主色调的基础上，一般要搭配相临色系的颜色，形成一个色调，给人和谐、统一的感受。

第二章第二章76左图为红底版面，图中某杂志内页画面中用了大面积的红色作为底色，很明确地表现了画面的色调为红色，可使人感受到强烈、激情的基调。

画面说明的主要议题内容需要读者通过大标题获得，要了解具体内容则需要仔细阅读版面中的较小文字，这些就需要在读者被色彩运用所吸引而驻足的情况下才能实现，所以说色彩在版面中的作用是抢先一步的，一名合格的版式设计师在接到设计任务时必须首先考虑主题的基调，使用恰当的颜色。

第二章第二章77第二章第二章色彩的冷暖、轻重，色彩的诱目性、膨胀色与收缩色、前进色与后退色都是确定一个版面主色调的重要因素。

底色确定基调。

图中灰色底色版面加上细线条的运用，配合人物照片可显示出冷漠且敏感的氛围。

782色彩的多样性对于一个只用同色系的版面，虽然是一个整体，但由于人眼刺激的单调及色觉的疲劳，会给人一种平淡、乏味的感觉。

强烈的色彩对比又显得生硬甚至刺眼，但如果版面采用互补的色调，并能在色彩的明度与纯度、面积与布局上处理得当，就会产生鲜艳、明快而又和谐、丰富的效果。

第二章第二章绚丽色彩招贴画79第二章第二章2色彩的多样性如灰色在红色的背景上带青色、在蓝色的背景上带黄色；

黄色与绿色相近显橙色、与红色相近显草绿色；

绿色与金黄、淡白搭配，可以产生优雅、舒适的气氛；

黑色或紫色的衬托可以增强黄色的力度。

彩色的编排设计不仅要考虑到彩色部分与非彩色部分的色反差效果，还要考虑到彩色部分与非彩色部分的色对应效果，应通过对比来丰富版面。

多色彩的运用80第二章第二章2色彩的多样性对于色彩运用还要掌握好“度”，即强调适当地用色，把握好一个原则，即少用纯色。

纯色是指100%饱和度的单一色彩，纯色鲜艳强烈，明确易记，具有一定的力度和硬度，纯色用得好，可点石成金，起到画龙点睛的作用。

但纯色在版面中却不宜用得过多，纯色太多，如大量使用大红、柠檬黄、翠绿、鲜蓝等，则会使版面显得过分刺目、生硬，没有主色调，从而难以产生美感。

一个好的版面应谨慎而少量地运用纯色，多用复色和次纯色，如粉绿、湖蓝、钻蓝、淡黄等。

色彩对比形成活跃的版面效果813配色的一般方法

（1）冷暖搭配红、橙、黄色系属于暖色系，给人们带来热闹、鲜艳、愉快、动感等印象。

蓝、蓝绿等颜色属于冷色系，可让人心绪稳定下来，同时会带给人们带来沉稳、冷峻、寒冷、凉爽、整齐的印象。

黄绿、绿、紫等没有明显暖寒感觉的色彩称为中间色彩。

（2）对比色搭配冷色的诱目性较低，如紫、蓝、绿蓝等；

暖色中红、黄、橙的诱目性高。

色彩的对比手法也具有很强的诱目性。

第二章第二章色彩的诱目设计823配色的一般方法（3）色彩识别度的强弱在纷繁的画面中容易看到的色彩识别度高，反之则识别度低。

这叫作色彩的识别性。

色彩识别性的好坏，与主体和背景的色相差、明度差、彩度差都有关系，要提高识别性，就要增大这些差值。

色彩识别度强弱对比右