《字体与版式设计》第6章：版式设计的概念.ppt

字体与版式设计主编：张璇6.1 版式设计的概念及其由来与发展6.2 中西方版式设计对比6.3 版式设计风格的产生及演进6.4 版式设计的基本原则6.5 如何认识和学习版式设计学习目的与要求了解版式设计的基本概念和由来；了解版式设计的基本概念和由来；了解中西方版式设计之间的不同之处；了解中西方版式设计之间的不同之处；了解版式设计的基本原则；了解版式设计的基本原则；了解版式设计风格的产生和演变；了解版式设计风格的产生和演变；6.1 版式设计的概念及其由来与发展版式设计的概念及其由来与发展 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段表面上看它是关于编排的学问，而实际上，它不仅是一种技能，更是技术与艺术的高度统一版式设计是现代设计师必须具有的艺术修养与技术知识 1 .1 .什么是版式设计什么是版式设计（（1）） 概念概念 版式设计也成为版面编排，所谓编排，即在有限的版面空间内，将版面构成要素——文字字体、图形图片、线条线框和颜色色块等诸多要素，根据特定内容的需要进行组合排列，并运用造型要素和形式原理，把设计计划及构想以视觉形势表达出来，也就是寻求以艺术手段来正确的表现版面信息，是一种直觉性，创造性的活动。

（（2）） 组成部分组成部分 版面构成是平面设计中重要的组成部分，也是一切视觉传达艺术施展的大舞台版面构成是伴随着现代科学技术和经济的飞速发展而兴起的，并体现着文化传统、审美观念和时代精神风貌等方面，被广泛地应用于报纸广告、招贴、书刊、包装装潢、直邮广告（DM）、企业形象（VI）和网页等所有平面、影像的领域为人们营造新的思想和文化观念提供了广阔天地，版面构成艺术已成为人们理解时代和认同社会的重要界面 （（3）） 新的领域新的领域 当今社会已是以信息为基础加上高科技发展的设计的时代，信息革命正如上个世纪工业革命那样，改变了世界的面貌，影响着整个人类社会和人们的日常生活地球在缩小，节奏在加快 平面广告的发展离不开设计艺术的发展，而设计水平的提高，总是伴随着社会的进步和人类理性的成长的19世纪下半叶，英国兴起了“工艺美术运动”（The Arts & Crafts Movement），标志着现代设计时代的到来 2 .2 .版式设计的历史版式设计的历史（（1）） 莫里斯设计的代表作品莫里斯设计的代表作品1．促进因素这个运动产生伊始，出现了一个重要的促进因素，即1888年在伦敦成立的工艺美术展览协会（The Arts & Crafts Exhibition Society）。

2．“新艺术运动”在英国工艺美术运动的感召下，欧洲大陆又掀起了一个规模更为宏大、影响更为广泛、程度更为深刻的“新艺术运动”（Art Nouveau） （（2）） 20世纪东西方设计发展世纪东西方设计发展 包豪斯的奠基人沃尔特·格罗佩斯（Walter Gropius ,1883-1969）是20世纪最重要的现代设计师、设计理论家和设计教育奠基人他的设计思想具有鲜明的民主色彩和社会主义特征他一直希望他的设计能够为广大的劳动人民服务而不仅仅是为少数权贵服务 格罗佩斯成立包豪斯的核心思想之一，是他认为艺术与手工艺不是对立的，而是一个活动的两个不同方面而已因此，他希望能够通过教育改革，使它们得到良好的、和谐的结合由于格罗佩斯的虔诚和不懈的努力，使包豪斯成了现代设计运动的发源地 在美国，促进设计活动发展的唯一动力是经济的活力，美国的设计水平因有庞大的市场需求所推动，一度十分发达在物质极为匮乏的二战后年代，西方人最感兴趣的不是设计的典型和华贵，而是美国式的大众物质文化 当今社会已是以信息为基础加上高科技发展的设计的时代，信息革命正如上个世纪工业革命那样，改变了世界的面貌，影响着整个人类社会和人们的日常生活。

