版式设计

主讲经典视觉什么是版式设计——发展进程如何？版式设计运用领域有哪些——包含内容？版式设计的教学目的——功能与意义何在？如何进行版式设计——原则与方法？1、出版物版式设计，如报纸版面、杂志版面、书籍版面2、广告版面设计，如报纸广告、杂志广告、灯箱广告、路牌广告。3、促销道具设计，如包装、DM、POP广告、产品目录。4、企业形象标识设计，如名片、信封、信纸、证件等办公用品。5、多媒体、网页版式设计。工程设计样册、工程投标设计展板空间环境二维与三维的融合出版物版式设计，如报纸版面、杂志版面、书籍版面杂志内页版式设计书籍内页版式设计书籍内页的版式设计广告版面设计，如报纸广告、杂志广告、灯箱广告、路牌广告。促销道具设计，如包装、DM、POP广告、产品目录。企业形象标识设计，如名片、信封、信纸、证件等办公用品，多媒体、网页版式设计。工程样册设计工程投标设计展板设计二维空间与三维空间的融合版式设计完美渗透于生活。。。。。。。第一章版式设计概述第二章版式设计的发展流程第三章版式设计案例赏析第四章版式设计的构成与视觉要素第五章版式设计的原则、形式原理及常见类型第六章样本设计概述第七章样本印刷知识第八章样本设计注意要素第九章版式三要素在样本中的处理技巧第十章设计网格系统第一章版式设计概述一、版式设计的源流与发展二、版式设计的概念与功能三、版式设计的发展趋势一、版式设计的源流与发展每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。莫里斯的代表作《诗歌之路》的封面、内页设计19世纪现代设计理论的开创者——威廉。莫里斯立体主义是现代艺术中重要的运动，是平面设计的基础。未来主义运动起源于20世纪初意大利在绘画、雕塑和建筑上的一场设计运动。提倡自由组合，即编排无重心无主次、杂乱无章、字体各异的散构甚至完全散乱的无政府主义的形式。超现实主义认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的意识或潜在的思想动机更真实。20世纪初出现的文艺运动现代主义设计20世纪二三十年代，欧洲出现了重要的三个核心的运动，即俄国的构成主义、荷兰的风格派、德国的包豪斯，这三个运动成为了现代设计思想和形式的基础。现代主义的特点是理性主义，“功能决定形式”不是一种风格，而是一种信仰。主张“少则多”，反对装饰的繁琐。构成主义设计将抽象的图形或文字作为视觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成。荷兰风格派的思想和形式来源于蒙德里安德绘画探索，他以高度理性、数字化的逻辑思维来创造和谐的新秩序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。包豪斯的平面设计的思想及风格具有强调科学化、理性化、功能化，减少主义和几何化的特点，注重字体设计采用无饰线字体和简约的编排风格。国际主义风格在平面上的贡献是研究出骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的无线条装饰字体，采用非对称的版面编排。后现代主义提倡设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，所以版面的字体、插图或排版都充满了欢乐、游戏、调侃、疯狂的特点。二、版式设计的概念与功能1、概念：版式设计可以理解为：在有限的版面空间里，将版面构成要素--文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。也就是寻求艺术手段来正确地表现版面信息，是一种直觉性、创造性的活动。2、版式设计的功能版式设计肩负着双重使命：一是作为信息发布的重要媒体，同时它又要让读者通过版面的阅读产生美的遐想与共鸣，让设计师的观点与涵养能进入读者的心灵。水木青华楼书的版式设计三、版式设计的发展趋势1、创意为先导2．形式独特性3、情趣性的攻势4、电脑新特技第四章版式设计的构成与视觉要素构成要素：点、线、面视觉要素：文字、图形、色彩一、点在版面上的构成点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。这种聚散的排列与组合，带给人们不同的心理感应。构成要素：点、线、面由点组成数字的形状,而下面的点正是品牌的标志雀巢咖啡的平面广告网站的平面招贴设计杂志内页的编排设计-大小各异、高低错落的点状字母具有跳跃感觉水木青华的楼书设计-水墨的点是视觉的中心，体现了雅致的书香气氛。二、线在版面上的构成线从理论上讲，是点的发展和延伸。线具有位置、长度、宽度、方向、形状和性格。直线和曲线是决定版面形象的基本要素。每一种线都有它自己独特的个性与情感存在着。将各种不同的线运用到版面设计中去，就会获得各种不同的效果。直线给人以单纯、明朗的秩序感文字的编排成弧线,使版面灵动起来雀巢咖啡平面广告的版式编排-用植物的曲线表现产品的诱人口味。大唐不夜城招商画册的目录页设计线的趣味性表达和特异表现强化了视觉表现意图线的组合运用显示出丰富的表达情感三、面在版面上的构成面在空间上占有的面积最多，因而在视觉上要比点，线来得强烈、实在，具有鲜明的个性特征。面可分成几何形和自由形两大类。陈幼坚为某设计艺廊六周年纪念展所设计的海报一文字的版式设计文字在排版设计中，不仅仅局限于信息传达意义上的概念，而更是一种高尚的艺术表现形式。（一）字体、字号、字距与行距1.字号视觉要素：文字、图形与色彩标题字一般大于14~20号字，正文字一般是8~10号字。标题字正文字2.字体在一个版面中，选用三到四种字体为版面最佳视觉效果。2.字距与行距字距与行距的把握是设计师对版面的心理感受，也是设计师设计品味的直接体现。一般的行距在常规的比例应为：用字8点行距则为10点，即8：10。但对于一些特殊的版面来说，字距与行距的加宽或缩紧，更能体现主题的内涵。（二）编排形式文字的编排形式多种多样，我们大致可以理解为以下几种：左右齐整，横排也可竖排；左齐、右齐或聚中编排；文图穿插、自由编排、突出字首等。左右齐整左齐、右齐与其它形式混合突出字首图文穿插居中的编排自由编排《荣安.水尚阑珊》楼书版式设计——突出字首文字图形化的编排形式（三）标题与正文的编排标题在版面中起画龙点睛，引人注目的作用，标题的位置、字体、大小、形状、方向的处理方式，直接关系到整个版面的艺术风格，可作居中，横向，竖向或边置排列。（四）文字编排的特殊表现1、形象字体形象字体是依据文字的字义或一个词组所包含的内容而进行的艺术创造的字体.2、图文叠印将文字印在图形或图片上的这种杂乱现象，不在乎易读性，追求层次丰富的效果.3、群组编排将文字放在方形或长方形以及具象的形状中，称群组.用文字的特殊编排组合成图形文字在版式中的编排法则借助文字的排版方式统整版面信息文字排版的设计原则让文字表现出十足的个性文字的跳跃率借助文字的排列方式统整版面信息在版式的编排过程中，文字是最重要的视觉要素之一。对于版式设计来讲，文字有着其它要素无法比拟的功效。根据主题的需要，合理地运用文字类元素，以打造相互具有个人特色的版式效果11借助文字的排列方式统整版面信息法则一使文字段落左右均齐在版式设计中，左右均齐的排列方式是指在文字段落的每一行中从左到右的长度是完全相等的。当使用左右均齐的编排手法时，段落最终排列的形状往往是非常完整的，也正是由于这项特征，使得画面表现出规范有度的效果。当处理文字信息较多的版面时，就可以考虑左右均齐的文字排列方式。通过左右均齐的排列方式来减轻大篇幅文字带来的心理压抑，从而增强观赏者对版面的感知兴趣。①将正文以左右对齐的方式排版，使版面表现出整齐，干净的视觉效果②将图形元素进行剪切与错位拼贴，从而打造出极具创意感的图形设计效果图片解析①将简短的标语文字以左右对齐的方式进行排列，从局部来衬托版式的严谨。②将图像中的人物视线预留版面，使画面表现出强烈的空间感借助文字的排列方式统整版面信息法则一使文字段落左右均齐当版面中的文字量处于较少的状态时，同可以将它们以左右均齐的方式进行排列，通过该种方式可以使文字段落呈现出端正的编排结构，从而增添了版面局部的严谨性，同时使版式整体呈现出自然、和谐的一面图片解析图片解析1借助文字的排列方式统整版面信息法则二将文字进行齐左/齐右对齐1版式中文字的齐左、齐右排列并不难理解，从字面上理解，它的意思就是文字以整体靠左或靠右对齐的方式进行排列。在不同的设计题材，以及正对不同的图形要素时，齐左与齐右的文字排列在视觉上带来的感受也存在着明显的差异性。1、齐左所谓文字的齐左排列，是指将每段文字的首行与尾行进行左对齐，与此同时，右侧则呈现出错位的效果。该类排列方式。①为标题文字加入图形元素，从而突出该段文字在版面中的重要性。②将版面的正文排列成齐左的样式，一次来打造出舒适的阅读空间。图片解析法则二将文字进行齐左/齐右对齐法则二将文字进行齐左/齐右对齐①将简短的说明文字以齐右的方式进行排列，打造出独特的版式印象。②运用经典的电影场景来唤起观赏者内心的共鸣感，从而加深他们对版面的印象借助文字的排列方式统整版面信息法则二将文字进行齐左/齐右对齐2．齐右所谓齐右排列，是指将每段文字首行与尾行的右侧进行对齐排列，而左侧则呈现出参差不齐的状态。齐右与齐左是两组完全对立的排列方式，而且它们在结构与形式上都各具特色。由于齐右排列有违人们的阅读习惯，因此该类排列在视觉上总会带给人以不顺遂的印象，但也同时为版面增添了几分新颖的效果。图片解析借助文字的排列方式统整版面信息借助文字的排列方式统整版面信息1借助文字的排列方式统整版面信息法则三文字居中对齐居中对齐拥有简洁的排列结构，因此它也是版式设计中较常见的一种文字编排手法，尤其是在书籍目录、宣传海报和商业广告等方面有着极其频繁的使用率。在版式设计中，将文字以居中对齐的方式进行排列，使观赏者的视线集中在版面的中间，从而引发观赏者的感知兴趣。另外，该类排列的左右两端同时呈现出相对称的状态，这就赋予了该版式结构以强烈的节奏感。①为标题文字加入图形元素，从而突出该段文字在版面中的重要性。②将版面的正文排列成齐左的样式，一次来打造出舒适的阅读空间。图片解析1借助文字的排列方式统整版面信息法则三文字居中对齐在进行文字的居中排列时，也可以将版面中其他的视觉要素纳入到文字段落的阵列中，比如将版面中的图形与文字均以居中的方式进行排列，通过这种方式来统一画面的版式结构，并使版式表现出强烈的和谐感。①将画面中的图形与文字均以中轴对齐的方式进行排列，通过图形与文字间的排列组合，使版式结构呈现出高度的统一感。②利用上疏下密的文字排列结构，使版面形成由上往下的单项视觉流程图片解析1借助文字的排列方式统整版面信息法则四将段落首字突出在实际的设计过程中，通常以艺术加工的方式来突出首字的视觉形象，如通过配色关系、外形特征和大小比例等。标题的首字突出，从视觉意义上讲它能加强该段文字的视觉凝聚力，将该段文字的首写文字进行强化处理，能使版面整体的注目度得到大大提高，并引发观赏者的感知兴趣。①将标题的首字母进行放大处理，使其有效的吸引读者的注意。②规整的文字排列结构，从正面衬托出该书刊在编排设计上的严谨性。图片解析1借助文字的排列方式统整版面信息法则四将段落首字突出在信息量较多的版面中，通常会选用字号较小的文字。由于字号普遍较小，致使版面呈现出密密麻麻的效果，此时可以采用段落首字突出的方式来点亮整个版式，同时将观赏者的视线牵引到该段文字之上。①将正文的首写字母进行放大处理，以强调该段文字在版面当中的独特性，通过这种表现手法来提高文字信息的传达效率②将人物图形摆放在视图的中央，帮助读者快速认识该刊物的主题信息图片解析1借助文字的排列方式统整版面信息法则五文字绕图文字绕图是指版面中的文字与图形以互动的方式进行排列组合，通过该类编排方式将文字与图形两者在视觉上融为一个整体，使画面整体在形式与结构上都变得更加和谐统一。报刊、杂志和网页等元素在版面中含有大量的文字信息，在这类素材中运用图文绕字的排列方式，可提升版面整体的趣味性，还能有效地减轻文字版面所带来