第一章版式设计综合构成

第一章版式设计综合构成实训任务一实训名称了解版式的由来、意义、功能。实训形式让学生分别搜集有关版式的产生、应用、发展的历史资料。实训目的通过课前资料搜集、欣赏、分析的过程，增加对版式的感性认识，并能带着问题走进教室。实训时间24课时实训要求搜集有关版式的文字和图片资料，在资料处加注自己的认识。第一节版式设计的定位一、版式设计的概念版式设计课程的教学目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”111213二、版式设计的定位版式设计课是视觉传达设计重要的专业基础课程。目前许多国外的设计院校的课程体系中，版式设计是一门相当重要的专业课程。在德国、美国的一些学校里，版式设计课不仅进行平面设计方面的学习，同时也进行立体空间方面的研究。在专业基础课中包含着版式设计的内容，如样本设计，CIS设计、广告设计、包装设计等等141514151617在专业设计课程，如包装设计、招帖广告设计宣传册设计、书籍装帧设计等课，学生可以运用版式设计的方法有效地掌握画面的组织版式方法，处理好各种细节。有的版式方法还可直接套用形式很好的画面设计效果，并灵活运用于工作实践中。第二节版式设计特征在现代设计教学体系中，版式设计内容是教会学生认知和掌握平面版式设计的规律和方法并进行实践，具体内容包括以下几个方面掌握并运用视觉设计要素与构成要素；掌握和实践版式设计要素构成规律和方法；理解和掌握版式设计表现内容和形式关系；掌握和灵活运用各种应用性设计形式的特点。一、掌握并运用视觉要素与构成要素视觉形象要素和构成要素是版式设计的基本造型成份，就像组成完整文章的文字、符号、词语等基本要求，它们是组成任何平面设计的基本原素。视觉要素包括形象及其各种变化和组合、色彩与色调、肌理等，构成要素则包含空间、动势与织体组织等组合画面的表现形式。对视觉要素与构成要素的认知与把握，特别是对它们表现力及其各式各样种可能性的认知和把握，是展开组织设计的第一步。1819二、掌握和实践版式设计要素构成规律和方法版式设计构成规律和方法是平面版式设计各种基础性构成法则的总结，它们和视觉要素和构成要素的关系就像语言学中词汇和语法。这其中包括了以感性判断为主的设计方法和以理性分析为主的设计方法。认知与实践构成规律和方法的是掌握版式设计这门课程的关键。三、理解和掌握版式设计表现方面内容和形式的关系正确地认识、把握形式和内容的关系是设计创作最基本的问题。理解和表现内容是搞好设计的基本前提。因为设计的形式必然受到来自审美的、技术的和经济的要素的影响，最重要的影响是来自设计物品本身的内容。形式目的是表现内容，内容决定形式是设计和设计发展历史的基本规律。认识形式与内容的内在联系，以及如何通过有效的形式将特定的内容准确、迅速、艺术地表现出来是平面设计专业学生最基本的素质要求。需要广泛灵活的实践体验。四、掌握和灵活运用各种应用性设计形式的特点平面设计的表现形式非常多，而它们各自在功能、形式方面又有很大的变化，所引导学生认知和把握各种应用性设计的形式特点。对版式设计以后的应用有很好的实践效果。包装、广告设计、网页设计、书籍设计、报刊设计的设计形式都将是这方面学习的重点。110第三节版式设计要素一、创意为先导创意在版式设计中占有十分重要的位置。内容与形式紧密相连的表现方式，已成为版式设计的发展趋势，设计师们敢于打破前人设计传统，不重复以往习惯性的条条和框框，并在司空见惯的事物中发掘出新意来，树立大胆想象、勇于开拓的观念，已掀起了一场设计思维与设计理念的全新革命。二、形式独特每种设计潮流的发展和共识，都离不开对新字体风格的无止境的追求。在版式设计中，文字的编排从来没有像今天这样吸引设计者对它偏好与瞩目。这种通过文字与图形化的编排所制造的幽默、风趣、神秘等独特形式，已发展成为当今设计界艺术风格上的流行趋势。这种设计手法，给版面注入了更深的内涵与情趣，已作为生动的设计元素每时每刻都活跃于排版设计中，使版面进入了一个更新更高的境界，从而产生了新的生命力。三、趣性的攻势从当今世界上各大媒体的发展趋势来看，版式设计在表现形式上，正在朝着艺术性、娱乐性、亲和性的方向发展。对过去那种千篇一律的、硬性说教的、重视合理性的版面形式，取而代之深化为一种新文化、新艺术、新感受、新情趣，更加具有魅力。这种极具人情味的观赏性与趣味性，能迅速吸引观众的注意力，激发他们的兴趣，从而达到以情动人的目的。四、电脑新特技创造是学生利用自身的审美经验按照一定审美规律进行的主观创新。学生通过这些课题的练习，在认知、体验的同时，能充分发挥自己的想象力和创造力。要指出的是，创造在这里具有两重意义在创造客观作品的同时，学生也可发现自己的潜力和所长，从而创造自己的个性，为自己的艺术发展拓宽道路。我们在版式设计的教学方法上力图实现认知、体验与创造三者的统一。五、如何建立视觉流程1、利用视觉原理建立视觉流程1）把握视觉习惯心理学家称在一定范围内，人们注意力价值最大的是中上部和左上部。上部给人的轻松感，是视觉中心对比最强的部位，下部和右边则让人感觉稳定压抑，因此，版面左上部和中上部是“最佳视域”。2）重视这种信息编排方式的好处在于一方面是版式设计师的足够重视，一方面做版式设计时不必处处都大做文章，舒缓平实的处理也十分必要，它可以令版面的视觉表现理性、明朗；另一方面，设计以何种形式呈现很大程度上取决于设计的内容，类似文献、报章、教材等以信息介绍为主的题材排版可偏于朴素。1112、利用对比建立视觉流程对比是对差异性的强调，又兼顾统一。用在画面中能起到强烈的视觉吸引力，所以设计师常利用对比抓住大众的眼球，通过强化形状、大小、色彩、字体等对比关系，摆脱平庸、刻板的版面表现，令画面富有冲击力与层次感。而最具冲击力的部分成为了画面最先受关注的地方，层次感则形成了受众接受信息的先后顺序。对比表现的具体手法有1）加强主次对象的大小对比。2）加大主体形象周围的空白以此强化主体形象。3）加强主次对象之间的色彩对比，一般多利用明度与纯度对比。4）加强主次对象在形态上、方向上的对比。5）熟练控制文字的各种属性以及各属性之间的对比关系，如字体的大小对比、疏密对比也能建立视觉的层次感。1123、利用调和建立视觉流程具体方法包括1）文字在字体、字号、对齐、方向上的调和。2）图形在形态、大小上的调和。3）相同色彩在不同位置的出现形成的色彩调和。4、利用群组建立视觉流程可以利用有效的群组这多个信息成为一个视觉整体，使之迅速得以传达。群组时要注意方法、技巧，切莫生搬硬套。可把群组中的元素在视觉上作一定对比，如强弱、疏密；或在空间关系上的进行组合。如连接、复叠、透叠，也可以在色彩、肌理上进行调和、呼应。113114六、视觉流程的表现方法1、直线向视觉流程按人们的视觉习惯或水平或垂直方向的引导，似乎有一条清晰的运动脉络贯彻，简洁明了、迅速、有强烈视觉效果。2、斜向视觉流程是一种动态的构图，具有不安定因素，往往容易抓住人们视线，视线一般从左上角向右下角移动，或从从右上角向左下角移动，给人动态的不稳定感及速度感。特别适合一些运动、速度的题材以及一些风格化的表现。3、曲向视觉流程曲向视觉流程虽不及直线、斜线明了，但易使构成变得更丰富，形式感更强，例如圆形或弧线形，给人以节奏韵律感或幽雅柔美的感受，营造轻松随意的阅读气氛。4、导向视觉流程在编排中，导向视觉流程，是通过一定元素，引导读者视线按一定顺序运动，把版面各构成要素，串联起来形成一个整体，形成具有活力，动感的流畅型视觉因素。多以点、线、箭头或文字、手势、具体形象、照片等视觉元素诱导视觉进行观察，从而把编排版面串联成为一个整体。5、散点视觉流程强调版面视觉的情感性、自由性、追求一种新奇、刺激的视觉新语言，是指图文呈无规律、自由分散排列，呈现一种非常规、无序的、个性化的形式，阅读时读者有很大的自主性，视线随意地在画面中流动。散点视觉流程常给人以零乱、活跃、跳动、自在的视觉体验。适宜感性、个性化的题材。6、复向视觉流程把相同、近似、渐变的视觉元素进行重复的有规律的排列，使其产生一定的秩序、韵律。具有吸引视线、强调主题、从而加强视觉流动的功效。115实训案例解析案例一是一本宣传册的设计。宣传册的设计不同于其他排版设计，它要求视觉精美、档次高。在排版设计中尤其强调整体布局，连同内页的文字、图片、小标题等都要表现独特。经常是两页的的视觉空间共为一个整体，没有界线，使前后一致、互相呼应。依照前面所讲的排版设计的程序，我们来逐步进行分析。A为宣传册画的概念草图。图片位置的变化旨在表现整体中的丰富。2122B更为精致的设计稿，文字、标题与图片的布局已一目了然。23C最后的成品，大面积的深浅咖啡两色单纯典雅，与图片的色调融为一体，整体风格十分高档，精致却不失大气。24实训案例二是为一种酒所作的广告设计。招帖是海报、宣传画的统称，属于户外广告。招帖的艺术表现力丰富，可连续张贴、重复宣传。因此招帖的灵魂在于创意，能够使大众过目不忘。招帖是一种视觉传达的表现形式，要想通过你的版面构成把人们在几秒钟之内吸引住，并获得瞬间的刺激，就要求设计师做到既准确到位，又具有独特的版面创意形式。一张广告设计广告往往涉及到构思构图、图片图形、文字色彩、空间层次等一系列问题，而设计师的任务就是要做到这一切的完美结合，用恰如其分的形式把信息传达给人们。25A为海报画的最初的铅笔图，使用了独特的透视画法，把酒瓶作为主要物件，图的四边加上了粗犷的写有字的正方形框，因为设计师欣赏那些不仅包括一个物品来吸引观众的设计作品。2627B认可构图后的深入描绘，相近内容的诸多表现形式，颜色的基本稿。28C最后的成品，颜色、构图和远视效果都十分醒目。29实训案例三请柬之功用在于人与人之间的沟通，在特定的日子里问候朋友，邀请社团或个人出席各种社交场合。如集会、观光、生日、结婚、展览开幕等，已成为社交礼仪中常见的媒体形式。A这是设计者为自己的简略构想所画的几个铅笔草图。大体设定图案与文字的相关位置，哄托出整体的风格。BCDEFGHI210211212B以草图中的构想为基础，制作出的彩色样稿。C213C这是对作品中文字及字体的校正稿。其中还包括图文的位置、线框的粗细等。215D设计最终的效果，虚实关系十分明了。216第二章设计方法与训练篇实训任务二实训名称版式设计的基本元素实训形式表现出版面中空间的平衡画面，组合成不同的形态而产生空间感。实训目的通过对基本元素的研究学习，增强对版式设计基本元素的组合能力。实训时间4课时实训要求采用不同的材料以适当的方法，进行组合、排列、分布。得到空间的平衡效果；运用点、线、面、色彩、图案的分布进行创作，通过项目，学生可以体验到版式设计的意义，提高审美水平。第一节版式设计的基本元素一、版式设计的造型要素对视觉要素和构成要素的研究和认识是一切视觉艺术包括版式设计的基础。它们在设计中的作用和地位就象人类语言中词汇和语法一样。1、形画面的编排构成要素首先是形。我们这里说的形，就是在画面上有大小、色彩的、点、线、面。它们是构成视觉空间的基本元素，任何形都是由它们组成，版式设计实际上就是如何经营各种由点、线、面组织成的形，不管内容与形式如何复杂，但最终可以归纳到“点、线、面”上。在平面设计师眼中，一个字母就是一个点，一行文字就是线，数行文字与一片空白，则可理解为面，它们相互依存，相互作用，组合出各种各样的形态，构成一个个千变万化的全新版面。3132形的分类可以从不同角度进行。我们将把形分为基本形和形的变化两个方面来进行讨论。1）基本形点点是最基本的形。它的感觉是相对的。是由形状、方向、大小、位置与形式构成。这样聚散排列与组合，带给人们不同的心理感受。在有的设计基础课程或平面构成课程教材中，点的概念指的是一条线的起点。版式设计意义上的点，必须是可视的。点可以是一个字，也可以是一块色彩；一张小小的照片或图象，点可以以任何一种形态呈现。在版式设计中，点可以成为画龙点睛之“点”，和其他视觉设计要素相对比，形成画面的中心；也可以和其他形态组合，起着平衡画面轻重，填补一定的空间，点缀和活跃画面气氛的作用；还可以组合起来，成为一种肌理或其他要素，衬托画面主体。一个设计意义上的点，总要在平面中占据一定的空间，才会获得视觉上的平衡和愉悦。一个点占据的空间要根据点的形态和大小而定。线线可以是有形的，亦可是“无形”的。如版式设计中的轴线、骨格线等。它们可以组合理顺各种图象和文字在视觉上的关系。线可以生长、延伸，可以分割画面。在版式设计中，作为一种装饰要素，线的性质往往对画面风格的倾向性起着十分重要的作用。直线的组合可以使人联想起中国传统木版书籍设计的某些意蕴，曲线的排比令人感到欧洲新艺术运动的遗韵。33作为设计要素，线在设计中的影响力大于点。线要求在视觉上占有更大的空间，它们的延伸带来了一种动势。线可以串联各种视觉要素，可以分割画面和图象文字，可以使画面充满动感，也可以在最大程度上稳定画面。面面在画面中占空间最多，影响力最大，所以在视觉上要比点、线来得更强烈、更实在。具有强烈个性特征。在具体的版式设计中，一个将被设计的平面空间，就是一个等待设计处理的面，面的表现也包容了各种色彩、肌理、图片形象等各方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。因此，在编排版面时，要把握相互间整体和谐，才能产生生动的视觉形式。面的表现也包容了各种色彩、肌理、图片形象等各方面的变化，同时面的形状和边缘对面的性质也有着很大的影响，在不同的情况下会使面的形象产生极多的变化。因此，在编排版面时，要把握相互间整体和谐，才能产生生动的视觉形式。3第三章版式设计的结构种类实训任务三实训名称版式设计的结构种类。实训形式根据版式结构的种类进行练习。实训目的通过学习版式结构形式的结构特点，从对版式的结构进行分析到对版式意义的理解，掌握版式设计中的每一个步骤。实训时间4课时实训要求以版式设计的空间结构的形式，进行版式结构的分类练习，建议每种结构设计2幅，在每张A4纸上制作4幅。第一节版式设计的结构种类一、空间与基本形的版式构成1、点与空间的版式构成点在版面上的位置1）当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板。2）当居于视觉中心时，有视觉心理的平衡与舒适感。3）当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感。4）点做上、下边置，有上升、下沉的心理感受。3536在设计中，将视点导入视觉中心的设计，如今已屡见不鲜。为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。另外，准确运用视点的设计来完美的表述情感即内涵，使设计作品更加精彩动人，这正是版式设计追求的更高境界。2、线与空间的编排构成1）线的空间分割在进行版面分割时，既要考虑各元素彼此间支配的形状，又要注意空间所具有的内在联系。保证良好的视觉秩序感，这就要求被划分的空间有相应的主次关系、呼应关系和形式关系，以此来获得整体和谐的视觉空间。空间等量的分割。将多个相同或相似的形态进行空间等量分割，以获得秩序与美。图文在直线的空间分割下，求得清晰、条理的秩序，同时求得统一和谐的因素。通过不同比例的空间分割，版面产生各空间的对比与节奏感。在骨骼分栏中插入直线进行分割使栏目更清晰，更具条理，且有弹性，增强了文章的可视性。2）线的空间“力场”“力场”是一种虚的空间，是对一定范围的空间的知觉或感应，所以，也称为“心理空间”。在版面中所产生的“力场”，首先是在空间被分割和限定的情况下，才能产生“立场”的感应。具体的说，在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字和或图形的范围即产生紧张感并引起视觉注意，这正是力场的空间感应。这种手法，增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理富于弹性的空间关系。至于力场的大小，则与线的粗细、虚实有关。线粗、实，力场感应则强；线细、虚，力场感应则弱。另外，在栏与栏之间用空白分割是静的表现；用线分割为动的、积极的表现。373）线框的空间约束的功能在强调情感或动感的出血图中，若以线框配置，动感与情感则获得相应的稳定规范。另外，线框细，版面则轻快而有弹性，但力场的感应弱；当线框加粗，图象有被强调的感觉，同时诱导视觉注意；但线框过粗，版面则变得稳定、呆板、空间封闭，其力场的感应明显增强。3、面与空间的编排构成面在版面中的概念，可理解为点的放大、点的密集或线的重复。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡、丰富空间层次、烘托及深化主题的作用。4、三维空间的编排构成生活中的三维空间是立体空间，看得见、摸得着、能深入，如当我们走进教室的感觉，而在平面编排中的三维空间，是在二维空间的平面上建立近、中、远立体的空间关系。看得见而摸不着，是假象空间。这种假象，是通过借助多方面的空间关系来表现的，即；比例、动静、图象肌理等空间因素。381）比例关系的空间层次面积大小的比例，即近大远小产生近、中、远的空间层次。在编排中，可将主体形象或标题文字放大，次要形象缩小，来建立良好的主次、强弱的空间关系，以增强版面的节奏感和明快度。2）位置关系的空间层次疏密的位置关系产生的空间层次。在前后叠压关系或版面上、下、左、右位置关系中，做疏密、轻重、缓急的位置编排，所产生的空间层次富于弹性，同时也产生紧张或舒缓的心理感受。3）黑、白、灰的空间层次无论是有色还是无色的版面，均为黑白灰的三色空间层次为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近中远空间位置，依版面具体的明暗调关系而定。4）动静关系、图象肌理关系产生的空间层次动使版面充满活力，获得更高的注目度；静使版面冷静、含蓄，具有稳定的因素。两者在版面的组织上，以动为前，静为后，彼此以动静的对比关系来建立空间感。以细小的文字或图象组织的版面，从整体看具有肌理感，其空间关系建立在肌理组织的大小及色彩的强弱关系上。第四章版式设计的表现形式及其设计流程实训任务四实训名称版式设计的表现形式及其设计流程实训形式根据版式结构的形式种类进行练习。实训目的由于设计时会出现很多种的形式方案，需要决定哪种形式是最适合消费者的观看。通过练习形式的种类，你就能找到一种最能满足客户需求的设计方法，并为每一种不同的方法找出一个基本的理由。实训时间4课时实训要求以版式设计的形式种类，进行版式形式上的分类练习，建议每种形式设计2幅，在每张A4纸上制作4幅。第一节版式设计的表现形式作为设计师必须要有敏锐的观察力，去发现与体会形式美，合理的表现形式美，并大胆地创造形式美。版式设计的形式美平衡静态美安定、大方、庄重、传统律动动态美有序、动感、活跃、现代调和统一美整体、成熟、典雅、高尚比例对比美节奏、理性、科技、现代一、形式美类别1、平衡1）对称或平衡两个同一形一点为中心，取得左右或上下同等、同量、同形的平衡。对称的形式有以中轴线为轴心的左右对称、以水平线为基准的上下对称和以中心为基准的放射对称，还有以对称面出发上的反转形式。其特点是庄重沉稳、高贵大气，给人可信赖感。由于往往借助轴心所以容易安排视觉中心，建立清晰的视觉流程，得到明快的视觉传达，是一种简单而有效的形式美感。2）非对称平衡或均衡非对称性平衡也称均衡。它利用构成单元等量却不等形不等性质的方式表现矛盾的统一性，揭示内在的、含蓄的秩序和平衡，达到静中动或动中静的条理美和动态美。非对称平衡形式富于变化、趣味，具有生动活泼的特点。可将文字图形按照大小、多少、色调、肌理、明暗等因素进行平衡编排。可以有效的避免平衡造成的版面呆板、单调，同时也不失稳重之感。2、律动如果平衡能获得静态美，那么律动给人的就是一种动态之美。就像浪层层叠叠涌向海岸；或是水中的涟漪由小变大，由强变弱的重复波纹，都会让人体会律动的美感。设计中，把握图文布局时的重复、渐大、渐小、渐短、渐长、渐明、渐暗等排列构成，形成一定的节奏与韵律，会使整个版面富有艺术感染力。同时形成的轻松优雅的视觉情感，进一步提高诉求力。1）重复即将相同或相似的形、色构成单元，作有序的排列构图。人们总会无意识地将反复出现的元素联系起来，形成动态的视觉联想。重复在版面中可将离散的视觉元素串联成为整体，同时重复的元素也会形成视觉强势，形成安定、整齐、规律的统一。2）渐变将重复的单元通过方向、大小、颜色、形状、高低等方面的变化产生层次的有规律的排列。能产生律动的美感、富有韵律。3、调和对画面中的图、文等各元素从形态、色调、肌理、明暗等方向上进行协调编排，以实现版面统一的视觉风格。调和易体现出来亲和、秩序、理性、成熟的气质，可使构成元素之间形成相互配合，相互兼容的协调关系。它主要分为形与色的调和1）形的调和使用相同、相似的形态进行虚实、平衡的统一编排。2）色的调和使用低对比的色相饱和度、明度的色彩形成协调一致的色调。4、比例成功的版式设计很大程度上取决于良好的比例。比例是整体与局部以及部分与部分之间数量的一种比率，又是一种用几何语言和数值比词汇来表现现代生活和科技的抽象艺术形式，往往体现一种理性、现代、科技之美；比例常常表现为一定的数例等差数例、等比数例、黄金分割等。黄金分割是被证实最美最协调的分割。形与色失去比例无序的对比，会如人感觉混沌、幼稚、凌乱，所以合适的比例关系可产生出对比美。5、和谐和谐是美感中的高标准，特别是在现代商业设计，无论形式是平衡还是律动；是调和统一还是比例对比，只要形式符合主题并产生和谐美，相应得到准确、有效的传播定位。好比一个人穿漂亮的服饰但还要符合场合要求、设计师需要有敏锐的发现力与敏感的性格，在调研基础上，去体会所服务品牌、产品个性、特色以及消费者的喜好、情感，利用合适的形式美来创造和谐美感，使设计作出有效的视觉传达。第二节版式设计的一般设计流程一、准备阶段1、全身心地投入从任意涂鸦的一个创意，出现在白纸上的那一刻起，创意设计的过程就开始了。42对于客户的立场，设计师应该以最大热诚去悉心聆听。设计师的职责之一就是敲开客户和观众的心扉，让他们去接纳那些