地球在缩小，节奏在加快人们的视觉不可能同时接受纷繁复杂、即将“爆炸”的信息，往往只能对那些具有较强视觉冲击力和那些引人入胜并能提起兴趣的信息予以吸收因而，作为视觉信息传达的平面广告设计，要想增加自身的吸引力，就必须按照艺术的形式特点和人们的视觉感受规律来设计 随着印刷术和照相排版机的产生与广泛应用，排版设计成为更具有丰富创造力的领域尤其是文字编排的任意放大或缩小、加宽或变长、倾斜与扭曲，使设计师能自由灵活地张开想象的翅膀，并从以往的铅字排版的桎梏中解放出来对称、平衡、直线的构图，直接影响到版面设计领域 3 .3 .排版设计的外延排版设计的外延 排版设计作为信息发布的重要媒体，同时它又要让读者通过版面的阅读产生美的遐想与共鸣，让设计师的观点与涵养能进入读者的心灵 过去，一讲到排版设计，人们自然把它局限于书籍、刊物之中还有人认为排版设计只是技术工作，不属于艺术范畴，所以不重视它的艺术价值更有的认为排版设计只要规定一种格式即可，放上字体而不需要什么设计长期忽视整体考虑，仅在图片和图形上下功夫这种保守的、传统的设计风格和认识上的误区，严重阻碍着版面艺术的发展。

实际上，版面不再是单纯的技术编排，排版设计是技术与艺术的高度统一体而信息传达之道靠的就是设计的艺术随着社会的不断进步、生活节奏的加快和人们的视觉习惯的改变，要求设计师们要更新观念，重视版面设计，吸收国外现代思潮，改变我们以往的设计思路4 .4 .排版设计的使命排版设计的使命6.2 中西方版式设计对比中西方版式设计对比 现代版式设计经历了从工业化社会到信息化社会的转变，在形式表现和整体形象上，都备受东西方审美思潮和艺术风格的影响随着现代设计的多元化发展、人类生存方式的观念变迁，传统版式的形式、运用法则逐渐被打破，对未来的版式设计也提出了新的要求版式设计也要与时俱进，适应新的时代需要，呈现崭新的面貌，以便更好地运用在相关的艺术设计中 1 .1 .中国古代的书籍及版式设计中国古代的书籍及版式设计 中国目前发现最早的文字出现在殷商时期，这种文字大多刻在兽骨和龟甲上，也就是我们所熟知的甲骨文当时的文字排列顺序尚未形成定式，一般纵向阅读是由上到下，横向阅读方式不一定，从右至左或从左到右都可以后来又发展成了刻在金属、石头上的文字，即我们所说的金石文字、石豉文2 .2 .西方书籍及版面形式的发展西方书籍及版面形式的发展 无论是东方还是西方，人类最早的视觉传达方式都是利用简单又形象的图形来进行创造的。

西方的文字最初也是在石、泥上进行刻划的，后来，古埃及人学会了用莎草做成莎草片在上面书写文字，之后传到欧洲，并且在欧洲很多国家盛行开来 由于莎草片的出口，欧洲人于是才发明了制作羊皮和牛皮的方法，在加工好的羊皮制成或牛皮上进行抄写尤其是羊皮制成的羊皮板，后来逐渐成为欧洲主要的书写材料之一，甚至直到文艺复兴以后印刷术西传时，还被用以印刷书籍 1 .1 .早期的版式设计早期的版式设计 版式设计是平面设计的基础版式设计在向受众传达信息的同时，还应呈现出独特的气质与个性风格风格统一，形成整体，从而更深层次上通过美的视觉形式体现出设计的定位、宗旨以及适应目标受众的欣赏口味新颖独特的个性表现越来越成为设计艺术风格的趋势到了信息时代的今天，版式设计应用领域越来越广泛，表现形式也越来越丰富6.3 版式设计风格的产生演进版式设计风格的产生演进 与人类创造文字一样，早期的版式是简单的直观布局，提供象形符号排列供人们识别和记录由于符号、图形、工具、材料等的限定早期的版式在今天看来是简单的，但也有其鲜明风格，从最早的古埃及古希腊、古罗马文明到古代中国的历史文明中，我们可以清晰地从文物和文献记录中分辨出它们的鲜明特点。

