版式设计中点、线、面的构成--副本课件.ppt

1、版式设计中点、线、面的构成版式设计中点、线、面的构成 版式设计中的元素包括点、线、面，它们都各自具有各自的形象，各不相同。要创造出形式多样的形象可以使用以下几种方法创造基本形来实现。在版面构成中，通过基本形的组合，可产生形与形之间的多种组合关系，这种关系主要有：1.分离：形与形之间不接触，有一定距离。2.接触：形与形之间边缘正好相切。3.复叠：形与形之间是复叠关系，由此产生上下前后左右的空间关系。4.透叠：形与形之间透明性的相互交叠，但不产生上下前后的空间关系。5.结合：形与形之间相互之间结合成为较大的新形状。6.减缺：形与形之间相互覆盖，覆盖的地方被剪掉。7.差叠（交叠）：形与形之间相互交叠

2、，交叠的地方产生新的形。8.重合：形与形之间相互重合，变为一体。一、版式设计（format design）的概念二、版式设计的原则三、版式的基本类型四、版式设计的原理空间的编排构成五、版式设计的视觉流程六、版式设计的形式法则七、版式设计中的文字编排构成八、版式设计中的图片编排构成九、现代版式设计的发展趋势 在视觉心理学家的研究表明，视觉运动是有规律的。一般表现为：一条垂直线在页面上，会引导视线作上下的视觉流动；水平线会引导视线向左右的视觉流动；斜线比垂直线、水平线有更强的视觉诉求力，按线的方向作运动；矩形的视线流动是向四方发射的；圆形的视线流动是辐射状的；三角形则随着顶角之方向使视线产生流动；

3、各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。五、版式设计的视觉流程 这种视觉在空间的流动线为“虚线”。正因为它虚，所以设计时容易被忽略。而有经验的设计师却非常重视并善于运用这条贯穿版面的主线，可以说，视觉流程运用的好坏，是设计师技巧是否成熟的表现。版式设计的视觉流程是一“种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。1 视觉流程的概念视觉的一般流向2 视觉流程的一般规律左左 右右上上 下下视觉注意力在平面中的分布 当然，这种视觉流程规律并不是一成不变的，设计师也可根据具体的需要重新设计新的视觉流程。一些有创造性的设计师，在设计时，他们常用“阻止”、不常用的程序去考虑

4、设计作品的视觉叙述，以抓住主动因素让观者按照自己的诱导移向下一个内容。所以，观者的注意完全被设计师左右。这样，设计师所要传达的信息情感主动的传递与观者，从而取得最佳的视觉传播目的。3.1 3.1 视觉流程的逻辑性视觉流程的逻辑性 各视觉要素在版式设计中的安排，要符合人们观察事物的心理顺序和思维活动的逻辑顺序。例如图片所提供的信息比文字更具直观性的特点，把它作为广告版面的视觉中心，比较符合人们在观察、认识事物过程中先感性后理性的顺序。3 3 视觉流程运动中应注意的事项视觉流程运动中应注意的事项 节奏作为一种形式的审美要素，不仅能提高人们的视觉兴趣，而且在形式结构上也利于视线的运动。它在构成要素之

5、间位置上要造成一定的节奏关系，使其有长有短，有急有缓，有疏有密，有曲有直形成心理的节奏，以提高观众的阅读兴趣。3.2 3.2 视觉流程的节奏性视觉流程的节奏性 通过对版式中视觉元素的编排，左右人们的视线，使其按照设计意图进行顺序流动，用以捕捉观众的视觉注意力。3.3 3.3 视觉流程的诱导性视觉流程的诱导性4 版式设计的视觉流程形式4.1单向视觉流程4.2曲线视觉流程4.3焦点视觉流程4.4反复视觉流程4.5导向视觉流程4.6散点视觉流程4.7最佳视域4.14.1单向视觉流程（直线视觉流程）单向视觉流程（直线视觉流程）单向视觉流程使版面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效

6、果。其表现为三种方向关系：l竖向视觉流程 坚定、直观的感觉。l横向视觉流程给人稳定、恬静之感。l斜向视觉流程以不稳定的动态引起注意。曲线是相对于直线的一种形式，有一定的弧度，包括弧线和折线，指各个视觉要素随弧线或回旋线而运动变化形成的的视觉流程是曲线视觉流程。曲线视觉流程不如直线视觉流程直接明了，但更具有韵味、节奏和曲线美。曲线视觉流程的形式微妙而复杂，可概括为两种形式：4.2 4.2曲线视觉流程曲线视觉流程l弧线形（C形）视觉流程：有扩张感和方向感。弧线形视觉流程，使页面具有很强的扩张性。l 回旋形（S形）视觉流程：两个相反的弧线产生矛盾回旋线。回旋形势觉流程在平面中可增加深度和动感，使页面

