版式设计课件学习教案.pptx

《版式设计课件学习教案.pptx》由会员分享，可在线阅读，更多相关《版式设计课件学习教案.pptx（144页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、会计学1版式设计课件版式设计课件第一页，编辑于星期日：十七点 二十九分。版式的版式的视觉构成元素构成元素 版面设计的效果要达到既新颖、美观、大方，又与自身定位相结合，关键在于版面构成给人视觉上的感受。了解版面的视觉构成元素是关键的一步，视觉构成元素主要指点、线、面，不同的组合给人不同的心理感受。2.1.1 点的点的编排构成排构成 所谓点就是细小的形，点是相对于其他元素的比例而决定的，而不是由自身的大小而决定的，它是视觉设计的最小单位，越小的形越容易被认为是点，理想的点是圆点。第一节 版式的视觉构成要素第1页/共144页第二页，编辑于星期日：十七点 二十九分。在版面设计中，一个点可以表现为一个字

2、或一幅图片或一个色块，关键是它在整张版面中所占的位置大小。第2页/共144页第三页，编辑于星期日：十七点 二十九分。图3-4 通过相似人物的点状纵向排列，在整张版面中形成了丰富的肌理。第3页/共144页第四页，编辑于星期日：十七点 二十九分。图6 通过点形成的线形排列，产生一定的视觉流程。第4页/共144页第五页，编辑于星期日：十七点 二十九分。图7-8 大小不同的圆点及短小的线形自由的排列。第5页/共144页第六页，编辑于星期日：十七点 二十九分。(1)密集型点的密集版式点的密集版式点的密集型示意图点的密集型示意图 第6页/共144页第七页，编辑于星期日：十七点 二十九分。所谓密集就是点的数

3、量众多，排列疏密有致，以聚集或者分散的原则方法形成的构图形式。将不同大小、疏密有致的混合排列，形成散点式的构图形式。这种聚散的大小重叠、交叉，字体大小比例适中，形成一幅成功的招贴设计。第7页/共144页第八页，编辑于星期日：十七点 二十九分。(2)分散型点的分散版式点的分散版式 点的分散示意图点的分散示意图 第8页/共144页第九页，编辑于星期日：十七点 二十九分。分散型的排列形式，就是运用剪缺和分解的基本手法破坏形，通过破坏后所形成的新构图效果就是点的分散形排列。（见图3 图4）其实点作为一种视觉元素，意义非常广泛，在版式设计中起到了平衡、强调、跳跃等作用。第9页/共144页第十页，编辑于星

4、期日：十七点 二十九分。2.1.2 2.1.2 线的编排构成线的编排构成线就是点的移动轨迹，线又被称为过长的形象，即其长度跟宽度形成强烈对比时就能称为线。线可以是移动的也可以是静止的。线也可以构成各种装饰元素以及各种形态，它们起着分隔画面形象的作用。线在设计中的影响力远远大于点。线要求在视觉上占有很大一部分空间，它的延伸带来一种活力。（见图5）第10页/共144页第十一页，编辑于星期日：十七点 二十九分。图图5 5 线的表现形式线的表现形式直线：单纯、明快、刚硬粗直线：笨重、有力细直线：敏锐、脆弱锯齿线：不安、焦虑水平线：安定、平静垂直线：严肃、庄重斜线：速度、飞跃曲线：柔和、优雅第11页/共

5、144页第十二页，编辑于星期日：十七点 二十九分。线的编排构成分为有节奏的、有情感的、有空间关系的。每条线都有自己独特的性感存在，将不同的线有节奏的编排于版式中就能形成各种不同的效果。(1)线的节奏 文字排列的线，由于组成线的点按照规律、大小、方向的变化，使构成线条运动、跳跃、有节奏、有韵律的感觉，使整个画面具有无穷的想象空间。（见图6）第12页/共144页第十三页，编辑于星期日：十七点 二十九分。图6 线的的节奏奏第13页/共144页第十四页，编辑于星期日：十七点 二十九分。在画面上直线与曲线给人的视觉效果是不一样的，直线一般代表男性化，刚硬而有力；曲线一般用来表示女性的线条柔美。因此，我们

