版式设计教程

版式设计教程工业设计专业版09级本科工业设计1、2班艺术系教师：孔德强关键词／教学要点第八章：图形与版式一．版式设计的概念二．版式设计的原则三．版式设计的形式与原理四．版式设计的基本类型五．版式设计的基本元素六．文字与版式设计七．图形与版式设计八．设计相关信息•实践课程4学时一．版式设计的概念第八章：图形与版式•所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。将理性思维，个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。•实践课程4学时二．版式设计的原则第八章：图形与版式•思想性与单一性•排版设计本身并不是目的，设计是为了更好地传播客户信息的手段。设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计平庸失败的主要原因。一个成功的排版设计，首先必须明确客户的目的，并深入了解、观察、研究与设计有关的方方面面，简要的咨询是设计良好的开端。版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标。•实践课程4学时二．版式设计的原则第八章：图形与版式•艺术性与装饰性•为了使排版设计更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确后，版面构图布局和表现形式等则成为版面设计艺术的核心，也是一个艰难的创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养。所以说，排版设计是对设计者的思想境界、艺术修养、技术知识的全面检验。•版面的装饰因素是由文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面的信息，具有不同方式的装饰形式，它不仅起着排除其他、突出版面信息的作用，而且又能使读者从中获得美的享受。•实践课程4学时第八章：图形与版式•趣味性与独创性•排版设计中的趣味性，主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力,从而更吸引人，打动人。趣味性可采用寓意、幽默和抒情等表现手法来获得。•独创性原则实质上是突出个性化特征的原则。鲜明的个性，是排版设计的创意灵魂。试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜。因此，要敢于思考，敢于别出心裁，敢于独树一帜，在排版设计中多一点个性而少一些共性，多一点独创性而少一点一般性，才能羸得消费者的青睐。•实践课程4学时二．版式设计的原则第八章：图形与版式•整体性与协调性•排版设计是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是排版设计的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么、对谁说和怎样说的问题。•强调版面的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。通过版面的文、图间的整体组合与协调性的编排，使版面具有秩序美、条理美，从而获得更好的视觉效果。•实践课程4学时二．版式设计的原则•重复与交错•在排版设计中，不断重复使用的基本形或线，它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。但重复构成的视觉感受有时容易显的呆板、平淡、缺乏趣味性的变化，故此，我们在版面中可安排一些交错与重叠，打破版面呆板、平淡的格局。三．版式设计的形式与原理第八章：图形与版式•实践课程4学时三．版式设计的形式与原理第八章：图形与版式•节奏与韵律•节奏与韵律来自于音乐概念，正如歌德所言：“美丽属于韵律。”韵律被现代排版设计所吸收。节奏是按照一定的条理、秩序、重复连续地排列，形成一种律动形式。它有等距离的连续，也有渐变、大小、长短，明暗、形状、高低等的排列构成。在节奏中注入美的因素和情感--个性化，就有了韵律，韵律就好比是音乐中的旋律，不但有节奏更有情调，它能增强版面的感染力，开阔艺术的表现力。•实践课程4学时三．版式设计的形式与原理第八章：图形与版式•对称与均衡•两个同一形的并列与均齐，实际上就是最简单的对称形式。对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源的放射对称；还有以对称面出发的反转形式。其特点是稳定、庄严、整齐、秩序、安宁、沉静。•实践课程4学时•对比与调和•对比是差异性的强调，对比的因素存在于相同或相异的性质之间。也就是把相对的两要素互相比较之下，产生大小、明暗、黑白、强弱、粗细、疏密、高低、远近、硬软、直曲、浓淡、动静、锐钝、轻重的对比，对比的最基本要素是显示主从关系和统一变化的效果。•调和是指适合、舒适、安定、统一，是近似性的强调，使两者或两者以上的要素相互具有共性。对比与调和是相辅相成的。在版面构成中，一般事例版面宜调和，局部版面宜对比。三．版式设计的形式与原理第八章：图形与版式•实践课程4学时•比例与适度•比例是形的整体与部分以及部分与部分之间数量的一种比率。比例又是一种用几何语言和数比词汇表现现代生活和现代科学技术的抽象艺术形式。成功的排版设计，首先取决于良好的比例：等差数列、等比数列、黄金比等。黄金比能求得最大限度的和谐，使版面被分割的不同部分产生相互联系。•适度是版面的整体与局部与人的生理或习性的某些特定标准之间的大小关系，也就是排版要从视觉上适合读者的视觉心理。比例与适度，通常具有秩序、明朗的特性，予人一种清新、自然的新感觉。三．版式设计的形式与原理第八章：图形与版式•实践课程4学时•变异与秩序•变异是规律的突破，是一种在整体效果中的局部突变。这一突变之异，往往就是整个版面最具动感、最引人关注的焦点，也是其含义延伸或转折的始端，变异的形式有规律的转移、规律的变异，可依据大小、方向、形状的不同来构成特异效果。•秩序美是排版设计的灵魂：它是一种组织美的编排，能体现版面的科学性和条理性。由于版面是由文字、图形、线条等组成，尤其要求版面具有清晰明了的视觉秩序美。构成秩序美的原理有对称、均衡、比例、韵律、多样统一等。在秩序美中溶入变异之构成，可使版面获得一种活动的效果。三．版式设计的形式与原理第八章：图形与版式•实践课程4学时三．版式设计的形式与原理第八章：图形与版式•虚实与留白•中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就是实体，斤斤计较的却是虚实的“白”，也可为细弱的文字、图形或色彩，这要根据内容而定。•留白则是版中未放置任何图文的空间,它是“虚”的特殊表现手法。其形式、大小、比例、决定着版面的质量。留白的感觉是一种轻松，最大的作用是引人注意。在排版设计中，巧妙地留白，讲究空白之美，是为了更好地衬托主题，集中视线和造成版面的空间层次。•实践课程4学时•变化与统一•变化与统一是形式美的总法则，是对立统一规律在版面构成上的应用。两者完美结合，是版面构成最根本的要求，也是艺术表现力的因素之一。变化是一种智慧、想象的表现，是强调种种因素中的差异性方面，造成视觉上的跳跃。•统一是强调物质和形式中种种因素的一致性方面，最能使版面达到统一的方法是保持版面的构成要素要少一些，而组合的形式却要丰富些。统一的手法可借助均衡、调和、秩序等形式法则。三．版式设计的形式与原理第八章：图形与版式•实践课程4学时四．版式设计的基本类型第八章：图形与版式•骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。•实践课程4学时四．版式设计的基本类型第八章：图形与版式1.骨格型•规范的、理性的分割方法。•常见的骨格有－竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。•图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。•骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。•实践课程4学时四．版式设计的基本类型2.满版型•版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上。•满版型，给人大方、舒展的感觉。是商品广告常用的形式。第八章：图形与版式•实践课程4学时四．版式设计的基本类型3.上下分割型•整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。•图片部分感性而有活力，而文字则理性而静止。第八章：图形与版式•实践课程4学时四．版式设计的基本类型4.左右分割型•整个版面分割为左右两部分，分别配置文字和图片。•左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。•如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。第八章：图形与版式•实践课程4学时四．版式设计的基本类型5.中轴型•将图形作水平方向或垂直方向排列，文字配置在上下或左右。•水平排列的版面，给人稳定、安静、平和与含蓄之感。•垂直排列的版面，给人强烈的动感。•齐中：字群以中心为轴线。特点为视线更集中。中心更突出，有随意，轻松的感觉。第八章：图形与版式•实践课程4学时四．版式设计的基本类型6.曲线型•图片和文字，排列成曲线，产生韵律与节奏的感觉。7.倾斜型•版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。8.对称型•对称的版式，给人稳定、理性、理性的感受。•对称分为－绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。•对称一般以左右对称居多。第八章：图形与版式•实践课程4学时四．版式设计的基本类型9.重心型•重心型版式产生视觉焦点，使其更加突出。•有三种类型•直接以独立而轮廓分明的形象占据版面中心。•向心－视觉元素向版面中心聚拢的运动。•离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。10.三角型•在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。第八章：图形与版式•实践课程4学时四．版式设计的基本类型9.重心型•重心型版式产生视觉焦点，使其更加突出。•有三种类型•直接以独立而轮廓分明的形象占据版面中心。•向心－视觉元素向版面中心聚拢的运动。•离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。10.三角型•在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。第八章：图形与版式•实践课程4学时四．版式设计的基本类型11.并置型•将相同或不同的图片作大小相同而位置不同的重复排列。•并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。12.自由型如下页所示•无规律的、随意的编排构成。有活泼、轻快的感觉。13.四角型•版面四角以及连接四角的对角线结构上编排图形。•给人严谨、规范的感觉。第八章：图形与版式•实践课程4学时四．版式设计的基本类型自由型第八章：图形与版式•实践课程4学时五．版式设计的基本元素•点、线、面是构成视觉的空间的基本元素，也是排版设计上的主要语言。•排版设计实际上就是如何经营好点、线、面。•不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。•在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。第八章：图形与版式•实践课程4学时五．版式设计的基本元素•点在版面上的构成•点的感觉是