7、产生更多层次，空间感增强。焦点是视觉心理的焦点，在具体的处理上，一般沿着视觉焦点的倾向与力度，来发展视线的进程，集合浏览者的视线，完成视觉心理上的焦点建造。可以理解为：其一，以强烈的形象或文字占据页面某个位置，或文字独具版面某个部位或完全充斥争办、其焦点的位置因具体画面而定。在视觉流程上，首先是从版心焦点开始然后顺眼形象的方向与力度倾向来发展实现的进程。其二，向心、离心的视觉运动也焦点是觉流程的表现、焦点的诱导六城市主体更为鲜明突出而强烈。4.34.3焦点视觉流程焦点视觉流程 每个页面中都有一个视觉焦点，这是需要重点处理的对象。焦点是否突出，和页面版式编排、图文的位置、色彩的运用有关，同时也与

8、对“焦点”着力描写有关。在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。指版面中相同或相似的视觉要素作规律、秩序、节奏的逐次运动。其运动流程不如单向、曲线和焦点流程运动强烈，但更富韵律和秩序美。4.4 4.4 反复视觉流程反复视觉流程 通过诱导性视觉元素，主动引导读者视线向一定方向作顺序运动，按照由主及次的顺序，把页面各构成要素依次串联起来，形成一个有机整体，使重点突出，条理清晰，发挥最大的信息传达功能。视觉导向元素有多种，有虚有实，表现多样。如：文字导向、手势导向、形象导向以及视线导向等。4.5 4.5 导向视觉

9、流程导向视觉流程4.5.1 文字导向 “请按这里”、“点击进入”等文字，是通过语义的表达产生理念上的导向作用。另外，也可以对文字进行图形化处理，对浏览者产生自觉的视觉导向作用。4.5.2 手势导向 手势导向比文字导向更容易理解，且更具有一种亲和力。4.5.3 形象导向 同手势导向一样容易理解，较常采用的形象为箭头。形象导向具有简洁明确的特点。4.5.4 视线导向 一组人物、动物面向同一方向，会因共同的视线而一致起来。不同的物品方向一致，也可以产生统一感。如果将页面中人物的视线对着物品，就会引导浏览者的视线集中到物品上。充分利用视线导向，可以使视觉元素之间的联系加强，结构更加紧凑。4.6 4.6

10、 散点视觉流程散点视觉流程 指版面各视觉要素之间成自由分散状态的编排。散状排列强调感性、自由随机性、偶合性，强调空间和动感，追求新奇、刺激的心态，常表现为一种较随意的编排形式。这种编排方式在国外平面设计中十分流行,而在国内还偏重于相对规则、理性的版式效果。面对自由散点的版面，我们的视线随版面图像、文字作或上或下或左或右的自由移动阅读的过程。这种阅读过程不如直线、弧线等流程快捷，但更生动有趣，具有轻松随意与慢节奏感。版式设计中的重要信息或视觉流程的停留点安排在注目价值高的位置（即最佳视阈）。版面中不同的视域，注目程度不同，给人心理上的感受也不同。一般而言，上部给人轻快、漂浮、积极、高昂之感；下部

11、给人压抑、沉重、限制、低矮、稳定的印象；左侧，感觉轻便、自由、舒展，富于活力；右侧，感觉紧促、局限却又庄重之感。版面中最重要的信息，应安排在注目率最高的页面位置，这个位置便是页面的最佳视域。4.7 4.7 最佳视阈最佳视阈六、版式设计的形式法则 版式设计离不开艺术表现，美的形式原理是规范形式美感的基本法则。它是通过重复与交错、节奏与韵律、对称与均衡、对比与调和、虚实与留白等形式美构成法则来规划版面，把抽象美的观点及内涵诉诸读者，并从中获得美的教育和感受，它们之间是相辅相成、互为因果的，既对立又统一地共存于一个版面之中。6.1单纯与秩序6.2对比与调和6.3对称与均衡6.4节奏与韵律6.5虚实与

12、留白6.16.1单纯与秩序单纯与秩序 单纯化有两个概念：l 基本形的简练。l 编排结构的简明、单纯。把握好这两点是设计中的元素产生强烈视觉冲击力与整体感的前提。设计之前，面对一大堆图片和文案资料，必须进行理性思考，采用逻辑思维的方法，对图片资料进行大胆取舍，以设计出条例清晰、形式感强的视觉流程。如设计水平、垂直、倾斜和焦点的视觉流程形式，这些形式有助我们实现形式的单纯化。单纯化可使版面获得完整感、秩序感、清晰感，最终实现良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。秩序是指有条理、不混乱的情况。含有整齐守规则之意。版式设计中的秩序是指其中的各视觉元素有组织有规律的排列。它使版面具有单纯

13、的结构和井然有序的组织。实质上、编排越单纯，版面整体性就越强、视觉冲击力就越大；反之，编排流程秩序越复杂，整体形式及视觉冲击力就起弱。所以强调秩序，首先得强调中纯的结构。对比是差异性的强调，是将相同或相异的视觉元素做强弱对照编排所运用的形式手法，也是版面设计中取得强烈视觉效果最重要的手法。在版式设计中，无论是字与字、形与形、形与空间等，无处不存在对比关系。归纳起来有：主次、大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、曲直、浓淡、动静、锐钝、轻重等对形式，它们彼此之间相互渗透、并存。通常，在同一版面中，多种对比关系交融在一起。在对比关系中，对比越清晰鲜明，视觉效果就越强烈。6.26.2