6、在运用线条之前，应该线的表现有一定的了解，才能产生你所要表达的情感意义。（见图7）图7 线的情感的情感(2)线的情感线不仅仅具有情感上的因素，线还具有方向性、流动性、延续性与空间感。线条的起伏荡漾所产生的视觉空间的深、广度，给设计带来了宽广的思维空间。线条的微妙变化显示了设计的含蓄与情感表现。放射性线条使画面视觉表现强烈，具有爆发力。（见图8）(3)线的空间 图8 线的空的空间感感第14页/共144页第十五页，编辑于星期日：十七点 二十九分。2.1.3 面的面的编排构成排构成 面是线重复密集移动的轨迹和线的密集形态，也可理解为点的放大、点的密集或线的重复。面在空间上的占有面积也最多，因此在视觉

7、上要比点、线来得强烈，同时具有鲜明的个性特征。几何形和自由形是面的两大类型。面的形状和边缘对面的性质也影响着面的表现形态，在不同的情况下会使面的形象产生很多变化。从整个视觉要素来看，面的视觉影响力最大，它们在画面上有着举足轻重的地位。（见图9 图11）第15页/共144页第十六页，编辑于星期日：十七点 二十九分。面的几何直面的几何直线形形几何直线形：如方形、三角形、菱形几何曲线形：如圆形、椭圆形 自由形：自由直线形、自由曲线形面的几何曲面的几何曲线形形面的自由形面的自由形第16页/共144页第十七页，编辑于星期日：十七点 二十九分。面的分割构成主要表现为，线条对一张图片以及多张图片进行的分割，

8、整齐有面的分割构成主要表现为，线条对一张图片以及多张图片进行的分割，整齐有序地排列在版面上。像这样的分割编排版面具有强烈的秩序感与整体感，序地排列在版面上。像这样的分割编排版面具有强烈的秩序感与整体感，使版面产生严肃、稳定的视觉效果使版面产生严肃、稳定的视觉效果。（见图（见图12）(1)面的分割构成面具有多重性格，让人感觉到它的丰富内涵，有时动态、强势、有韵律，能够塑造立体感也会给人很多错觉感。（见图13）(2)面的情感构成第17页/共144页第十八页，编辑于星期日：十七点 二十九分。图12 面的分割面的分割图13 面的情感面的情感第18页/共144页第十九页，编辑于星期日：十七点 二十九分。

9、2.1.4 点点线面的混排面的混排 一个完整的版面主要是点、线、面的有机结合而组成的。在版面中的点由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不同。点的流向编排就形成了线，线的密集排列就形成了面。点、线、面是相对而言的，根据它们在画面中的比例关系决定。在很多应用性版式设计中，文字构成线占据画面的主要地位，成为设计师处理的重要对象。（见图14 图15）第19页/共144页第二十页，编辑于星期日：十七点 二十九分。图14 点点线面混排面混排 在右图中，黄色代表点，绿色代表线，整个版面就形成了一个面。这就是点线面的结合表现。图14 点点线面混排面混排第20页/共144页第二十一页，编辑于

10、星期日：十七点 二十九分。2.1.5 2.1.5 版式设计中的其他构成要素版式设计中的其他构成要素版面设计主要是由不同的元素，巧妙的搭配而形成。现在我们来了解一下版式设计中的其他构成要素。(1)三维空间的编排构成所谓三维空间就是立体的，看得见，摸得着的。在平面上的三维空间是制造的一种假象，看得见而摸不着的。采用近大远小，比例的对比，位置的不同，还有肌理的突显而制造的空间层次。1）比例关系的空间层次，面积大小的比例关系，在版面编排的时候将主体形 象进行放大，使版面形成良好的主次、强弱的空间层次关系。（见图16）2）位置关系的空间层次，将文字与图形重叠排列，所产生的空间节奏感。3）所谓肌理空间层次

11、，主要表现为肌理的粗细、质感与色彩的变化。第21页/共144页第二十二页，编辑于星期日：十七点 二十九分。图16 比例关系构成比例关系构成空空间层次次第22页/共144页第二十三页，编辑于星期日：十七点 二十九分。(2)色彩构成 色彩也是版式设计中重要的构成元素。不同的颜色使人产生不同的情绪，从而引起人的心理发生变化。心理学家对颜色与人的心理健康进行了研究。研究表明，在一般情况下，红色表示快乐、热情，它使人情绪热烈、饱满，激发爱的情感；黄色表示快乐、明亮，使人兴高采烈，充满喜悦之情；绿色表示和平，使人的心里有安定、恬静、温和之感。总之，各种颜色都会给人的情绪带来一定的影响，使人的心理活动发生变

