版式设计课件李鱼神话.ppt

《版式设计课件李鱼神话.ppt》由会员分享，可在线阅读，更多相关《版式设计课件李鱼神话.ppt（73页珍藏版）》请在三一文库上搜索。

1、版式设计,一、版式设计概念 1、版式即版面的样式,版面是版式设计的载体.版面不仅仅是一张纸,还可以是一面墙、一个瓶罐、一件T血衫、显示器的屏幕、公交车的车身 总之是一切可以人为利用的信息承载媒介。,第一章 版式设计概述,2、版式设计也称为编排设计，是指在有限的、特定的版面空间中，根据设计内容、目的要求、把文字字体、图形图片、线条线框、颜色色块等视觉元素，按照设计创意要求进行组合排列，并运用造型要素及形式原理把创意构思以视觉形式表达出来的过程，是一种具有个人风格和艺术特色的视觉传达方式。,3、应用领域 书籍杂志设计、报刊广告设计、招贴广告设计、包装设计、企业形象设计、 产品样本设计、网页设计所有

2、平面以及影像设计制作领域。,二、版式设计的目的 版式设计的终极目的：将版面上的信息更有效地传播给读者。 要做到“更有效”必须具备2个条件： 1、版面上的信息编排要合理，主题明确，一目了然。 2、版面的设计要新颖，艺术感染力强，符合主题内容的特点需要，让读者印象深刻并乐于接受。,三、版式设计的发展趋势 1、强调创意表现 版式设计的创意有2种，一种是针对主题思想的意， 另一种是版面编排设计的创意。 2、追求个性品位 个性是设计师对设计样式差异的独到见解。品位既定 了设计作品的档次，也决定了读者的档次。版式设中 追求新颖独特的个性表现，或者以追求幽默、风趣表 现形式。,3、注重情感效应 水平、对称、

3、并置的结构表现严谨与理性； 曲线与散点的结构表现自由、轻松、热情与漫； 出血版使感情舒展； 框版使感情内蕴； 留白富于抒情； 黑白富于庄重、理性。 、巧用电脑编排。,作业一,每位同学从网络或其它途径搜集两张，你认为非常优秀或具有创意的版式设计图片，并对其赏析,第二章 版式设计的编排原则与审美原理 第一节、版式设计的编排原则 一、主题与中心的突出 1、任何一种形式的版式设计，其共同目的都是使版面中的各种视觉元素按照一定的主次关系和形式美法则进行有条理的组织和排列，然后共同说明或表达一个问题或一种含义。也就是说各视觉元素必须围绕一个视觉中心来突出一个设计主题或思想主题。 2、版面主题或中心的突出并

4、不是纯粹地强调单一和简单，而是追求一种设计内容的概括及巧妙的提炼过程。,实例分析,1、课本第15页，图2-1 2、课本第16页，图2-3,二、内容与形式的统一,1、一个优秀的版式设计不只是字体、图形、色彩等视觉元素组合形成的一种表现载体，它是设计者创意构思的舞台。 2、版式设计的内容是表达形式运用的重要依据，而形式是让版式设计内容产生共鸣的重要途径。二者相辅相成，共同塑造一个完整的版式设计效果。,三、设计与艺术的结合,1、版式设计构思与表达本身就是一种创作过程，但如果仅仅把目标局限在一种纯粹的“设计”层面上，那么其版式设计的整体质量无疑将会大打折扣，为了避免这种情况的产生，就应使字体、图形、色

5、彩、等视觉元素通过其审美原理，并运用夸张、象征、比喻等表现手法来装饰和丰富整个版面效果。 2、随着时代的发展，版式设计与艺术的结合将会更加紧密。,四、局部与整体的协调,1、版式设计是文字、图形、色彩等视觉元素的一个集合体。版式设计要始终坚持其各视觉元素相互协调、相互补充的原则。 2、在具体的版式表现中，只追求局部的表现美感而忽视整体的协调统一，其版式设计是不成功的。 3、课本第18页图2-20分析。,第二节、版式设计的审美原理,一、对称与均衡 1、对称是以“中轴线或中轴点”为基础，两边置以同形、同量、同色的对称形态，是等形等量的形态元素组合。 2、其版式特点是稳定、庄重、整齐、秩序、安全等 3

