版式设计课件

版式设计原理第二章艺术设计之版式设计2.1版式的视觉构成元素版面设计的效果要达到既新颖、美观、大方，又与自身定位相结合，关键在于版面构成给人视觉上的感受。了解版面的视觉构成元素是关键的一步，视觉构成元素主要指点、线、面，不同的组合给人不同的心理感受。2.1.1点的编排构成所谓点就是细小的形，点是相对于其他元素的比例而决定的，而不是由自身的大小而决定的，它是视觉设计的最小单位，越小的形越容易被认为是点，理想的点是圆点。第一节版式的视觉构成要素在版面设计中，一个点可以表现为一个字或一幅图片或一个色块，关键是它在整张版面中所占的位置大小。图3-4通过相似人物的点状纵向排列，在整张版面中形成了丰富的肌理。图6通过点形成的线形排列，产生一定的视觉流程。图7-8大小不同的圆点及短小的线形自由的排列。(1)密集型点的密集版式点的密集型示意图所谓密集就是点的数量众多，排列疏密有致，以聚集或者分散的原则方法形成的构图形式。将不同大小、疏密有致的混合排列，形成散点式的构图形式。这种聚散的大小重叠、交叉，字体大小比例适中，形成一幅成功的招贴设计。(2)分散型点的分散版式点的分散示意图分散型的排列形式，就是运用剪缺和分解的基本手法破坏形，通过破坏后所形成的新构图效果就是点的分散形排列。（见图3～图4）其实点作为一种视觉元素，意义非常广泛，在版式设计中起到了平衡、强调、跳跃等作用。2.1.2线的编排构成线就是点的移动轨迹，线又被称为过长的形象，即其长度跟宽度形成强烈对比时就能称为线。线可以是移动的也可以是静止的。线也可以构成各种装饰元素以及各种形态，它们起着分隔画面形象的作用。线在设计中的影响力远远大于点。线要求在视觉上占有很大一部分空间，它的延伸带来一种活力。（见图5）图5线的表现形式直线：单纯、明快、刚硬粗直线：笨重、有力细直线：敏锐、脆弱锯齿线：不安、焦虑水平线：安定、平静垂直线：严肃、庄重斜线：速度、飞跃曲线：柔和、优雅线的编排构成分为有节奏的、有情感的、有空间关系的。每条线都有自己独特的性感存在，将不同的线有节奏的编排于版式中就能形成各种不同的效果。(1)线的节奏文字排列的线，由于组成线的点按照规律、大小、方向的变化，使构成线条运动、跳跃、有节奏、有韵律的感觉，使整个画面具有无穷的想象空间。（见图6）图6线的节奏在画面上直线与曲线给人的视觉效果是不一样的，直线一般代表男性化，刚硬而有力；曲线一般用来表示女性的线条柔美。因此，我们在运用线条之前，应该线的表现有一定的了解，才能产生你所要表达的情感意义。（见图7）图7线的情感(2)线的情感线不仅仅具有情感上的因素，线还具有方向性、流动性、延续性与空间感。线条的起伏荡漾所产生的视觉空间的深、广度，给设计带来了宽广的思维空间。线条的微妙变化显示了设计的含蓄与情感表现。放射性线条使画面视觉表现强烈，具有爆发力。（见图8）(3)线的空间图8线的空间感2.1.3面的编排构成面是线重复密集移动的轨迹和线的密集形态，也可理解为点的放大、点的密集或线的重复。面在空间上的占有面积也最多，因此在视觉上要比点、线来得强烈，同时具有鲜明的个性特征。几何形和自由形是面的两大类型。面的形状和边缘对面的性质也影响着面的表现形态，在不同的情况下会使面的形象产生很多变化。从整个视觉要素来看，面的视觉影响力最大，它们在画面上有着举足轻重的地位。（见图9～图11）面的几何直线形几何直线形：如方形、三角形、菱形几何曲线形：如圆形、椭圆形自由形：自由直线形、自由曲线形面的几何曲线形面的自由形面的分割构成主要表现为，线条对一张图片以及多张图片进行的分割，整齐有序地排列在版面上。像这样的分割编排版面具有强烈的秩序感与整体感，使版面产生严肃、稳定的视觉效果。（见图12）(1)面的分割构成面具有多重性格，让人感觉到它的丰富内涵，有时动态、强势、有韵律，能够塑造立体感也会给人很多错觉感。（见图13）(2)面的情感构成图12面的分割图13面的情感2.1.4点线面的混排一个完整的版面主要是点、线、面的有机结合而组成的。在版面中的点由于大小、形态、位置的不同，所产生的视觉效果和心理作用也不同。点的流向编排就形成了线，线的密集排列就形成了面。点、线、面是相对而言的，根据它们在画面中的比例关系决定。在很多应用性版式设计中，文字构成线占据画面的主要地位，成为设计师处理的重要对象。（见图14～图15）图14点线面混排在右图中，黄色代表点，绿色代表线，整个版面就形成了一个面。这就是点线面的结合表现。图14点线面混排2.1.5版式设计中的其他构成要素•版面设计主要是由不同的元素，巧妙的搭配而形成。现在我们来了解一下版式设计中的其他构成要素。(1)三维空间的编排构成•所谓三维空间就是立体的，看得见，摸得着的。在平面上的三维空间是制造的一种假象，看得见而摸不着的。采用近大远小，比例的对比，位置的不同，还有肌理的突显而制造的空间层次。1）比例关系的空间层次，面积大小的比例关系，在版面编排的时候将主体形象进行放大，使版面形成良好的主次、强弱的空间层次关系。（见图16）2）位置关系的空间层次，将文字与图形重叠排列，所产生的空间节奏感。3）所谓肌理空间层次，主要表现为肌理的粗细、质感与色彩的变化。图16比例关系构成空间层次(2)色彩构成色彩也是版式设计中重要的构成元素。不同的颜色使人产生不同的情绪，从而引起人的心理发生变化。心理学家对颜色与人的心理健康进行了研究。研究表明，在一般情况下，红色表示快乐、热情，它使人情绪热烈、饱满，激发爱的情感；黄色表示快乐、明亮，使人兴高采烈，充满喜悦之情；绿色表示和平，使人的心里有安定、恬静、温和之感。总之，各种颜色都会给人的情绪带来一定的影响，使人的心理活动发生变化。在版式设计中颜色也是很重要的一个视觉元素，本身就具有强烈的空间感。合理的利用色彩搭配，能吸引人们的注意，更让人印象深刻。（见图17～图18）图17版面色彩构成图18版面色彩构成2.2版式的视觉流程每一个版面都有一个视觉流向，要想在视觉上有所突破，就得在视觉流向上下好功夫。版面构成的视觉流程主要是指平面上各种不同元素的主次关系，是设计上处理起始点和过程的一种阅读节奏。2.2.1单向视觉流程在解读或认识一些平面读物的时候，都会有一定的先后顺序和主次关系，设计师在编排的过程中特意的采用某种形式来引导人们的视觉流向，这就是编排设计中的视觉流程。视觉流程的编排在展现设计师个性化的同时，也要符合人体视觉习惯，过分夸张反而得到适得其反的效果。单向视觉流程是按照常规的视觉流程规律，引导读者的一种视觉走向，使版面的视觉走向更简洁明了。（见图19）图19招贴设计版面单向视觉流程具有三种表现形式：（1）直线式视觉流程：视觉流向简洁有力，具有稳固画面的作用，在引导读者的同时稳定了画面。（见图20）（2）横式视觉流程：主要视线是水平的，左右看，具有温和的画面情感，给人一种很安静的感觉。（见图21）（3）斜式视觉流程：主要视线是左上角与右下角之间，给人倾斜的视觉效果与不稳定的心理感受。斜式视觉流程具有强烈冲击力，能有效地吸引人们的注意。（见图22）采用横向视觉流程，构成稳定、平和的画面，给人稳定、恬静之感，营造了静谧的空间。采用斜向和曲向视觉流程，以不稳定的动态引起注意，给人以动感和韵律。图14“c”形弧线形视觉流程，使页面具有很强的扩张性和方向感。图16“S”形视觉流程由两个相反的弧线产生矛盾回旋，在平面中增加深度和动感，使页面产生节奏，趣味性增强。运用曲线产生的视觉效果引导观者去关注版面特殊的部分，使画面柔和而时尚。2.2.2重心视觉流程我们在看一个版式设计的时候，视线接触画面常常迅速由左上角到左下角，再通过中心部分从右上角经右下角，然后回到以画面最吸引视线的中心视圈停留下来，这个中心点就是视觉的重心，视觉重心有着稳定版面的效果，可以使版面具有平稳的视觉效果，给人可信赖的心理感受，没有重心的版式设计是失败的。版式设计主要表现在视觉上，优秀的版式设计，主要表现为版面上元素构成达到和谐的比例关系，形成的一种视觉平衡。根据版面所表达的含义来决定视觉重心的位置，能更好、更准确的传达信息。（见图23～图24）2.2.2重心视觉流程图24重心在左侧图23重心在右侧2.2.3反复视觉流程所谓反复视觉流程就是以相同的或者相似的元素反复排列在画面中，给人视觉上的重复感。设计师采用这种重复形的图案，增强了图形的识别性，增加了画面的生动感，形成了画面的统一性，与连续性。给人整齐，稳定有规律的感觉，增添了整个版面的节奏与韵律。图26反复视觉流程示意图图25反复视觉流程在完全相同元素重复的同时，也有主要的表现方式，在相同中找差异，在整齐中求变化，这就是反复视觉流程中的特异视觉流程。采用突破的手法，违反秩序以突出小部分元素来展现面的趣味感，而且吸引读者的眼球，使整个版面更具有生气。（见图25～图26）第四节反复视觉流程图33重复、整齐的编排，给人以强烈的节奏感、秩序感及力量感，也是一种方向性的引导，同时传达画面的精神内涵。图36在重复的图形中，有意违反秩序，出现文字要素，以打破规律性，使版面产生趣味、醒目的视觉效果。图37-38单纯的视觉元素，版面图片的秩序化反复构成，具有一种韵律的节奏感。使视觉效果强烈，传达到位。2.2.4导向性视觉流程(1)放射性视觉流程所谓导向视觉流程，就是设计师在设计上采用的一种手法，引导读者按照自己的思路贯穿整个版面，形成一个整体的、统一的画面。（见图27）十字形视觉流程，就相当于在画面上画了一个十字架，这个十字架的中心就是整个版面的视觉中心。同时也引领了读者的视线从四周往中间集中，突出了重点，发挥出最大的信息传达效果。所谓放射性视觉流程，是采用点与线作为引导作用，把散落在四周的所以元素统一在一个圆点上，达到统一画面的视觉效果，整个画面赋有动态感。（见图28）(2)十字形视觉流程图39文字导向采用从左到右的视觉导向，引导我们有序、清晰的阅读画面，画面显得稳定坚固。图40手势导向利用手势方向引导观者视线，形成很好的视觉流程。图43形象导向和视线导向，强调特殊图形文字，简洁明确，继而给与我们清晰的视觉流程。图44-45采用特殊导向型标记引导，给人比较明朗的阅读顺序。2.2.4导向性视觉流程图27导向视觉流程2.2.4放射性视觉流程图28放射性视觉流程2.2.5散点视觉流程散点组合将图片散点排列在版面各部位，版面即充满自由轻快之感。散点组合编排时，注意图片大小、主次的搭配，方形图与退底图的配置，同时还应考虑疏密、均衡、视觉方向程序等。散点视觉主要分为发射形与打散形。发射具有一定的方向规律感，发射中心就是视觉的焦点，所有元素都向中心集中，或由中心散开，具有强烈的视觉效果。图29打散视觉流程打散就是把一种事物分解再组合的构成方法，就是把一个完整的东西，分成几个部分，然后根据版式设计构成原则进行再次组合。这种方法可以帮助我们了解内部结构，从不同的角度去观察事物，用分割的结构元素再组合成一种新的心态，产生不一样的美感。（见图29）第六节散点视觉流程图46图形与文字排列轻松自然，点、线、面关系亲切而随和，节奏缓慢，沉稳、变化而又生动有趣。图48分散的图片结合文字，运用散点和分割所形成的视觉主题，在整个版面中错落有致，形成轻松活泼、富有动感和现代感的气氛。图49版面中有意通过大小不同文字作多角度的错落排列，并且利用图与底进行巧妙交错，强烈而新颖地传达了爵士乐的独特魅力。图50通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。图51通过大小不同文字和图形作满版的随意排列，潇洒随意，给人以轻快、活泼、诙谐情趣的气氛。2.1版式视觉空间的构成元素2.2版式的视觉流程2.3版面的排列2.4版式设计的基础类型2.3版面的排列•版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。2.3.1版面的大小比例•版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了