12、化。在版式设计中颜色也是很重要的一个视觉元素，本身就具有强烈的空间感。合理的利用色彩搭配，能吸引人们的注意，更让人印象深刻。（见图17 图18）第23页/共144页第二十四页，编辑于星期日：十七点 二十九分。图17 版面色彩构成版面色彩构成图18 版面色彩构成版面色彩构成第24页/共144页第二十五页，编辑于星期日：十七点 二十九分。版式的版式的视觉流程流程每一个版面都有一个视觉流向，要想在视觉上有所突破，就得在视觉流向上下好功夫。版面构成的视觉流程主要是指平面上各种不同元素的主次关系，是设计上处理起始点和过程的一种阅读节奏。2.2.1 单向向视觉流程流程在解读或认识一些平面读物的时候，都会有

13、一定的先后顺序和主次关系，设计师在编排的过程中特意的采用某种形式来引导人们的视觉流向，这就是编排设计中的视觉流程。视觉流程的编排在展现设计师个性化的同时，也要符合人体视觉习惯，过分夸张反而得到适得其反的效果。单向视觉流程是按照常规的视觉流程规律，引导读者的一种视觉走向，使版面的视觉走向更简洁明了。（见图19）第25页/共144页第二十六页，编辑于星期日：十七点 二十九分。图19 招招贴设计版面版面第26页/共144页第二十七页，编辑于星期日：十七点 二十九分。单向视觉流程具有三种表现形式：（1）直线式视觉流程：视觉流向简洁有力，具有稳固画面的作用，在 引导读者的同时稳定了画面。（见图20）（2

14、）横式视觉流程：主要视线是水平的，左右看，具有温和的画面情 感，给人一种很安静的感觉。（见图21）（3）斜式视觉流程：主要视线是左上角与右下角之间，给人倾斜的视 觉效果与不稳定的心理感受。斜式视觉流程具有强烈冲击力，能 有效地吸引人们的注意。（见图22）第27页/共144页第二十八页，编辑于星期日：十七点 二十九分。采用横向视觉流程，构成稳定、平和的画面，给人稳定、恬静之感，营造了静谧的空间。第28页/共144页第二十九页，编辑于星期日：十七点 二十九分。第29页/共144页第三十页，编辑于星期日：十七点 二十九分。采用斜向和曲向视觉流程，以不稳定的动态引起注意，给人以动感和韵律。第30页/共

15、144页第三十一页，编辑于星期日：十七点 二十九分。图14“c”形弧线形视觉流程，使页面具有很强的扩张性和方向感。第31页/共144页第三十二页，编辑于星期日：十七点 二十九分。图16“S”形视觉流程由两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，使页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊的部分，使画面柔和而时尚。第32页/共144页第三十三页，编辑于星期日：十七点 二十九分。2.2.2 重心重心视觉流程流程 我们在看一个版式设计的时候，视线接触画面常常迅速由左上角到左下角，再通过中心部分从右上角经右下角，然后回到以画面最吸引视线的中心视圈停留下来，这个中心

16、点就是视觉的重心，视觉重心有着稳定版面的效果，可以使版面具有平稳的视觉效果，给人可信赖的心理感受，没有重心的版式设计是失败的。版式设计主要表现在视觉上，优秀的版式设计，主要表现为版面上元素构成达到和谐的比例关系，形成的一种视觉平衡。根据版面所表达的含义来决定视觉重心的位置，能更好、更准确的传达信息。（见图23 图24）第33页/共144页第三十四页，编辑于星期日：十七点 二十九分。2.2.2 重心重心视觉流程流程图24 重心在左重心在左侧图23 重心在右重心在右侧第34页/共144页第三十五页，编辑于星期日：十七点 二十九分。2.2.3 反复反复视觉流程流程所谓反复视觉流程就是以相同的或者相似

17、的元素反复排列在画面中，给人视觉上的重复感。设计师采用这种重复形的图案，增强了图形的识别性，增加了画面的生动感，形成了画面的统一性，与连续性。给人整齐，稳定有规律的感觉，增添了整个版面的节奏与韵律。图26 反复反复视觉流程示意流程示意图图25 反复反复视觉流程流程在完全相同元素重复的同时，也有主要的表现方式，在相同中找差异，在整齐中求变化，这就是反复视觉流程中的特异视觉流程。采用突破的手法，违反秩序以突出小部分元素来展现面的趣味感，而且吸引读者的眼球，使整个版面更具有生气。（见图25 图26）第35页/共144页第三十六页，编辑于星期日：十七点 二十九分。第四节 反复视觉流程图33重复、整齐的