6、、课本第19页，图2-25实例分析,4、均衡是遵循杠杆力学原理，以等量不等形的组合，利用视觉规律，通过对大小、形状、距离。疏密等因素的改变来调节“轴”两侧的分量，形成心理上的平衡。 5、版式设计中主要表现为形状、大小、色彩、材质等视觉元素，利用特定的空间来决定主与次的位置，通过控制各元素的位置、面积、大小、色彩等，得到视觉和心理上的平衡。,二、节奏与韵律,1、节奏是造型要素按照一定条理、秩序、重复连续的排列，形成一种律动的形式。 2、韵律和节奏一样都源于音乐上的概念，韵律就像音乐中的旋律，有起伏有重点，比节奏更具情调和感染力。 3、节奏和韵律是联系在一起的，但有节奏不一定有韵律，有韵律一定有节

7、奏。 4、课本第20页，图2-32实例分析。,三、对比与调和,1、对比是强调差异性的组合关系。如大小、粗细、疏密、曲直、高低、长短、远近、虚实、软硬、浓淡、明暗、强弱、钝锐、轻重等。 2、调和是指使两个或两个以上的要素相互具有共性，强调版面元素的近似性组合关系。如版面中应避免使用多种字体等。 3、版面设计一般遵循“大调和，小对比”原则，即版面整体要求调和，局部强调对比。,四、秩序与变异,1、秩序可以营造出和谐、整齐的组织美，体现版面编排的科学性和条理性，可以帮助版面获得较好的可读性，使读者对版面上的信息一目了然。 2、变异是规律的突破，是一种在大秩序中少数局部的突变。变异是相对秩序而言的，没有

8、秩序也就没有变异，变异使版面既有条理又生动活泼。,五、虚实与留白,1、留白不一定是白色的空间，它是“虚”的特殊表现手法。中国画有“计白当黑”之说，以虚托实，对突出版面创意意境有着重要的作用。留白还可以丰富版面的空间层次，使画面内容表达更含蓄，更有意境，引发读者联想。 2、课本第24页，图2-54实例分析。 3、课本第24页，图2-58实例分析。,第三章 版式设计的视觉元素和造型要素 第一节 视觉要素及其构成设计 一、文字 1、基本常识 （1）字体 中文字体分书写体、印刷体、收回美术字体三大类 拉丁字体分常规体、斜体、黑体、黑斜体等 常用的字体有宋体、仿宋、黑体和楷体 同一版面中，字体种类一般不

9、超过三种,电脑字体的安装 控制面板 外观和个性化 字体 （2）字号 字号是表示字体面积大小的术语。 （3）字距、行距 字距、行距处理，直接体现了设计师对版面 的心理感受和审美品味。（一般电脑已设定）,2、文字编排的基本形式,(1)左右齐整 即文字从左至右长度均齐。 这种编排字群端正、严谨、稳定，但易显平淡。 如课本P26图3-1。 （2）左或右对齐 左或右对齐能使行首或行尾形成一条直线，另一端则因语句不同而有长短之变，张弛有度，是一种和谐的对比关系。如课本P26图3-3。,（3）中间对齐 文字以轴线为中心，对称排列。这种编排中心突出，左右两侧长短不一，富于节奏变化。 （4）图形化排列 一种是文

10、本绕图，即文字绕图片边缘排列，两者相容，自然融洽。 另一种是将文字按某种形状编排，使其图形化。 这种方式有趣夸张，但要与艺术创意一致。 如课本P26图3-6,（5）自由排列 不拘泥于整齐、规律的排列方式。这种编排灵活、生动、个性十足，但对设计者自身能力要求较高，一般不建议初学者使用，因为会使版面混乱不堪。,3.正文、标题、注释 正文编排时，首先根据具体版面划分栏，一般使用通栏。对于面积大、字数多、内容多的报刊、杂志等可使用双栏、三栏、四栏等。 正文排列最常用的是横排，也有少数竖排、斜排、弧线排等 标题应醒目，视觉冲击强，副标题是对标题的补充，视觉效果应若于标题。注释相对弱小。,4、文字强调 为

