版式设计概述ppt课件

1版式设计姜宇琼 李鑫泽主编版式设计2Contents Page目录页 *第一章 版式设计概述第二章 版式设计的基本要素及构成规律视觉要素的编排与设计（点、线、面、空间）第三章 版式设计的设计原则（+形式美原理）第四章 版式设计的网格系统第五章 版式设计的视觉流程Contents Page目录页 *2第一章 版3Contents Page目录页 *第六章 版式设计的创意技巧（图形、文字、色彩）第七章 版式设计的图文编排方法第八章 版式设计的程序与印刷第九章 版式设计的具体应用（实训）Contents Page目录页 *2第六章 版4第一章第一章 概述概述学习目标:了解版式设计的学习目的与方法，并学会解读版式设计作品。学习内容:什么是版式设计？为什么要学习版式设计？怎样制作版式设计？如何解读一幅版设计作品？版式的发展历程 第一章 概述学习目标:5什么是版式设计？又称版面设计、编排设计，是平面设计的重要组成部分，在有限的空间中，将版面构成要素：文字、图片图形、线条线框和颜色色块等元素，按照特定内容的需要进行组合排列，把构思与计划以视觉形式表达出来。一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。什么是版式设计？又称版面设计、编排设计，是平面设计的重要6版式设计概述ppt课件7 版式设计涉及的范围书籍、挂历等 广告、招贴等唱片、网页等 平面设计报纸、刊物等 版式设计 版式设计涉及的范围书籍、挂历等 广告、招贴等唱片、网页等8广泛应用到设计的各个领域，海报招贴设计侧重于图形元素的创作，报纸杂志则侧重文字编排元素，包装设计则是图形、文字与色块的综合编排。版式设计 应用版式设计 应用9为什么要学习版式设计？版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。为什么要学习版式设计？版式设计是现代设计艺术的重要组成10版式设计概述ppt课件11版式设计概述ppt课件12版式设计概述ppt课件13版式设计概述ppt课件14版式设计涉及的就业岗位广告公司网络公司网页界面设计网页界面设计 （美工）（美工）标志设计标志设计 （设计师）（设计师）模板设计模板设计 （设计师）（设计师）产品企业企业文化宣传册设计企业文化宣传册设计 （设计师）（设计师）产品包装设计产品包装设计 （设计师）（设计师）新产品上市推广新产品上市推广 （设计师）（设计师）报刊杂志社版面编辑版面编辑 （美编）（美编）插画设计插画设计 （设计师）（设计师）书籍装帧设计书籍装帧设计 （美编）（美编）广告设计（设计师）广告设计（设计师）招贴海报设计招贴海报设计 （设计师）（设计师）名片设计（设计师）名片设计（设计师）版式设计涉及的就业岗位广告公司网络公司网页界面设计 （美工1415版式设计基本步骤：版式设计基本步骤：进行制作进行制作 第一步第二步第三步第四步确定布局确定布局收集收集 制作制作素材素材确定主题确定主题 需要传达的信息 含文字、图形图像视觉元素的类型处理软件 版式设计基本步骤：进行制作 第一步第二步第三步第四步确定布161、可读性可读性好版式首先要具有良好的可读性，好版式首先要具有良好的可读性，即清晰地和舒适地阅读（迅速获知那是什么（即清晰地和舒适地阅读（迅速获知那是什么（0.3秒）秒）3、能够迅速搜寻所需信息（页眉、页脚、网站地图、标志等）。、能够迅速搜寻所需信息（页眉、页脚、网站地图、标志等）。2 2、迅速了解特点和方便之处（排版是否符合视觉流程、迅速了解特点和方便之处（排版是否符合视觉流程和简洁高效）和简洁高效）好版式判断依据好版式判断依据1、可读性2、迅速了解特点和方便之处（排版是否符合视觉流程好173、受众共鸣受众共鸣好版式能够让特定受众获得共鸣，好版式能够让特定受众获得共鸣，即受众能够理解和认同设计作品所传达的意义和主题。即受众能够理解和认同设计作品所传达的意义和主题。4 4、整体上具有美感（色彩心理学、留白透气感、整体上具有美感（色彩心理学、留白透气感、跳跃的动感）跳跃的动感）。好版式判断依据好版式判断依据3、受众共鸣4、整体上具有美感（色彩心理学、留白透气感、好版18如何解读一幅版设计作品？视线在观赏物上的移动过程。纵向矩阵网格三栏或多栏分割画面 采用极富创意和视觉震撼力的图形来吸引眼球和表现主题 多对比色和邻近色系，对比强烈，但色调和谐 图文和空白的对比得当，既凸显了内容又产生了阅读节奏视觉流程色彩处理网格结构图形处理空间处理如何解读一幅版设计作品？视线在观赏物 纵向矩阵19版式设计概述ppt课件20版式设计概述ppt课件21版式设计概述ppt课件22版式设计概述ppt课件23版式设计概述ppt课件24版式设计概述ppt课件25版式设计概述ppt课件26版式设计概述ppt课件27版式设计概述ppt课件28版式设计概述ppt课件29版式设计概述ppt课件30版式设计概述ppt课件31Contents Page目录页 *第一章 版式设计概述第二章 版式设计的基本要素及构成规律第三章 版式设计的设计原则第四章 版式设计的网格系统第五章 版式设计的视觉流程Contents Page目录页 *2第一章 版32Contents Page目录页 *第六章 版式设计的创意技巧第七章 版式设计的图文编排方法第八章 版式设计的程序与印刷第九章 版式设计的具体应用Contents Page目录页 *2第六章 版33第一章二、重点与注意事项提示（1）重点掌握版式设计的概念及其功能。（2）在版面编排设计中，理解版式设计的基本特征、内涵、应用范围，引导学生通过版式设计对整个版面进行整体创意、构思与策划，最终达到信息传达的目的。（3）了解版面设计历史发展的关键阶段，结合现代版式设计的发展，充分认识版式设计的未来发展趋势。一、教学目标与教学要求本章要求学生了解版式设计的目的与意义，掌握版式设计的基本内容、定义、功能以及发展趋势，引导学生从概念入手，充分认识优秀的版式编排，掌握版式设计的基本知识。第一章二、重点与注意事项提示一、教学目标与教学要求34编排设计是指在有限的版面空间里，将平面设计中的文字、图形、色彩等视觉构成元素，根据特定内容的需要进行有目的、有组织的编排，并运用造型要素及形式法则原理，以视觉的形式把构思和创意表达出来。版式设计涉及的范围也非常广泛，如报纸、杂志、书籍、广告、包装、网页设计等（图1-1至图1-10）。第一章第一节版式设计的概念编排设计第一章第一节 版式设计的概念35第一章第一节版式设计的概念第一章第一节 版式设计的概念36第一章第一节版式设计的概念第一章第一节 版式设计的概念3720世纪以来，立体主义、达达主义、超现实主义、风格派、构成主义等艺术流派影响着版式设计的演变和发展。20世纪初欧洲的英国人威廉莫里斯所倡导的“工艺美术运动”德国包豪斯设计学院创建的现代设计教育体系、德国“新版面设计”提倡的新思想以瑞士设计师“网格体系”，都为版式设计理论的形成与发展奠定了坚实的基础。一、英国的“工艺美术运动”“工艺美术运动”代表人物威廉莫里斯（WilliamMorris，英国拉斐尔前派画家、英国设计家、诗人和社会主义者）提出了“美术与技术结合”的原则，主张艺术要为人服务，“人之所为，人之所用”(Bythepeople,他对版面装饰性的要求以及在变化中追求个人的风格，追求专有的版式趣味与书籍气氛的特色。他强调功能与美的统一。他认为要复兴中世纪歌德式的风格，尤其要讲究版面编排，强调版面的装饰性，通常采取对称结构，形成了严谨、朴素、庄重的风格。以威廉莫里斯为首的工艺美术运动设计家，创造了许多被以后设计家广泛运用的编排构图方式，比较典型的有：将文字和曲线花纹拥挤地结合在一起，将各种几何图形插入和分隔画面等。威廉莫里斯倡导的工艺美术运动在欧美造成了惊人的效果和广泛的影响。他的设计尽管十分精美，但仍显繁杂，特别是那种充满繁复图案的画面使读者在接受设计所要传达的信息时造成障碍，在制作成本、技术和工艺上也给印刷和装订造成了困难。第一章第二节版式设计的历史发展20世纪以来，一、英国的“工艺美术运动”“工艺美术运动”代表38乔叟诗集是威廉莫里斯为诗人乔叟的诗集所作的书籍装帧设计，全书从设计到印刷完成总计四年时间，是集“工艺美术”运动风格编排设计之大成的作品。它的版面编排设计水准很高，编排紧凑，版面中大量运用繁杂缠绕的花草图案、精致的插图以及装饰华丽的首写字母，版面上文字与图案的色调对比节奏把握得非常精妙，尽显“哥特”风格（图1-11）。呼啸平原的故事也是“工艺美术”运动的突出代表作之一，整个画面显得拥挤、暗淡柔弱，图案精细而繁复，采用缠枝花草的植物纹样与文字组合，形成一种密不透风的肌理效果（图1-12）。第一章第二节版式设计的历史发展乔叟诗集是威廉莫里斯为诗人乔叟的诗集所作的书籍装帧设计391919年由德国著名的建筑家格罗皮乌斯（WalterGropius）在德国魏玛市建立“国立包豪斯学院”。德国包豪斯设计学院的创立，是现代设计不容忽视的重大创举，将构成主义运动、20世纪初艺术的各种观念通过教学实践进行研究倡导，并创造发展。它充满活力与实践的精神促进了版面设计的发展，开创了现代设计的新纪元。包豪斯最重要的成就之一，就是以科学、严谨的理论为依据奠定了设计教育中平面构成、色彩构成与立体构成的基础教育体系。包豪斯的平面设计基本是在荷兰的“风格派”和俄国的“构成主义”两者的影响下形成的，因此，具有高度理性化、功能化、简单化、减少主义化和几何形式化的特点。具有突出贡献的重要人物是莫霍利纳吉（LaszliMohony-Nagy，18951946年）和赫伯特拜耶（HerbertBayer，生于1900年）。包豪斯在平面设计方面的探索集风格派和构成主义之大成，并结合了许多现代艺术流派的语言和技法，形成了简洁的、功能的现代平面设计风格。包豪斯的风格经过一些设计师的发展和传播后，现代平面设计风格开始在欧洲兴起。第二次世界大战期间，许多欧洲设计师移居美国，又把这一风格传播到美国。可以说，包豪斯是现代平面设计的发源地，它的现代设计风格迅速撒向美国、瑞士、荷兰、匈牙利、日本等国。包豪斯为现代版面构成奠定了坚实的理论与实践基础。二、德国包豪斯创建的现代设计教育体系第一章第二节版式设计的历史发展1919年由德国著名的建筑家格罗皮乌斯（Walter Gro40莫霍利纳吉大量采用照片拼贴、抽象摄影技术的方法进行设计，非常强调设计的构思与创意，而把制作看作是第二位的工作。他认为具有新意的构思能够产生有创造力的画面，可以表达幻想和超越时空的想象力。他注重空间比例分割、色彩的对比调和、抽象的构成方法、构成文字图形化的表现方法，简洁鲜明，达到了迅速传达信息的作用。莫霍利纳吉在编辑包豪斯印刷厂的第一本出版物中提倡，在视觉传达设计中“不受陈规约束的使用一切直线方向，用一切字样、字的大小、几何形、色彩等，创造一种印刷版式的新语言。它（印刷品）的伸缩性、多样化和新鲜的印刷版面构图，完全由内部表达法则和视觉效果支配”。纳吉创作了大量的绘画和平面作品，全部是抽象的作品。他相信简单结构的力量，并利用平面来表达这种力量。他设计的包豪斯丛书、海报，拍摄的照片和制作的电影，都具有强烈的理性特征，并且显示了理性化对于设计造成的积极效果（图1-13）。第一章第二节版式设计的历史发展莫霍利纳吉大量采用照片拼贴、抽象摄影技术的方法进行设计，非41第*章第*节节名称赫伯特拜耶（HerbertBayer）1921年求学于包豪斯，毕业后留校任教，曾担任字体设计和印刷设计教师。拜耶的平面设计风格常常是由强烈的视觉形象，几行斜的印刷字体，点、线、面合理分割画面，水平线、垂直线、斜线等组成的非对称形式的动态构图形成。他的才能主要表现在字体设计上。他习惯采用非常简单的字体，创造了无装饰线字体和以小写字母为中心的新字体系列，并在此基础上发展创造了更简练的“拜耶体”。他设计的字体成为德国现代平面设计的标志，形成当时字体设计、平面设计上最为先进的局面（图1-14）。现在，无装饰线字体已经成为世界字体中最为重要的类型之一。第*章第*节 节名称赫伯特拜耶（Herbert Baye42第一章第二节版式设计的历史发展拜耶在广告设计和展览设计上也有很大的成就。20世纪20年代末，他成为时髦（Vogue）杂志的艺术设计总编，开始投入商业刊物的平面设计工作中，并且开始广泛采用刚刚出现的彩色摄影来设计封面和插图（图1-15至图1-17）。第一章第二节 版式设计的历史发展拜耶在广告设计和展览设计4320世纪二三十年代的“新版面”设计风格将现代派美术观念引入版面设计的领域，其重要人物是德国人简奇措德（JanTschichoid）。他认为新时代平面设计的主要目的是准确的视觉传达，而不是陈旧的装饰和美化；他还主张采用简单的纵横非对称式版面编排，不需要具体的插图，依托版面中的文字和简单的线条构成版面的节奏感和韵律感，利用字体的大小不同达到强烈的视觉效果，除此以外不需要任何其他的装饰。他采用简单的无饰线体，在色彩的使用上，除了黑色和红色以外基本上不使用其他色彩（图1-18）。因此，简奇措德的设计作品没有任何多余的装饰，达到极度的简约，具有强烈的功能主义和减少主义的特点。三、德国“新版面设计”第一章第二节版式设计的历史发展20世纪二三十年代的“新版面”设计风格将现代派美术观念引入版4420世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国际版面风格”的设计运动，他们提倡把设计作为对社会有用的和重要的活动，他们抛弃了个人表达和对设计问题怪僻的解决办法，采用普遍的和科学的方法。“国际版面风格”在前期设计经验和理论总结的基础上，形成了一个迄今为止最有效的版面编排方法网格系统，其特点是力图通过简单的网格结构和标准化的版面公式达到设计上的统一性。瑞士设计师卡尔吉斯特纳（KarlGerstner）甚至夸张地形容网格系统为“比例的标准，可以把差的变好，把好的变得更好”。四、瑞士的“网格体系”第一章第二节版式设计的历史发展“网格系统”实际上就是在版面上按照预先确定好的格式分配文字与图片，它不是简单地把图片与文字并列放置在一起，而是从画面结构的相互联系中发展出的一种符合主题内容的形式法则。在版式设计上往往采用方格网为基础，各种平面元素的排版方式基本是采用非对称的形式，字体采用无饰线体。这种探索明晰的传达和视觉秩序的方法为绝大多数设计师们所接受，并在此基础上展开了积极地探索与实践。“国际版面风格”以其清晰明确的传达性、适应性和无障碍性的模式运用到书籍、报纸、包装、企业形象设计等设计形态中，至今仍被广泛运用（图1-19）。20世纪50年代，有着严谨、理性风格的瑞士设计师们掀起了“国45（一）信息的成功传递通过对版式的精心设计，在有限的版面空间里，把所有元素根据特定内容进行组合排列，以最快的速度、最恰当的方式、最合理的创意与表现把信息传递给读者。例如，在“MatchboxCar”这个广告设计中，设计师利用玩具汽车和真正的汽车相比较，使画面具备了更多的真实性，大幅画面占据主要位置，画面下部为广告文案，这便是用最直观的方式成功地传递了信息，既可以强化形式和内容的互动关系，又能很好地提高信息的传达效果，告诉读者版面表达的内容，使版面设计的目的明确（图1-20）。版式设计的目的首先是作为信息发布的重要媒介,还要传达设计者的艺术追求与设计内涵，让读者通过对版式的阅读产生共鸣，唤起读者的兴趣想象，达到信息与情感的沟通；其次，就是对各种主题内容的版面布局进行艺术化和秩序化的编排处理。一、版式设计的目的第一章第三节版式设计的目的和功能二、版式设计的功能再如“AIGA奥兰多”广告，直观地对画面进行处理，使无论是主要还是次要的信息，都能充分调动读者的阅读兴趣，并达到了很好的传达效果（图1-21）。（一）信息的成功传递版式设计的目的首先是作为信息发布的重要媒46（二）提高版面的关注率当纷繁复杂的视觉信息展现在眼前的时候，什么样的信息更能让人们愉快地去接受呢?什么样的版式更能吸引人们的注视呢？很显然，那些美感突出、创意新颖、对比强烈的画面更引人注目。例如，在“伟士牌”这个广告中，广告标题有趣地表达了购买伟士牌所能获得的情感满足，同时局部特写的产品则清楚地展现了其设计美感（图1-22）。设计师将不同的视觉要素（图形、文字、色彩等），运用造型要素及形式原理，把构思和创意通过美的视觉形式传达给读者，强化主体视觉形象，使读者产生遐想和共鸣。读者在接受传递信息的同时，获得了艺术上的享受，从而产生购买欲望。事实上，版式设计就是通过艺术和技术的完美表达，增强版面的注目率，以此强化主体形象，传递中心思想（图1-23）。第一章第三节版式设计的目的和功能（二）提高版面的关注率第一章第三节 版式设计的目的和功能47（三）传达效果的持久性现代的版式设计宣传一般都围绕市场烘托感染力，通过对版式的设计，使画面具有艺术性、娱乐性、亲和性，更好地帮助读者在阅读过程中了解内容，提高读者的兴趣，通过视觉形式留下深刻的记忆，从而达到持之以恒的记忆存留效果（图1-24、图1-25）。第一章第三节版式设计的目的和功能（三）传达效果的持久性第一章第三节 版式设计的目的和功能48（四）提升构思和策略，达到整体创意的作用成功的版式编排具有提升理念、宣传策略的作用。通过创意构思，将主题内容通过创意方式融入整体设计之中，强调编排的关联性和协调性，达到从内容到形式的完美统一，从而给人以深刻的印象（图1-26、图1-27）。第一章第三节版式设计的目的和功能优秀的版式设计所具备的的要素：具有合理的视觉流程；形式与内容相统一；色调和谐一致；主题鲜明突出。重点提示（四）提升构思和策略，达到整体创意的作用第一章第三节 版49（一）追求视觉的形象化（图1-28）。一、风格的多元化第一章第四节版式设计的发展趋势（二）突出创意表现（图1-29）。（一）追求视觉的形象化（图1-28）。一、风格的多元化第一章50（三）强调突出个性体现（图1-30）。第一章第四节版式设计的发展趋势（四）注重情感渲染（图1-31）。（三）强调突出个性体现（图1-30）。第一章第四节 版式51民族性和地方特色是现代设计的主要趋势。如何在艺术设计中融合本民族的优秀文化遗产，形成具有民族和地方特色的设计风格，是现代各国设计师立志于解决的重要问题。中国的艺术设计应在国际化艺术设计中将民族化的元素进行有益的补充，使本民族的设计文化得到发展，并创立出具有民族化特色的艺术设计风格。例：中国银行的标志天圆地方民族、地域所拥有的“集体表象”版式设计是技术和艺术的融合，包含自身设计元素、设计形态和表现手法的同时，与其他学科相互关联、相互影响、相互促进。经历了多种设计思潮影响的版式设计，是集现代哲学、美学、心理学、传播学、语言学、市场学、经济学、形态学、材料学等社会科学和自然科学研究交叉相融的成果。二、多学科的融合第一章第四节版式设计的发展趋势三、民族主义和地方主义倾向日本在民族风格融入现代设计中取得了很大成功，二战后，善于学习的日本设计师借鉴了西方发达国家的经济发展经验，开始重视对艺术设计的扶持和发展，他们创造性地继承和批判他国的营养，但最终还是回到了传统，创造了既具民族文化风格又体现现代设计观念的艺术设计，成为了民族特色与现代时尚观念相结合的优秀典范，使日本的艺术设计颇具世界影响力。在日本版式设计中，把民族的内涵与国际化的语言完美地结合在一起（图1-32）。民族性和地方特色是现代设计的主要趋势。如何在艺术设计中融合本52（1）版式设计是在对空间、形态、色彩、力场、动势等设计要素和构成要素认知和研究的基础上，对这些要素的组合规律、对它们的表现可能性及其与表现内容的关系进行全面的学习研究，为以后的专业设计，如包装设计、招贴广告设计、企业形象设计（CI）等打下基础。应有效地掌握版面的视觉元素构成、组合、排列的方法，处理好彼此间的关系，并在各种视觉传达设计中直接地加以运用。（2）在现代设计多元化发展的今天，版式设计是为了满足信息传播的需要，对信息传播的载体进行艺术加工，使其鲜明、生动、高效地实现信息传达的一种艺术设计，具有极高的美学价值和经济实用功能。第一章本章小结（1）版式设计是在对空间、形态、色彩、力场、动势等设计要素和