18、编排，给人以强烈的节奏感、秩序感及力量感，也是一种方向性的引导，同时传达画面的精神内涵。第36页/共144页第三十七页，编辑于星期日：十七点 二十九分。第37页/共144页第三十八页，编辑于星期日：十七点 二十九分。图36在重复的图形中，有意违反秩序，出现文字要素，以打破规律性，使版面产生趣味、醒目的视觉效果。第38页/共144页第三十九页，编辑于星期日：十七点 二十九分。图37-38单纯的视觉元素，版面图片的秩序化反复构成，具有一种韵律的节奏感。使视觉效果强烈，传达到位。第39页/共144页第四十页，编辑于星期日：十七点 二十九分。2.2.4 导向性向性视觉流程流程(1)放射性视觉流程所谓导

19、向视觉流程，就是设计师在设计上采用的一种手法，引导读者按照自己的思路贯穿整个版面，形成一个整体的、统一的画面。（见图27）十字形视觉流程，就相当于在画面上画了一个十字架，这个十字架的中心就是整个版面的视觉中心。同时也引领了读者的视线从四周往中间集中，突出了重点，发挥出最大的信息传达效果。所谓放射性视觉流程，是采用点与线作为引导作用，把散落在四周的所以元素统一在一个圆点上，达到统一画面的视觉效果，整个画面赋有动态感。（见图28）(2)十字形视觉流程第40页/共144页第四十一页，编辑于星期日：十七点 二十九分。图39文字导向采用从左到右的视觉导向，引导我们有序、清晰的阅读画面，画面显得稳定坚固。

20、第41页/共144页第四十二页，编辑于星期日：十七点 二十九分。图40手势导向利用手势方向引导观者视线，形成很好的视觉流程。第42页/共144页第四十三页，编辑于星期日：十七点 二十九分。图43形象导向和视线导向，强调特殊图形文字，简洁明确，继而给与我们清晰的视觉流程。第43页/共144页第四十四页，编辑于星期日：十七点 二十九分。图44-45采用特殊导向型标记引导，给人比较明朗的阅读顺序。第44页/共144页第四十五页，编辑于星期日：十七点 二十九分。2.2.4 导向性向性视觉流程流程图27 导向向视觉流程流程第45页/共144页第四十六页，编辑于星期日：十七点 二十九分。放射性放射性视觉流

21、程流程图28 放射性放射性视觉流程流程第46页/共144页第四十七页，编辑于星期日：十七点 二十九分。2.2.5 散点散点视觉流程流程散点组合将图片散点排列在版面各部位，版面即充满自由轻快之感。散点组合编排时，注意图片大小、主次的搭配，方形图与退底图的配置，同时还应考虑疏密、均衡、视觉方向程序等。散点视觉主要分为发射形与打散形。发射具有一定的方向规律感，发射中心就是视觉的焦点，所有元素都向中心集中，或由中心散开，具有强烈的视觉效果。图图29 29 打散视觉流程打散视觉流程打散就是把一种事物分解再组合的构成方法，就是把一个完整的东西，分成几个部分，然后根据版式设计构成原则进行再次组合。这种方法可

22、以帮助我们了解内部结构，从不同的角度去观察事物，用分割的结构元素再组合成一种新的心态，产生不一样的美感。（见图29）第47页/共144页第四十八页，编辑于星期日：十七点 二十九分。第六节 散点视觉流程图46图形与文字排列轻松自然，点、线、面关系亲切而随和，节奏缓慢，沉稳、变化而又生动有趣。第48页/共144页第四十九页，编辑于星期日：十七点 二十九分。图48分散的图片结合文字，运用散点和分割所形成的视觉主题，在整个版面中错落有致，形成轻松活泼、富有动感和现代感的气氛。第49页/共144页第五十页，编辑于星期日：十七点 二十九分。图49版面中有意通过大小不同文字作多角度的错落排列，并且利用图与底

23、进行巧妙交错，强烈而新颖地传达了爵士乐的独特魅力。第50页/共144页第五十一页，编辑于星期日：十七点 二十九分。图50通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。第51页/共144页第五十二页，编辑于星期日：十七点 二十九分。图51通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。第52页/共144页第五十三页，编辑于星期日：十七点 二十九分。2.1 版式视觉空间的构成元素2.2 版式的视觉流程2.3 版面的排列2.4 版式设计的基础类型第53页/共144页第五十四页，编辑于星期日：十七点 二十九分。版面的排列版面的排