11、了突出版面某些内容，引起读者特别关注，可对相关文字进行处理。 （1）首字强调 对某段文字的字首进行放大、装饰处理。如课本 P27图3-11。 （2）线、框、符号等强调 利用线、框等符号强调文字，如课本P28图3-12。,5、文字的特殊处理 （1）文字图形化 设计中的文字，是字又是图；是信息传递工具，又是审美对象。文字图形化是在不影响其原有传递功能的情况下，对字体进行艺术创造，强调字体的美学效应，也就是字体设计。如课本P28图3-14。 （2）文字叠置 即文字不印在单一背景上，以其他文字、图形、图片等做底，进行叠置，也叫杂音。形式活泼、个性、艺术感强，但也容易使版面凌乱。如课本P28图3-15。

12、,二、图形,一图胜千字 图形包括照片和插图 1、图形的形式 （1）出血图形 图片充满整个版面，不需边框。此形式打破版心束缚，自由奔放，舒展，动感十足，贴近受众。如课本P29图3-17。,（2）退底图形 即根据内容所需，选取必要部分保留，减弱或去除其它背景。此形式排出背景干扰，主体形象突出醒目。如课本P29图3-18。 （3）形状图形 即把图片用一定形状限定。如方向、三角形、梯形、有机形等。具体形状可视设计内容和表现而定，以使版面新颖，从而提高读者阅读兴趣。,2、影响图形编排效果的因素 （1）图形位置 将图形置于版面中心，会强化其视觉冲击力，形成关注焦点。如课本P29图3-19。 在对角线上安排

13、图片，可支配版面空间，效果灵动独特。如课本P29图3-20。 版面上下左右、对角线、四角均能安置图形，设计中应根据其内容要素、视觉效果、心理感受来经营，有效控制各个点，使版面主题鲜明、简洁、清晰、富于理性。如课本P29图3-21。,（2）图形面积 一般情况下，图形面积的大小变化，决定了注意度的高低。人的自然观看顺序是从大到小，所以通常重要的图形面积较大。如课本P30图3-22-25。 （3）图形数量 图形数量少（最少一张），这样的版式简洁、单纯、格调高雅。当然也有可能单调、索然无味。 图形数量多，这样的版面丰富活泼、有浏览余地，适合新闻类刊物、产品说明类宣传册等。当然也有可能松散混乱、缺乏重点

14、。如课本P30图3-26。,（4）图形方向 图形方向可以是人物、动物的视线动作，可以是有方向性的线条、符号、图形组合形式，也可以借助近景、中景、远景来达到。方向感越强，动势就越强。如课本P30图3-27。 （5）图形组合 图形组合可分为块状组合和散点组合。 块状组合图形密集、整体、文字与图片相对独立，图形的块状格局与文字间的强弱变化富有节奏。 散点组合图形与图形间分散安排，图形穿插于文字群间，自由轻松，活泼随意，具有亲和力。如课本P30图3-29。,三、色彩,1、色彩的对比 色彩对比的依据是色彩三要素。 明度对比，通过亮色调、中色调和暗色调的不同变化形成的对比。 纯度对比，鲜艳的色彩和灰色放置

15、在一起产生的鲜灰对比。 色相对比，不同相貌的色彩产生的种种对比。 另外还有色彩的面积对比、冷暖对比等。 色彩对比旨通过对比突出视觉差异，但过分对比不利于设计语言的表达。如课本P31图3-31。,2、色彩的均衡 色彩使版式丰富，多彩纷呈。 根据色彩自身的规律，从色彩形状的大小变化，色彩的冷暖，明度及纯度等方面来考虑色彩的均衡，同时还要注重调和色的作用，以达到版面的色彩视觉平衡。 如课本P31图3-32-33。,3、色彩的条理化 画面色彩最忌庞杂，过多的色彩会分散人们视觉的注意力。 在同一版面中使用相对固定的几套色，依据版面整体需要进行合理安排，有利于美化版面，使版面整体统一。 如课本P31图3-

