版式设计概述课件

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