2 .2 .新艺术运动时期的版式设计新艺术运动时期的版式设计 “新艺术”运动是由19世纪末“工艺美术”运动派生的一场影响深远的装饰艺术运动，是20世纪初西方从传统设计迈向现代设计的一场承前启后的革新运动，其核心理念是反思传统和维多利亚风格，创立能体现时代进步和新的人文精神的“新艺术”与“工艺美术”运动主张中世纪哥德风格不同，“新艺术”运动放弃传统装饰，强调自然的表现风格，以自然形态和植物纹样作为创作元素曲线和有机形态成为“新艺术”运动的显著风格，这种风格体现在当时的各种商业设计中，也体现在版面设计和平面设计的各个方面3 .3 .现代风格的版式设计现代风格的版式设计 20世纪20年代开始，随着现代主义思想的兴起，在西方，以“包毫斯构成主义风格派”为三大核心的现代主义设计诞生，它全面影响了平面设计和版式设计的风格现代主义版式风格强调“功能决定形式”的法则，以简单的几何抽象和简洁的文字，结合摄影以及骨骼编排等法则组织画面，以传达信息为第一目标（（1）） 构成主义风格的版式设计构成主义风格的版式设计 特点是：无装饰，简单，明确和理性版面上各种元素进行拆解重构，采用自由和活泼的创新手法，打破传统编排语法。

汲取电影中“蒙太奇”手法处理，形式上注重点、线、面的组合规律，功能上以传达信息为重2）） 风格派的版式设计风格派的版式设计 特点是：垂直水平的编排，无装饰，非对称，几何结构和原色风格派设计诞生于荷兰，代表人物为杜士伯格，他的作品强调纵横结构，几何性与数理性，力求以“减少主义”的设计形式来确立平面设计的国际风格1 .1 .思想性与单一性思想性与单一性6.4 版式设计的基本原则版式设计的基本原则 版面设计本身并不是目的，设计是为了更好地传播客户信息的手段设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计平庸失败的主要原因一个成功的版面构成，首先必须明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面简要的咨询则是设计良好的开端版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标主题鲜明突出，是设计思想的最佳体现 平面艺术只能在有限的篇幅内与读者接触，这就要求版面表现必须单纯、简洁实际上强调单纯、简洁，并不是单调、简单，而是信息的浓缩处理，内容的精炼表达，这是建立于新颖独特的艺术构思上。

2 .2 .艺术性与装饰性艺术性与装饰性 为了使版面构成更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现构思立意是设计的第一步，也是设计作品中所进行的思维活动主题明确后，版面色图布局和表现形式等则成为版面设计艺术的核心，也是一个艰辛的创作过程怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养所以说，版面构成是对设计者的思想境界、艺术修养、技术知识的全面检验 版面的装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能装饰是运用审美特征构造出来的不同类型的版面信息，具有不同方式的装饰形式，它不仅起着排除其他，突出版面信息的作用，而且又能使读者从中获得美的享受 3 .3 .趣味性与独创性趣味性与独创性 版面构成中的趣味性，主要是指形式美的情境这是一种活泼性的版面视觉语言如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力，从而更吸引人、打动人。