16、34-35。,第二节 造型要素及其构成设计,点、线、面是构成视觉空间的基本元素，也是版面构成上的主要语言。 一个字母，一个页码可以理解为一个点；一行文字，一行空白可理解为一条线；数行文字与一片空白则可理解为面。 它们相互依存、相互作用、组合出来各种各样的形态，构建成一个完美的版面。,一、点的构成,点的感觉是相对的。它是由形状、方向、大小、位置等形式构成的。点可以是一个文字，也可以是一块色彩，一张小小的照片或图像，点可以以任何形态显示。 1、点的扩张性 点在版面中往往都能产生中心感，这由点的扩张性特征所决定。也就是“焦点”作用，在视觉心理上有一种空间感。 如图3-36,2、点的视觉连线 在一定的

17、版面空间内出现的两个或两个以上的点在视觉上会使人产生相关联的心理知觉。 在实践中，可以用点的视觉连线规律，通过秩序规律的组织使不同视觉元素形成整体感，达到统一版面视觉效果的目的。 如图3-42,3、点的视觉转移 当版面内出现大小不同的两个点时，人们的注意力往往都是先注意在大的点上，然后注意力向小的点转移。这种现象被称为点的视觉转移。 在实践中，可以利用点的视觉转移现象，处理好内容主次关系，有意识安排视觉信念的先后顺序。 如图3-44-47,4、点的形态 在版式设计中，点有着一定的具体形态。这是在版面内，针对视觉范畴而言的，是由相对于版面空间的具有一定比例关系的视觉图形元素所决定的。因此版面内点

18、的形态可以是几何形、抽象形、文字、具象形等。 在实践中，应通过合理的比例关系，根据实际情况，加强具体视觉图形元素的点的效果，从而驾驭好版面内点、线、面、空间及层次关系。 如图3-48-51,二、线的构成,线是移动中的点。线具有位置、长度、宽度、方向、形状和性格等特点。 1、线的情感特征 直线代表男性，曲线代表女性。 直线给人以单纯、安静、庄严的感觉；水平方向的线令人产生开阔、平静、安定、永无止境的感觉；垂直方向的线令人产生蓬勃向上、崇高的情绪；斜线具有动力、动荡和不安的感觉，富于现代意识和速度感。,曲线给人以丰富、柔软、流畅的感觉，非常具有女性特征；自由曲线最能体现出情感的抒怀；几何曲线具有明

19、确、规整感、规范性，使版面构成富有逻辑。 如图3-53-54-55,2、线的空间构成 （1）线的粗细与空间构成 同样长的两条线，粗线给人较近的感觉而 细线则有后退的感觉；同一条线从头至尾的粗 细变化也会产生远近感。 如图3-57 （2)线的渐变空间构成 线的渐变可以产生立体感。 （3）线的虚实空间构成 线的色块反衬产生一种节奏与韵律。,（4）、线的放射空间构成 a、同心式：像一湖清水泛起的涟漪，一层层地 环绕着中心使版面产生凝聚力。 b、离心式：像太阳光芒的照射由中心向四周放射，起到扩充版面视线的作用。 c、向心式：由不同方向向同一中心聚集，这种构成方式往往是版面主体的位置所在。 3、线的自由

20、分割 完全凭借个人感觉来分，不受固定的条条框框所约束，灵活性大，初学者可以选择优秀作品从模仿开始练习 如图3-68-70-72,三、面的构成,面在空间上占有的面积最多，面可以分为几何形和自由形两大类。另外版面构成上正形是实体，负形是“虚体”。 1、面在位置上的变化 面在位置上的变化一般指视觉图形元素本身在方向上不发生变化，仅在版面的不同位置上进行变化。 如图3-76-77-78,2、面在方向上的变化 方向上的变化是指对视觉图形元素在角度上的变化。一般方向的变化就有位置的变化，只不过因为方向因素的出现在视觉上强化了动态的方向感，而位置因素在效果及作用上不及“方向”明显。 如图3-79-80-81

