版式设计课件较全

艺术设计之版式设计,版式设计概念,版式format-指书刊等的版面格式版面-书报杂志每一页的整面所谓版式设计就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传达方式。传达信息的同时，也会产生感官上的美感。,版式设计,版式设计vs平面设计,版式设计对于平面设计是一门相对独立的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。,版式设计,从表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。,版式设计,版式设计的范围涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各个领域。,版式设计,-报纸,包装设计,包装容器设计应用,书籍装帧,书籍装帧,sculpture,海报设计,Vi系统及应用,网页设计版式设计,字体作为符号设计的海报,文字排列,字体设计,产品宣传广告,工业产品设计版式设计,本课程学习目的本课程学习方法和要求本课程学习目标和任务,版式设计,版式设计,学习版式设计的目的,将平面的主要元素文字、图像、图形及色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。在新时期的目的：1在传达信息的同时，传达新思想、新观念、新技术、新材料、新工艺。2美的信息传达。,本课程核心内容是视觉思维方式引导下的形式语言研究与训练。视觉思维的训练-讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式研究、解决问题的习惯和能力。形式语言的训练-了解编排设计表现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。表现手法的训练-了解视觉语言形式表现的多种手法，自如的运用多种体裁、材料、媒介、技法、效果。,学习方法,版式设计,目标和任务,版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系，设计要素及其构成的规律与方法，以及各种应用性设计的形式特点，使学生能够进行有感染力的版式设计，从而使作品的内容更清晰、更有条理地传达给读者。,版式设计,第一章概述第二章版面设计的编排形式第三章文字的编排构成第四章图形的编排构成第五章版式设计欣赏,版式设计,版式设计,第一章版式设计概述,版式设计,1.1版式设计概念1.2版式设计的应用范围与功能1.3版式设计的三大要素1.4版式设计原则,版式设计,1.1概念版式设计，也称编排设计。是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字，图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。,版式设计,1.2应用范围与功能,应用范围书报杂志，宣传画册，网页设计等功能版式设计的功能主要体现在通过版面元素的编排达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使读者阅读的过程充满轻松、美好的感觉。一个好的版式设计能更快、更准地传递信息，帮助信息交流。版式设计可以采用各种不同的版面编排形式体现其功能性，如图21图25，这些就是版式设计的功能性表现它可以调整版面的协调性，使杂乱的文字与图形具有规律，体现出版面统一，协调的视觉效果，使信息在阅读时具有明确的节奏感并使版面具有阅读美感，同时达到了信息传达的目的。,图21-24将图片与文字合理地进行编排设计，使版面层次清晰、主题突出达到信息传达的目的。图25是一个杂志的版面，从整个版面结构看版面文字与图形编排整齐，具有一定的规律性，使读者在阅读的时候具有明确的阅读节奏与视觉流程。图片与文字的合理编排，减少了阅读时的视觉疲劳感。整个版面整洁，具有稳定性给人平稳、理性的视觉感受。,版式设计,文字图形色彩,1.3版式设计三大视觉要素,版式设计,1文字主题内容（标题，正文，注解等离不开文字，通过文字获得主要信息。）设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使人感到愉悦，帮助阅读和理解。,2图形或者图像图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。这并非语言或者文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，可以使得版面立体，真实。文字版中加入图形图像立即引起视觉流程的变化。图形的形式、大小和数量影响读者注意力。,版式设计,版式设计,特写图像视觉冲击力强,版式设计,版式设计,同类广告的不同表现手法,版式设计,版式设计,3色彩在版面设计中，色彩总是至少成双出现的，即使是黑色的字，在白色的底面上，也成了黑白对比的色彩效果，而不同的配色，带给我们不同的视觉心理感受，好的配色同样可以起到引导交流信息的效果。,版式设计,版式设计,版式设计,版式设计,1.3版式设计原则,思想性与单一性艺术性与审美性趣味性与独创性整体性与协调性,版式设计,1思想性与单一性版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能达到版面设计的最终目标。,版式设计,版式设计,版式设计,2艺术性与审美情趣主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。,版式设计,版式设计,3趣味性与独创性版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质上是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。,版式设计,版式设计,福田繁雄（1932年-）是日本当代视觉设计大师，他的设计理念及其设计作品所取得的成就，对当代平面设计界都产生了深远的影响。,版式设计,版式设计,4整体性与协调性通过版面图文间的整体组合与协调编排，使得版面具有秩序美，条理清晰，从而获得良好的传播效果。,版式设计,版式设计,版式设计,第二章版式设计的编排形式,版式设计,第二章版式设计的编排形式,版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面又提高了传达信息的功能。,版式设计,一.版式的排列类型,版面的大小比例,以图形为主的杂志版式设计,以文字为主的杂志版式设计,以图形为主的杂志版式设计,版式设计,对称,对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。,两栏对称示意图,三栏对称示意图,三栏对称版面,版式设计,对比和平衡,对比可以是形态上的也可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的稳定状态，在版式设计中主要表现为版面的上下左右比例适中，左右版面接近均衡的版面结果，在视觉上给人平衡稳定的视觉效果。,版式设计,四边和中心,在版面结构布局上，四边与中心有着潜在的重要性。四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。,版式设计,“破”是指打破拘束、打破平衡、增添动感的手法。破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。,破型,版式设计,二.版式设计的基本类型,满版型版式设计,满版型主要以图片传达信息，以图片充满整个版面。在视觉传达上直观，表现强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。,版式设计,整个画面都是采用了一整张照片的形式进行信息宣传，当照片放大到一定的比例，在视觉表现上具有强烈的视觉效果，吸引人们注意。满版型版式设计具有传播速度快、视觉表现强烈的宣传效果，是版式设计中主要的一种表现形式。,版式设计,分割型版式设计,分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。,第一种是等形分割。分割形状完全一样，分割后再把分隔界线加以调整取舍，达到的一种有良好的效果。,等型分割,版式设计,第二种是自由分割。就是不规则的、无限制的，将画面自由分割的一种方式，它不同于数学规则分割产生的整齐效果，但随意性分割，使画面产生活泼不受约束的感觉。,自由分割,版式设计,第三种是比例与数列。利用比例关系完成的构图通常都具有秩序、明朗的特性，给人清新的感觉。分隔具有一定的法则，如黄金分割法、数列等。,比例分割,版式设计,采用了分割的手法，使画面变得有生气，不像一张单一照片那么呆板。分割的版式具有强烈的空间感，展现了版式的灵活性。,版式设计,倾斜型版式设计,倾斜型版式设计主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。,版式设计,三角型版式设计,第一种是正三角形版式。正三角形自古以来都是象征稳定的图形，在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。,正三角形版式,版式设计,倒三角形版式,第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。,版式设计,曲线型版式设计,曲线型版式,曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化。,版式设计,自由型版式设计在版面结构中采用无规律、随意地编排构成，使画面产生活泼、轻快的感觉。自由型版式设计没有网格的约束，在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。,自由型版式设计,自由型版式,版式设计,这是一张餐饮杂志的版面，从版面编排类型来看，杂志版面运用的是满版型的编排形式突出版面主题，使版面具有活跃性，给人强烈的视觉效果。,版式设计,该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。,版式设计,该设计为杂志宣传广告，整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很大的影响。图片比文字更能吸引人们注意。采用了满版型的版式设计，从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列，使整个画面显得和谐层次清晰，达到了宣传的目的。,版式设计,三.版式设计的网格系统,网格在版式设计中的重要性,网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。,网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。,版式设计,网格的排列,杂志版式,网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中有明确的版面结构。,版式设计,（1）网格具有版面需求性,（2）网格具有信息组织的功能性,（3）网格具有阅读的关联性,网格系统的作用,版式设计,对称式网格,对称式网格的目的主要是组织信息，平衡左右版面的作用。,杂志版式,对称网格,网格的类型,版式设计,对称式栏状网格分为单栏网格、双栏网格、三栏、四栏、甚至多栏网格等。,单栏网格,双栏对称网格,（1）对称式栏状网格,疲惫。单栏用于文字性书籍，如小说、文学著者等。因此在单栏式网格中文字的长度一般不要超过60字。,2）版面平衡，使阅读更流畅。版面缺乏变化，文字的编排比较密集，画面显得有些单调。,版式设计,三栏对称网格,五栏对称网格,避免视觉疲劳感。三栏网格的运用使版面具有活跃性，打破了单栏的严肃感。,4）有关表格形式的文字，比如说联系方式、术语表、数据目录等信息。这种版式的单栏太窄式不适合编排正文的。,单元格对称网格,（2）对称式单元网格,对称式单元网格在版面编排中，将版面分成同等大小的网格，再根据版式的需要编排文字与图片。这样的版式具有很大的灵活性，可以随意编排文字和图片。在编排过程中，单元格之间的间隔距离可以自由放大或者缩小，但是每个单元格四周的空间距离必须相等。,版式设计,版式设计,非对称栏状网格,(3)非对称式网格,非对称网格是指左右版面采用同一种编排方式，但是在编排的过程中并不像对称网格那样绝对。非对称网格形式在编排的过程中，根据版面需要调整版面的网格栏的大小比例。使整个版面更灵活，更具有生气。,版式设计,非对称网格主要分为非对称栏状网格与非对称单元网格两种。,非对称栏状网格,非对称单元格网格,版式设计,基线网格,(4)基线网格,基线网格通常是不可见的，但它却是平面设计师的基础。基线网格提供了一种视觉参考，它可以帮助版面元素的准确编排与对齐页面，是凭感觉无法达到的版面效果。,版式设计,(5)成角网格,成角网格在版面中往往很难设置，网格可以设置成任何角度。成角网格发挥作用的原理跟其他网格一样，但是由于成角网格是倾斜的，设计师在版面编排时，能够以打破常规的方式展现自己的风格创意。,版式设计,对称网格,网格的建立,栏状网格与单元格,一套好的网格结构可以帮助设计师明确设计风格，排除设计中随意编排的可能，使版面统一规整。设计师可以利用两者的不同风格来编排出灵活性较大，协调统一的版面构成设计。,版式设计,网格的编排形式,（1）多语言网格编排,（2）说明式网格编排,版式设计,网格与无网格对比版面,网格与无网格对比版面,无网格版面,(3)打破网格,打破网格的约束使版面设计更具有自由性，但是很难把握版面的平衡，就算是很优秀的设计师也很难准确的把握画面的平衡感。,版式设计,该菜谱在版面编排时，根据对版面元素的了解选择适当的网格结构，使其达到信息传达明确。在该版面中，采用大小图片的对比关系，使整个版面具有版面的活跃性，选择一张满版出血图，运用图片中元素的生动感，能有效地勾起人们的食欲。,版式设计,版式设计,版式设计,版式设计,版式设计,第三章文字的编排构成,版式设计,一、字体与版式设计,1、字体设计的概念：对文字的象形、意形、字母按视觉传达规律加以整体考虑的设计，是通过对字形、字意、字音的联想，以意念思维所创造的新的文字造型形象，有着很高的审美价值，具有可读性、趣味性、识别性，是现代视觉传达的重要语言之一。,版式设计,2、字体编排设计：将句子或文章有序地、有层次地、有疏密对比地编排。,版式设计,2.1字距、词距、行距的编排（1）汉字编排一般较规则的说明文字：行距=字高、比字间距略宽（2）拉丁字母大写行距=字高拉丁字母小写行距则以上下伸出部分不碰到为原则。（3）特殊要求是，可根据需要调整。,版式设计,版式设计,版式设计,版式设计,版式设计,版式设计,2.2文字编排形式（1）文字的格式编排形式,竖排式横排式斜排式曲线式渐变式重叠式分离式,角度依据需要而定产生自由滚动的效果，使方正的版面有活跃的气氛通过字体大小、色彩产生渐变可形成点状效果,版式设计,（2）文字的头尾编排形式,齐头散尾式散头齐尾式齐头齐尾式中轴分离式分插式自由式,适合于外文字体的编排适合于外文字体的编排中间向两边分散行与行之间的关系：上下、左右、曲直交叉、长短错落行与行之间，不规则的编排，形成具有繁杂视觉效果的图形，其阅读功能减弱，图形形式增强。,版式设计,（3）图形化的文字编排,运用大量的文字组成平面的，或立体的图形，其图形化的文字编排能够形象地传达出文字的内容，从而增强视觉的趣味性。增加读者对文体的记忆。,A图形化的文字编排手段a设计出一个特定的图形b将所要编排的文字全部编排到图形里。注意：轮廓、文字大小、偏重图形的可视性,B图形化的文字编排的应用范围报纸、杂志、招贴、书籍、宣传册等。,版式设计,版式设计,版式设计,版式设计,版式设计,在版式设计中，文字的设计十分重要,精准细致的字体表述内容的版式，给人以清晰、明朗和高贵的感觉。,A信息量大，文字量多,B文字占有版面的绝大部分面积，或只有文字没有图形的情况下。,对文字的巧妙处理,版式设计,版式设计,（5）从构成的角度来看：,文字分布的区域,视觉心理,A字号小B成行的文字C成段的文字,少量的字体疏朗地排列，给人以点的感觉由于视觉调整、连缀成为版面上的线在版面上形成面,版式设计,1、版面设计中的文字部分设计,（1）主要内容的文字设计注意：在文字体式、色彩上不需要过多的变化；常用字体：黑体、等线体、罗马体简洁和通俗的排版更有利于阅读。,版式设计,版式设计,版式设计,（2）版面中的文字与留白留白：在平面设计中讲究在版面中留有适当的，既无图形亦无文字的空白部分。,版面中:文字：解读版面内容留白：视觉上的舒缓、联想烘托字体的独特样式和形式语言。,版式设计,（3）文字与文字A标题文字经过专门的设计来表现,目的：获得更为有效的视觉刺激，吸引关注、重视。准确传达意图，对正文内容作较形象而概括的提示。,标题设计注意：字体设计位置（视觉中心）,版式设计,B正文文字字体一般不要求过多的变化。,目的：解释、说明、表述,标题设计注意：理智、科学、字号、字体、字距、行距、篇章字数（面积）的控制。,版式设计,版式设计,C标题、正文、说明常是穿插应用的标题正文说明文字,版式设计,（4）文字与插图并列关系：文字与插图并列排列包容关系：文字绕图的形式,（5）文字与色彩标题：较合适作色彩处理正文：需要更含蓄委婉,版式设计,版式设计,第四章图形的编排构成,版式设计,图形可以理解为一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩。图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。,图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。,版式设计,图形的简洁性图形在排版设计中最直接的效果就是简洁明了，主题突出。,图形的夸张性,夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。,版式设计,图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。,版式设计,图形的抽象性抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意