24、列版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。2.3.1 版面的大小比例版面的大小比例版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。（见图30 图32）第54页/共144页第五十五页，编辑于星期日：十七点 二十九分。图图30 30 以图形为主的杂志版式设以图形为主的杂志版式设计计图图31 31 以文字为主的杂志版式设计以文字为主的杂志版式设计图图32 32 以图形为主的杂志版以图形为主的杂志版式设计式设计第55页/共144页

25、第五十六页，编辑于星期日：十七点 二十九分。图33 两两栏对称示称示意意图2.3.2 对称称所谓对称就是以中轴线为轴心的上下对称、左右对称，以原点为基准的散点放射性对称。对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。对称是属于左右版面完全一样的版面，均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。（见图33 图35）图34 三三栏对称示称示意意图图35 三三栏对称称版面版面第56页/共144页第五十七页，编辑于星期日：十七点 二十九分。2.3.3 黄金版面黄金版面黄金比例是希腊建筑美的基准（1：），这个传统

26、比例一直影响着社会美学。黄金版面在很多作品中都存在，它所分割开来的两个页面部分的比例，是自然界和谐共存的一种表现。符合黄金分割的比例形式最容易引起人视觉上的美感。（见图36）图36 黄金比例黄金比例设定黄金比例的主要步骤：（1）选择一张正方形的纸；（2）按照中轴线对折，形成两个相同的长方形；（3）在纸上画出一个等腰三角形；（4）以等腰三角形的顶点画一条弧形；（5）以圆弧和基线的的交叉点画一条垂直线，使原来的正 方形变成现在的长方形，就形成了标准的黄金比例。第57页/共144页第五十八页，编辑于星期日：十七点 二十九分。图37 对比与平衡比与平衡2.3.4 对比和平衡比和平衡对比可以是形态上的也

27、可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的稳定状态，在版式设计中主要表现为版面的上下左右比例适中，左右版面接近均衡的版面结果，在视觉上给人平衡稳定的视觉效果。（见图37 图38）图38 对比与平衡比与平衡2.3.4 对比和平衡比和平衡在版面结构布局上，四边与中心有着潜在的重要性。四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。第58页/共144页第五十九页，编辑于星期日：十七点 二十九分。2.3.6 破型破型破型也就是在版式设计中，这个“破”是指打破拘束、打破平衡、增添动感的手法。版式

28、设计中注重版面上设计元素之间的结构关系，这种结构能关系可以帮助读者与设计师之间的交流。破型的设计表现出一种创意。打破传统的网格结构可以自由发挥想象，破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。（见图39 图40）第59页/共144页第六十页，编辑于星期日：十七点 二十九分。图39 破型版式破型版式图40 破型版式破型版式第60页/共144页第六十一页，编辑于星期日：十七点 二十九分。在做版式设计时，经常会采用不同的版面形式来传递信息。不同的版面有其自身的规律，下面介绍几种常见的版式设计类型。2.4.1 满版型版式版型版式

29、设计 满版形主要以图片传达信息，以图片充满整个版面。在视觉传达上 直观，表现强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。第61页/共144页第六十二页，编辑于星期日：十七点 二十九分。图传统满版型，构成的版面显得十分稳重、典雅，文字的安排秩序感很强。第62页/共144页第六十三页，编辑于星期日：十七点 二十九分。2.4.2 分割型版式分割型版式设计在平面构成中，把整体分成部分叫分割。分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常

30、用的分割方法。第一种是等形分割。分割形状完全一样，分割后再把分隔界线加以调整取舍，达到的一种有良好的效果。第二种是自由分割。自由分割就是不规则的、无限制的，将画面自由分割的一种方式，它不同于数学规则分割产生的整齐效果，但随意性分割，使画面产生活泼不受约束的感觉。第三种是比例与数列。利用比例关系完成的构图通常都具有秩序、明朗的特性，给人清新的感觉。分隔具有一定的法则，如黄金分割法、数列等。第63页/共144页第六十四页，编辑于星期日：十七点 二十九分。上下图文分割显得强烈而直观，文字在页面中占据了较小的面积，但由于分割线的运用，使文字同样得到强调。第64页/共144页第六十五页，编辑于星期日：十