21、 3、面在比例上的变化 面在比例上的变化，一定是一组面的比例变化，即大小、尺度上的差值关系。 如图3-82-83-84,四、版面黑、白、灰的空间构成,黑、白、灰是对世界异彩纷呈的抽象概括。 在版面构成中，一般感觉最敏锐的是白色，最迟钝的是灰色，介于两者之间的是黑色。 白色是版面的近景，黑色是中景，灰色是远景。黑、白、灰对比编排单纯醒目，最能保持远距离的视觉冲击力。 如图3-90-91,第四章 版式设计的基本程序 一、收集资料 整体规划 二、构思、创意 三、深入完善 确立正稿 四、精确排版 局部修饰 后期调整 五、打样印制,实训 书籍封面设计,书籍是人类文明进步的阶梯，人类的智慧积淀、流传与延续

22、，依靠书籍。书籍给人们知识与力量。古人说过，“三日不读书便觉语言无味，而面目可憎也”。足见书籍作为精神食粮有多大的教育启迪作用。书籍作为文字、图形的一个载体的存在是不能没有装帧的。书籍的装帧是一个和谐的统一体，应该说有什么样的书就有什么样的装帧与它相适应。在我国，通常把书籍装帧设计叫做书的整体设计或书的艺术设计。,一、封面的构思设计,首先应该确立表现的形式要为书的内容服务的形式，用最感人、最形象、最易被视觉接受的表现形式，所以封面的构思就显得十分重要，要充分弄通书稿的内涵、风格、体裁等，做到构思新颖、切题，有感染力。构思的过程与方法大致可以有以下几种方法：,1、 想象： 想象是构思的基点，想象

23、以造型的知觉为中心，能产生明确的有意味形象。我们所说的灵感，也就是知识与想象的积累与结晶，它对设计构思是一个开窍的源泉。 2、 舍弃： 构思的过程往往“叠加容易，舍弃难”，构思时往往想得很多，堆砌得很多，对多余的细节爱不忍弃。张光宇先生说“多做减法，少做加法”，就是真切的经验之谈。对不重要的、可有可无的形象与细节，坚决忍痛割爱。,3、 象征： 象征性的手法是艺术表现最得力的语言，用具象形象来表达抽象的概念或意境，也可用抽象的形象来意喻表达具体的事物，都能为人们所接受。 4、 探索创新： 流行的形式、常用的手法、俗套的语言要尽可能避开不用；熟悉的构思方法，常见的构图，习惯性的技巧，都是创新构思表

24、现的大敌。构思要新颖，就需要不落俗套，标新立异。要有创新的构思就必须有孜孜不倦的探索精神。,二、封面的文字设计,封面文字中除书名外，均选用印刷字体，故这里我主要介绍书名的字体。常用于书名的字体分三大类：书法体、美术休、印刷体。,1、书法体： 书法体笔划间追求无穷的变化，具有强烈的艺术感染力和鲜明的民族特色以及独到的个性，且字迹多出自社会名流之手，具有名人效应，受到广泛的喜爱。如求实、娃娃画报等书刊均采用书法体作为书名字体。,2、美术体： 美术体又可分为规则美术体和不规则美术体两种。前者作为美术体的主流，强调外型的规整，点划变化统一，具有便于阅读便于设计的特点，但较呆板。不规则美术体则在这方面有

25、所不同。它强调自由变形，无论从点划处理或字体外形均追求不规则的变化，具有变化丰富、个性突出、设计空间充分、适应性强、富有装饰性的特点。不规则美术体与规则美术体及书法体比较，它既具有个性又具有适应性，所以许多书刊均选用这类字体，如：知音、国外的NEWYORK等。,3、印刷体： 印刷体沿用了规则美术体的特点，早期的印刷体较呆板、僵硬，现在的印刷体在这方面有所突破，吸纳了不规则美术体的变化规则，大大丰富了印刷体的表现力，而且借助电脑使印刷体处理方法上既便捷又丰富，弥补了其个性上的不足。如译林、TIME等刊物均采用印刷体作为书名字体。,三、封面的图片设计,封面的图片以其直观、明确、视觉冲击力强、易与读