趣味性可采用寓言、幽默和抒情等表现手法来获得 独性原则实质上是突出个性化特征的原则鲜明的个性，是版面构成的创意灵魂试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少？更谈不上出奇制胜因此，要敢于思考，敢于别出心裁，敢于独树一帜，在版面构成中多一点个性而少一些共性，多一点独创性而少一点一般性，才能赢得消费者的青睐， 4 .4 .整体性与协调性整体性与协调性 版面构成是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是版面构成的根基只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么，对谁说和怎么说的问题 强调版面的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性通过版面的文、图间的整体组合与协调性的编排，使版面具有秩序美、条理美，从而获得更良好的视觉效果， 1 .1 .版式设计的作用版式设计的作用6.5 如何认识和学习版式设计如何认识和学习版式设计 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。

版式设计可以说是现代设计者所必备的基本功之一 版式设计的原则就是让观看者在享受美感的同时，接受作者想要传达的信息最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果 按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想将文案中的多种信息作整体编排设计，有助于主体形象的建立在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计加强整体的结构组织和方向视觉秩序2 .2 .文字在版式设计的运用文字在版式设计的运用 文字是版式设计中的重要构成部分，书籍不但要达到精神沟通的目的，更需要在两者精神认同的基础上引导，创造新的视觉理念随着时代经济的发展，装帧设计的应用形式、传播媒介、使用价值、服务对象、创作方法等有了更多层次的拓展，文字版式设计在其中也将呈现更为广阔的发展空间 空间给字体视觉元素界定了一定的范围和尺度，视觉元素如何在一定的空间范围里显示最恰当的视觉张力及良好的视觉效果，与空间关系上对不同字体负形空间的运用有直接关系版面中除了字体这些实体造型元素，编排后剩余的空间即为“负形”，包括字间距及其周围空白版面，也会影响文字版式设计的视觉效果。

负形与字体实形相互依存，使实形在视觉上产生动态，获得张力；有效运用负形空间的特点，可以协调书籍的文字版式编排 3 .3 .汉字字体设计汉字字体设计 汉字字体的设计，从汉字出现就一刻未停的进行着这种设计是汉字创造过程的一部分，是用符号形式表现思维中已经形成的文字方案的设计行为从现代人的眼光看来，那是一种不自觉地对字体造型的设计，动机不是怎样将现有的文字写得更好看，而是建立一种不同于含混的图案符号能够更准确的传递信息，记录思维的符号形式 裘锡圭先生指出：“汉字是以原始社会晚期出现的象形符号为基础，并吸收改造了原始社会晚期流行的一些记号发展起来的……汉字基本上形成完整的文字体系，大致在夏商之际”在甲骨文和金文中，与中国岩画构图形式和彩陶刻画符号构形相近的字形有很多 从中国人审美心理发展的角度看，史前时代中国人的思维特点首先在汉字中得以体现4 .4 .综合运用综合运用 将文字与字体的设计，插图或图形的创意，文字与插图的编排这三种设计元素或手段综合运用，通过人的视觉感官来传达信息的设计活动，是现代人对平面设计这一名词作的基本定义设计师头脑中的知识储备是产生灵感的基础，创意重在表达，版式就是要让人理解产品所传达的信息，看懂设计师的设计意图。

同时，伴随着计算机在设计领域中的广泛运用，设计师的作品可通过计算机表达多种形式，可以使设计师在很短的时间内可处理大量的文字图形信息，进而不断地激发设计师的创作灵感，拓展思路，开辟版式设计的新领域 5 .5 .优秀版式设计实例解析优秀版式设计实例解析 整个版式是通过这几个大的几何形共同构成了画面的整体关系图中副标题的块面由白线破外轮廓形，正文块面由一行黑字穿插其中，形成矩形内部丰富的黑白灰关系，使局部变化生动有趣而又不破坏整体效果 设计，同其他的许多事物一样，是形状的安排和组织，通过分析作品来建立整体观，必须在脑中抛开标题、文字、视觉资料和其他元素的含义，抽象的去看待它们，尝试将它们归纳成几何形，以此分析形与形之间构成的黑白灰关系，领悟如何将编排元素进行整体设计的思路。