31、七点 二十九分。第65页/共144页第六十六页，编辑于星期日：十七点 二十九分。左右分割型，图片部分感性而具有活力，文字部分理性而静止。第66页/共144页第六十七页，编辑于星期日：十七点 二十九分。图12左右图文分割型构图，文字和图形在版面中比例不一，使版面不显单调。第67页/共144页第六十八页，编辑于星期日：十七点 二十九分。图15 左右图文的创意趣味分割，文字和色彩的运用充分活跃了整个版面。图16 上下分割型，文字置于图形之下，显得整个版面动静对比和谐。第68页/共144页第六十九页，编辑于星期日：十七点 二十九分。图42 等型分割等型分割图43 自由分割自由分割图45，采用了分割的手

32、法，使画面变得有生气，不像一张单一照片那么呆板。分割的版式具有强烈的空间感，展现了版式的灵活性。图44 比例分割比例分割图45 分割版式分割版式分割型版式设计在版面上采用分割再拼凑的版面，以一种打破常规的版面构成形式，在视觉上吸引人们吸引人们注意，表达一种冲击活跃的版面效果。（见图42 图44）第69页/共144页第七十页，编辑于星期日：十七点 二十九分。2.4.3 倾斜型版式斜型版式设计倾斜型版式设计主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。2.4.4 三角型版式三角型版式设计根据人们对图形的认识，三角形想对于圆形、四方形等基本形态，是最具安全稳

33、定因素的形态。在版式设计中三角形版式分为两种。第一种是正三角形版式。正三角形自古以来都是象征稳定的图形，被人们认为是最具稳定感的图形存在。在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。（见图46）第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。（见图47）第70页/共144页第七十一页，编辑于星期日：十七点 二十九分。图47 倒三角形版倒三角形版式式图46 正三角形正三角形版式版式第71页/共144页第七十二页，编辑于星期日：十七点 二十九分。2.4.5 曲曲线型版式型版式设计曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所曲线型版式设计就

34、是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化元素的自由走向而产生变化。（见图（见图48）第72页/共144页第七十三页，编辑于星期日：十七点 二十九分。图35以曲线型的构成形式，文字和图形协调相辅，画面表现出强烈的纵深感，增强了视觉效果。第73页/共144页第七十四页，编辑于星期日：十七点 二十九分。图36回旋形的文字安排，使页面产生更多层次，画面比较生动，空间感增强。图38 文字和图形采用渐变的编排构成，产生相应的空间感和

35、秩序感。第74页/共144页第七十五页，编辑于星期日：十七点 二十九分。图40自然的曲线美感，线条极富有弹性，具有视觉亲和力。第75页/共144页第七十六页，编辑于星期日：十七点 二十九分。图41自然的曲线美感，线条极富有弹性，具有视觉亲和力。图42文字和图形的曲线结合，使画面变得丰富，具有节奏与空间感。第76页/共144页第七十七页，编辑于星期日：十七点 二十九分。图48 曲曲线型型版式版式第77页/共144页第七十八页，编辑于星期日：十七点 二十九分。2.4.6 自由型版式自由型版式设计自由型版式设计在版面结构中采用无规律、随意地编排构成，使画面产生活泼、轻快的感觉。自由型版式设计没有网格

36、的约束，在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。（见图49）第78页/共144页第七十九页，编辑于星期日：十七点 二十九分。图44 图形和文字的互相叠加突破规则性，使版面富有层次感。第79页/共144页第八十页，编辑于星期日：十七点 二十九分。图47 网格的推移与错位，使版面对比感加强，视觉效果更更强烈、自由。第80页/共144页第八十一页，编辑于星期日：十七点 二十九分。图48 以色彩作为装饰图形分割画面，对信息的阅读有突出作用，还能增加画面的趣味性。图49 自由的版式编排中透露出设计师的精心编排，图形与文字等元素的对比和合理运用使版面具有很大的空间包容力。第81页

37、/共144页第八十二页，编辑于星期日：十七点 二十九分。图51自由的版式设计形成生动活泼的版面设计。第82页/共144页第八十三页，编辑于星期日：十七点 二十九分。优秀版式设计作品赏析第83页/共144页第八十四页，编辑于星期日：十七点 二十九分。第84页/共144页第八十五页，编辑于星期日：十七点 二十九分。第85页/共144页第八十六页，编辑于星期日：十七点 二十九分。第86页/共144页第八十七页，编辑于星期日：十七点 二十九分。第87页/共144页第八十八页，编辑于星期日：十七点 二十九分。第88页/共144页第八十九页，编辑于星期日：十七点 二十九分。第89页/共144页第九十页，编