26、者产生共鸣的特点，成为设计要素中重要部分。图片的内容丰富多彩，最常见的是人物、动物、植物、自然风光，以及一切人类活动的产物。,四、封面的色彩设计,封面的色彩处理是设计是重要一关。得体的色彩表现和艺术处理，能在读者的视觉中产生夺目的效果。色彩的运用要考虑内容的需要，用不同色彩对比的效果来表达不同的内容和思想。在对比中求统一协调，以间色互相配置为宜，使对比色统一于协调之中。书名的色彩运用在封面上要有一定的分量，纯度如不够，就不能产生显著夺目的效果。另外除了绘画色彩用于封面外，还可用装饰性的色彩表现。文艺书封面的色彩不一定适用教科书，教科书、理论著作的封面色彩就不适合儿童读物。要辩证地看待色彩的含义

27、，不能形而上学地使用。,第五章 版式设计的实践应用 一、书籍杂志的版式设计 二、报纸广告的版式设计 三、招贴广告的版式设计 四、非出版物的版式设计 （产品宣传单、宣传册、请柬、贺卡、年历等） 五、包装的版式设计 六、企业形象的版式设计 七、网页的版式设计,版式设计的应用领域 一、 书籍、杂志设计 1、文字是主体，正文用中号，标题大号，注解说明用小号字。 2、书籍装帧设计 书籍装帧设计是指书籍的整体设计，在外观形式上要赏心悦目，内文排布中让人视觉舒服，不忍释卷。要求设计师在书籍的每个环节注入新鲜元素，整体形象浑然合一。,二、报纸广告 报纸既是新闻传播的载体，同时也是各类广告传播的媒体。报纸广告时

28、效迅速，灵活性高，公众对其有普遍的信赖感，费用相对而言也比其它媒体低 。报纸广告的短处有效时间短。,三、招贴广告的版式设计 招贴又名海报或宣传画，属于户外广告。 招贴的特征： 画面大引人注目 ；远视强 ；内容广；重复性 。 招贴设计的内容 （1）公益广告主题有节约用水、生态平衡、爱护树木、保护动物、节约资源、反对战争、爱护和平。 （2）文化艺术体育类，广告有科技、教育、艺术、运动会、音乐会、电影节、 服装节以及重大事件和节日。 （3）公共类的选举、政策、交通、运输、安全等方面。 （4）商业类的产品、企业、公司、品牌、旅游、服务等。,四、非出版物的版式设计 产品宣传单、宣传册、请柬、贺卡、年历等

29、 1、情感性 2、艺术性 3、尺寸和材料的选择 （开本的二分之一，四分之一，六分之一，八分之一，十二分之一，十六分之一，三十二分之一） 4、折叠和裁切的选择,五、包装设计 包装具有商品和艺术相结合的双重性。现在，包装设计中更加注重商品的广告功能。 良好的包装设计具备的特点： （1）创造产品价值 （2）建立良好的商誉 （3）促进销售 （4）保护商品避免外力伤害 （5）便于携带搬运交易、降低成本,六、企业视觉形象的版式设计（CI) 通过一体化的符号形式来形成企业的独特形象，便于公众辨别、认同企业形象，促进企业产品的推广。 CIS的主要含义：将企业文化与经营理念，统一设计，利用整体表达体系（视觉表达系统），传达给企业内部与公众，使其对企业产生一致的认同感，以形成良好的企业印象，最终促进企业的发展。 CI的具体组成部分 MI：理念识别 BI：行为识别 VI：视觉识别。,七、网页的版式设计 在虚拟的屏幕空间中将各视觉要素进行有机的排列组合，通过控制不同的视听要素实现多媒体功能。 网页的特殊属性：屏幕的可视空间有限，但虚拟空间可以任意开创，在尺幅之间，感触到无以穷尽的另类虚拟空间。,