搜索
版式设计授课人:左浪15820215218华南农业大学继续教育学院2015年秋季学期课程版式设计概念•版式[format]---指书刊等的版面格式•版面---书报杂志每一页的整面•所谓版式设计就是在版面上，将有限的视觉元素进行有机的排列组合；将理性思维，个性化地表现出来。它是一种具有个人风格和艺术特色的视觉传达方式。传达信息的同时，也会产生感官上的美感。版式设计对于平面设计是一门相对独立的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。从表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。版式设计的范围涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各个领域。•本课程学习目的•本课程学习方法和要求•本课程学习目标和任务学习版式设计的目的•将平面的主要元素——文字、图像、图形及色彩，在限定的平面空间内选择符合内容的形式将其组合，以传达准确的信息。•在新时期的目的：•1在传达信息的同时，传达新思想、新观念、新技术、新材料、新工艺。•2美的信息传达。•本课程核心内容是视觉思维方式引导下的形式语言研究与训练。•视觉思维的训练------讲授视觉思维的基本理论，分析编排设计的视觉要素，培养以视觉方式研究、解决问题的习惯和能力。•形式语言的训练------了解编排设计表现的形式语言，掌握运用构成要素进行分析、描述、重构的方法。•表现手法的训练------了解视觉语言形式表现的多种手法，自如的运用多种体裁、材料、媒介、技法、效果。学习方法目标和任务版式设计是设计专业重要的基础课之一。通过该课程的学习，使学生掌握设计的视觉要素、构成要素，编排设计表现内容与形式的关系，设计要素及其构成的规律与方法，以及各种应用性设计的形式特点，使学生能够进行有感染力的版式设计，从而使作品的内容更清晰、更有条理地传达给读者。第八章现代版面的设计观念第七章版面设计的编排形式法则第一章概述第二章版式设计原则第四章版式设计的编排构成第五章文字的编排构成第六章图形的编排构成第三章版式设计的编排形式•版式设计又被称为版面设计、编排设计•版式设计是设计专业的必修课程，也是基础课程。第一章概述包装设计书籍装帧设计网页设计版式设计LIjiaoDesignWorksfeb.2011海报招贴设计VI设计sculptureLIjiaoDesignWorksfeb.2011包装设计网页设计网页设计版式设计LIjiaoDesignWorksfeb.2011sculpture字体作为符号设计的海报LIjiaoDesignWorksfeb.2011sculpture文字排列LIjiaoDesignWorksfeb.2011sculpture字体设计LIjiaoDesignWorksfeb.2011产品宣传广告LIjiaoDesignWorksfeb.2011sculpture工业产品设计版式设计LIjiaoDesignWorksfeb.2011展示设计•版式设计对于平面设计是一门相对具有独立性的设计艺术，研究平面设计的视觉语言和艺术风格，是现代设计艺术的重要组成部分，是视觉传达的重要手段。•1.1概念•版式设计是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。版式设计的范围涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计的各个领域。•1.2版式设计三大视觉要素–文字–图形–色彩•1、文字•主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。•设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。•图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。•但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。2、图形或图像•文字版中加入图形图片立即引起视觉流程的变化•图形的形式、大小、数量——影响读者注意力•主题借助图形、图片来增强文字说服力，提高阅读兴趣。特写图像视觉冲击力强以符号为图形以装饰画或油画为图形LIjiaoDesignWorksfeb.2011同类广告的不同表现手法•色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。3、色彩色彩在画面中的协调作用各种色调给人的感觉不同，要做到色调与内容的统一色彩的渐变使版面和谐统一运用调和色来统一版面夺目的色彩配以活泼的编排，让人耳目一新•版式设计的基本原则有以下四个方面思想性与单一性艺术性与审美性趣味性与独创性整体性与协调性第二章版式设计原则2.1思想性与单一性版面设计本身不是目的，设计是为了更好的传播客户信息的手段。一个成功的版面设计，首先必须明确客户的目的，并深入了解，观察，研究与设计相关的方方面面。版面离不开内容，更要体现内容的主题思想，用以增强读者的注意力和理解力。只有做到主题鲜明，内容清晰，才能达到版面设计的最终目标。•2.2艺术性与审美情趣主题鲜明的版面布局和表现形式等成为版面设计的艺术核心。怎么才能达到有创意，形式美，变化又统一，具有什么情趣，这就取决于设计者自身的文化内涵和不断的学习过程。•2.3趣味性与独创性•版式设计中的趣味性，主要是指形式上的情趣。如果版面本无多少精彩的内容，就要在创作中运用艺术手段，使版面增加趣味性，从而更吸引人更打动人。趣味性可采用寓意，幽默，和抒情等表现手法来实现。独创性实质上是突出个性化特征的原则。鲜明的个性是版面设计的创意灵魂。•2.4整体性与协调性•通过版面图文间的整体组合与协调编排，使得版面具有秩序美，调理清晰，从而获得良好的传播效果。1.4版式设计的功能•3、版式设计功能•主要体现版面元素的编排能够保证达到信息传达的目的，文字的编排能够保证阅读的流畅，并且通过编排的方法产生一定的美感，使阅读的过程充满轻松美好的感觉。图13杂志版式设计1.4版式设计的功能•杂志版式设计，从整个版面结构来看，版面文字与图形编排整齐，具有一定的规律性，使读者在阅读的时候具有明确的阅读节奏与视觉流程。版面整洁具有稳定性，给人平稳、理性的视觉感受，这就是版式设计的功能性表现。它可以调整版面的协调性，使杂乱的文字与图形具有规律性，体现版面的统一协调的视觉效果，使信息阅读具有明确的节奏感与阅读美感，同时达到了信息传递的目的。（见右图）图13杂志版式设计本设计是两张杂志版面，两张版面都采用对比的形式，画面简洁且统一，同时在统一中偶有差别，增加了整个版面创意性、趣味性性与可阅读性。图32图33图36图37本设计制作的是一种洗发水的宣传单版式设计。右图两张局部特写的图片放在一起，画面显得很拥挤、混乱没有主题，没有达到画面的审美效果，经过修改以后图色调统一、画面整洁，画面有了对比，具有了生气，突出了层次，达到了产品宣传的目的。图38图39左图是两张招贴设计，采用插画的风格来表现，体现了版面中点线面的结合。在色彩上选择选择个性的红色与黑色搭配，充分展现了该手机的个性时尚，版式设计上视觉流向清晰，大小图片疏密适中搭配均衡，整个画面充满了自由轻快之感，加上插画的艺术风格，更能展现画面的活跃感与该手机的年轻化。整个版面在信息传达的同时，将年轻时尚的气息也随之进行了宣传。第二章版式设计的编排形式版面的排列主要表现为版面上各类元素的和谐搭配，在编排的过程中必须做到信息传达的逻辑关系一致、主次分明，表现合理。版面的主要元素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面又提高了传达信息的功能。一.版式的排列类型版面的大小比例以图形为主的杂志版式设计以文字为主的杂志版式设计以图形为主的杂志版式设计对称对称画面的特点是使画面统一、庄严，给人高品质、可信赖的感觉。均衡是在视觉上给人左右平衡的感觉，但是不对称。对称与均衡的结合可以使整个版面变的更趣味性，具有生动、活泼、明确的视觉效果。两栏对称示意图三栏对称示意图三栏对称版面对比和平衡对比可以是形态上的也可以是色彩和质感上的。对比使画面具有明了、强烈的视觉效果。平衡是一种相对的稳定状态，在版式设计中主要表现为版面的上下左右比例适中，左右版面接近均衡的版面结果，在视觉上给人平衡稳定的视觉效果。四边和中心在版面结构布局上，四边与中心有着潜在的重要性。四边是指版心边界的四个点，把四边连接起来的斜线即对角线，交叉点就是中心。编排的时候通过四边和中心结构使版面更具多样化视觉效果。“破”是指打破拘束、打破平衡、增添动感的手法。破型的版式表现应注意把持这个尺度，不能太过，必须考虑到受众是否能够辨别出并从中获得信息，这才是版式设计的主要目的所在。破型二.版式设计的基本类型满版型版式设计满版型主要以图片传达信息，以图片充满整个版面。在视觉传达上直观，表现强烈。根据版面的需要，文字的位置编排在版面的上下、左右、中心点上，层次清晰传达信息准确明了。满版型给人大方、直白的感觉，常用于平面广告中。版式设计整个画面都是采用了一整张照片的形式进行信息宣传，当照片放大到一定的比例，在视觉表现上具有强烈的视觉效果，吸引人们注意。满版型版式设计具有传播速度快、视觉表现强烈的宣传效果，是版式设计中主要的一种表现形式。分割型版式设计分割也是版式设计中重要表现手法，分割可以调整画面的灵活性，对画面进行一些取舍再拼贴，形成另一种风格的版式。下面介绍三种常用的分割方法。第一种是等形分割。分割形状完全一样，分割后再把分隔界线加以调整取舍，达到的一种有良好的效果。等型分割第二种是自由分割。就是不规则的、无限制的，将画面自由分割的一种方式，它不同于数学规则分割产生的整齐效果，但随意性分割，使画面产生活泼不受约束的感觉。自由分割第三种是比例与数列。利用比例关系完成的构图通常都具有秩序、明朗的特性，给人清新的感觉。分隔具有一定的法则，如黄金分割法、数列等。比例分割采用了分割的手法，使画面变得有生气，不像一张单一照片那么呆板。分割的版式具有强烈的空间感，展现了版式的灵活性。倾斜型版式设计倾斜型版式设计主要表现为：版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。三角型版式设计第一种是正三角形版式。正三角形自古以来都是象征稳定的图形，在版式设计中，正三角形的版式设计给画面更稳定、更安全、值得信赖的感觉。正三角形版式倒三角形版式第二种是倒三角形版式。倒三角形则给人以动感和不稳定感。曲线型版式设计曲线型版式曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成，所产生的节奏和韵律。曲线版式设计具有一定的趣味性，让人的视线随着画面上元素的自由走向而产生变化。自由型版式设计在版面结构中采用无规律、随意地编排构成，使画面产生活泼、轻快的感觉。自由型版式设计没有网格的约束，在排版上体现个性风格化设计。在编排的过程中要注意把握画面的协调性。自由型版式设计自由型版式这是一张餐饮杂志的版面，从版面编排类型来看，杂志版面运用的是满版型的编排形式突出版面主题，使版面具有活跃性，给人强烈的视觉效果。该版面图片编排在版面的上部具有强烈的视觉效果，文字编排在图片的下部具有信息说明的作用。该版面的视觉重心设置在上部，给人以轻松、愉快之感。该设计为杂志宣传广告，整个版面以图片为主要表现因素。在版式设计中图片的比例大小对整个画面的视觉效果有着很大的影响。图片比文字更能吸引人们注意。采用了满版型的版式设计，从画面上强调宣传目的。文字根据画面的需求进行有机的调整排列，使整个画面显得和谐层次清晰，达到了宣传的目的。三.版式设计的网格系统网格在版式设计中的重要性网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素