38、辑于星期日：十七点 二十九分。第90页/共144页第九十一页，编辑于星期日：十七点 二十九分。第91页/共144页第九十二页，编辑于星期日：十七点 二十九分。第92页/共144页第九十三页，编辑于星期日：十七点 二十九分。第93页/共144页第九十四页，编辑于星期日：十七点 二十九分。第94页/共144页第九十五页，编辑于星期日：十七点 二十九分。第95页/共144页第九十六页，编辑于星期日：十七点 二十九分。第96页/共144页第九十七页，编辑于星期日：十七点 二十九分。教学教学实例例版式版式设计中的版面中的版面编排排类型与型与视觉流程的不同流程的不同编排所排所产生的版生的版面面视觉效果。效

39、果。1.餐饮杂志版面图51图50每个版面中图形与文字的编排不一样，所构成的版面结构与版面形式也会有所不同，根据版式设计的不同类型，分析版面的视觉效果。如图50图51是一张餐饮杂志的单页版面，该运用出血图的编排形式，图片中元素的运用能有效的吸引消费者的注意。从版面编排类型来看，在杂志版面运用的是满版型的编排形式突出版主题，满版型版面的运用，使版面具有活跃性，给人强烈的视觉效果。第97页/共144页第九十八页，编辑于星期日：十七点 二十九分。图53图522.书籍内页版式根据书籍版面中视觉重心的位置编排，分析版面所产生的视觉效果。视觉重心是设计师考虑将主要信息或视觉流程的停留点安排在瞩目价值高的最佳

40、视域，使得主题一目了然。在版面中不同的视域，瞩目程度不同，给人们留下的心理感受也不同。如图52图53中，该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。第98页/共144页第九十九页，编辑于星期日：十七点 二十九分。设计点点评通过对版式设计构成元素、视觉流程及版面排列的学习，有了一定的了解，现在我们来看看版式设计的这些原理在实际版式中应该如何处理。图54点评：该设计为杂志宣传广告，整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很到的影响。图片比文字更能吸引人们注意。右图采用

41、了满版型的版式设计，从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列，使整个画面显得和谐层次清晰，达到了宣传的目的。图54第99页/共144页第一百页，编辑于星期日：十七点 二十九分。图55图56点评：本设计为两张招贴设计，招贴设计版面简洁明了，主要版式是以突出视觉传达为基本。从视觉上看，这两张招贴设计有着不同的视觉中心点，不同的视觉中心给人不一样的视觉传达效果。图55的视觉中心在上部，给人以轻松、愉快、视觉向上扬升的感觉。图56视觉中心在下部，给人一种下坠、沉重、消沉、稳定的感觉。第100页/共144页第一百零一页，编辑于星期日：十七点 二十九分。图55图56第101页/共144页

42、第一百零二页，编辑于星期日：十七点 二十九分。图57点评：该设计是杂志版面设计，以相同的图形反复排列，增强了图形的识别性，图形色彩选用单一的黑色，与文字的呼应，增加了画面的生动感。为了使画面更能吸引人们的目光。版面中的图形在规律中又显出细小的差别，突破了常规的单调，为版面增添了趣味性，在视觉传达上给人醒目、生动的视觉效果。图58点评：该版面是一张招贴设计，从画面的颜色分析，红色代表激情奔放有活力，具有强烈的视觉效果。此招贴设计中线条给人一种波动的心理感触，整个版面采用横式视觉流程，在激情中显安静，在动态中显平和，使整个版面生动，具有了乐趣。但是，文字太小，不符合招贴设计的基本表现形式，不能很好

43、的传达信息。第102页/共144页第一百零三页，编辑于星期日：十七点 二十九分。图57图58第103页/共144页第一百零四页，编辑于星期日：十七点 二十九分。图59图60第104页/共144页第一百零五页，编辑于星期日：十七点 二十九分。图59点评：该设计是一张招贴设计，从版面的排列可以看出整个版式采用了左右对称的编排模式，以画面的中轴线把左右两边分开，形成鲜明的对比。使画面内容更丰富、层次清晰、耐人寻味。版面中采用了卡通与现实的对比，给人无尽的联想空间，同时使版面具有强烈的视觉冲击力。图60点评：此设计为一张杂志版面设计，整个画面简洁、空旷、主体突出。从整个版面构成形式来看，主体物之间采用