14、对比与调和对比与调和 调和是在类似或不同类的视觉元素之间寻找相互协调的因素，也是在对比的同时产生调和。所一，许多版面常表现为既对比又调和，两者相互作用，不可分割。对比与调和，对比为强差异，产生冲突；调和为寻找共同点，缓和矛盾。两者互为因果，共同营造版面的形式美感。对称与均衡是一对统一体，常表现为既对称又均衡，它们都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两个方面来分析，即：对称均衡和非对称均衡。对称均衡是指版面中心两边或四周的形具有相同公约量而形成的静止状态，也成为绝对对称均衡。另外，上下或左右基本相等而略有变化，又称相对对称均衡。对绝对称均衡给人更庄重、严肃之感，是高格调的表现，

15、是古典主义版面设计风格的表现。但处理不好，易单调、呆板。6.36.3对称与均衡对称与均衡 非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，有现代感的特征。沃尔特佩特1说：“所有的艺术都在不断地向着音乐的境界努力。”节奏与韵律来自于音乐概念，也是版面设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，如心脏的跳动、季节的更替等都可视为是一种节奏。节奏的重复使单纯的更单纯、统一的更统一。另外，节奏变化小的为弱节奏，例如舒缓的小夜曲，变化大的为强节奏，如激烈的摇滚乐。6.46.4节奏与韵律节奏与韵律 韵律不

16、是简单的重复，而是比节奏要求更高的律动，就象音乐一样，充满情趣，好似重复之中有高音、低音的变化。版面设计中的韵律，是指其中的视觉要素（图形、文字、色彩）在组织上合乎某种规律时所给与受众的视觉和心理上的节奏感。静态版面的韵律感主要建立在比例、轻重、缓急、反复、渐变等为基础的形式规律之上。韵律是通过节奏的变化而产生的，如变化太多失去秩序时，也就破坏了韵律的美。6.56.5虚实与留白虚实与留白 版面中的“虚”，可以是空白，也可是细弱的文字、图形或色彩，这要依具体版面而定。为了强调主体，可有意搞其它部分削弱为虚，甚至以留白来衬托主体的实，所以、田白是版面“虚”处理中 科特殊的手法。版面中的虚实关系为以

17、虚衬实，实由虚托。留白是指版面中未配置任何图文的空间。在阅读时，读者一般将兴趣投入到文字和图片上，至于空间的留白，却往往被忽略。从美学的意义上讲，留白与文字和图片具有同等重要的意义。没有空白就难已很好地表现文字和图片。在中国传统美学中有“形得之于形外形得之于形外”和和“既白当黑，既黑当白既白当黑，既黑当白”之说。版面中巧妙得当地留白，是为了更好地烘托主题，渲染气氛。版面留白量的多少，需根据所表现的具体内容和空间环境而定。譬如，报刊杂志一类信息量大的读物，空白少；而休闲抒情类的读物或广告，版面的留白率则高。形式法则是创造美感画面的主要手法。所有形式原，在表面上皆具又不同的特点和作用，但在实际应用

18、上都是相关注而共同为用的。在上述法则中，从单纯与秩序中，可获得整体与完美的组织；从对称与均衡中，可获得稳定的因素；在韵律和节奏里，则可产生乐感和情调。同时，对比产生强调的效应，和谐是统一整体的要素；而留白则位版面获得庄重和空间感。可以说，编排的形式法则，既帮助设计师克服了设计中的盲目性，亦为设计作品提供了强省力的依据，丰富设计的内涵。第一步：深入理解资料第一步：深入理解资料：在版面设计之前，需要对文字、图形进行必要的理解和分析，为后期设计风格和排列方式等提供必要的思维理论依据。第二步：对信息进行分类第二步：对信息进行分类：把理解的文字段分成层级和内容，把图片归纳成几个类别和大小，并为其分配相应

19、的空间和大小位置。第三步：勾画思路草图第三步：勾画思路草图：把前面理解和分类的文字段进行初步整合，用草图勾画各种方案，在基本规格拍板上建立一个叫可行的形势和结构，把构想进行视觉形象化。版式设计的基本步骤第四步：初排元素关系第四步：初排元素关系：完成草稿后，资料进土电脑实质性的初排、检验图片、文字元素占用的基本空间，对文字属性、版面颜色等元素进行系统的规划，运用合理的版面形式组织元素之间的关系。第五步：精调每个细节第五步：精调每个细节：好的设计系结一看便知，这时候就要处理文字和图形的细节关系，如文字的层级、图文之间的距离、色彩搭配（色相、明度、纯度及其对比关系）等。要注意一个地方的改变将会引起整体的版面的变化。第六步：坚持校对程序第六步：坚持校对程序：对于版面设计最后是否能顺利完成，达到应该有的编排设计效果，校对是必不可少的。如果文部对图，错字连篇，再好的办事也是没有意义的。作业要求：1、选版式设计的视觉流程的7种形式3种形式进行版面设计。表现内容不限。（任选3种类型）2、进行版面设计练习，使其形式符合版式设计的形式法则。（任选2种）可编辑感谢下感谢下载载