44、了对比、夸张的手法，使画面在简洁中具有乐趣。画面中文字排列在整个版面的下部，起到了稳定画面的视觉效果，文字间比例关系较小，体现了高质量的视觉效果。此版式设计画面生动、层次清晰、主题突出，符合杂志广告的基本要求，达到了宣传目的。第105页/共144页第一百零六页，编辑于星期日：十七点 二十九分。课后后练习 1通过对上面版式设计版式类型与视觉流程的学习。应用所学知识及原理，以招贴设计为主要信息载体进行点、线、面的编排练习。在编排过程中可以采用文字、图形、图像资料，注意点、线、面的合理搭配，构思设计草图。创意思路：创意思路：根据主题归纳分析结果，运用版式设计的视觉传达要素及版式设计基本排版类型等基本

45、原理，对主题版面进行构思设计，逐步形成草图，先运用手绘搞表现草图。最主要是要传达正确的信息，要有完整的设计定位、风格设计等。要求主题表现突出，体现点、线、面的合理搭配，视觉传达效果突出。第106页/共144页第一百零七页，编辑于星期日：十七点 二十九分。2通过对版式设计的排列方式与版式设计的视觉流程的了解，根据所学到的知识，对版面上的各种元素进行编排设计，要求利用前面所学的各种版式类型进行实际编排，体现版式设计排列方式与视觉流程。创意思路：创意思路：根据所学的版式设计的知识，运用到实际版面中。在编排过程中，首先，确立所要编排的内容与主题；其次，对主题进行分析并确立目标；最后，根据对版式设计知识

46、的总结进行版式设计。版式可以采用对比、平衡、满版、倾斜等各种表现手法。视觉上也可以是单向视觉流程、反复视觉流程、散点视觉流程等，根据版式的排列来了解学习过程中的不足之处。图62第107页/共144页第一百零八页，编辑于星期日：十七点 二十九分。第108页/共144页第一百零九页，编辑于星期日：十七点 二十九分。第109页/共144页第一百一十页，编辑于星期日：十七点 二十九分。第110页/共144页第一百一十一页，编辑于星期日：十七点 二十九分。第111页/共144页第一百一十二页，编辑于星期日：十七点 二十九分。第112页/共144页第一百一十三页，编辑于星期日：十七点 二十九分。第113页

47、/共144页第一百一十四页，编辑于星期日：十七点 二十九分。第114页/共144页第一百一十五页，编辑于星期日：十七点 二十九分。第115页/共144页第一百一十六页，编辑于星期日：十七点 二十九分。第116页/共144页第一百一十七页，编辑于星期日：十七点 二十九分。第117页/共144页第一百一十八页，编辑于星期日：十七点 二十九分。第118页/共144页第一百一十九页，编辑于星期日：十七点 二十九分。第119页/共144页第一百二十页，编辑于星期日：十七点 二十九分。第120页/共144页第一百二十一页，编辑于星期日：十七点 二十九分。第121页/共144页第一百二十二页，编辑于星期日：

48、十七点 二十九分。第122页/共144页第一百二十三页，编辑于星期日：十七点 二十九分。第123页/共144页第一百二十四页，编辑于星期日：十七点 二十九分。第124页/共144页第一百二十五页，编辑于星期日：十七点 二十九分。第125页/共144页第一百二十六页，编辑于星期日：十七点 二十九分。第126页/共144页第一百二十七页，编辑于星期日：十七点 二十九分。第127页/共144页第一百二十八页，编辑于星期日：十七点 二十九分。第128页/共144页第一百二十九页，编辑于星期日：十七点 二十九分。第129页/共144页第一百三十页，编辑于星期日：十七点 二十九分。第130页/共144页第

49、一百三十一页，编辑于星期日：十七点 二十九分。第131页/共144页第一百三十二页，编辑于星期日：十七点 二十九分。第132页/共144页第一百三十三页，编辑于星期日：十七点 二十九分。第133页/共144页第一百三十四页，编辑于星期日：十七点 二十九分。第134页/共144页第一百三十五页，编辑于星期日：十七点 二十九分。第135页/共144页第一百三十六页，编辑于星期日：十七点 二十九分。第136页/共144页第一百三十七页，编辑于星期日：十七点 二十九分。第137页/共144页第一百三十八页，编辑于星期日：十七点 二十九分。第138页/共144页第一百三十九页，编辑于星期日：十七点 二十九分。第139页/共144页第一百四十页，编辑于星期日：十七点 二十九分。第140页/共144页第一百四十一页，编辑于星期日：十七点 二十九分。第141页/共144页第一百四十二页，编辑于星期日：十七点 二十九分。第142页/共144页第一百四十三页，编辑于星期日：十七点 二十九分。第143页/共144页第一百四十四页，编辑于星期日：十七点 二十九分。