版式设计教案

第一章版面设计概述一版面设计概述1）编排设计的目的编排设计对于平面设计是一门相对具有独立性的设计艺术，研究的是平面设计的视觉语言与艺术风格。※编排设计注重创意※编排设计讲究表现手段与形式风格2）编排设计的范围编排设计的范围涉及包装，广告，报纸，书籍，产品手册，宣传单，公关赠品，网页设计等各类平面设计3）平面设计的思想观念与其他艺术形式的关系平面设计的思想观念与风格不是孤立的，是与建筑，绘画，文学，音乐，诗歌，服装等，艺术思想完全一致。二版式设计的历史及发展1.中国古代的书籍及版式设计2.西方的书籍及版式设计3.优秀板式设计欣赏中国古代的书籍及版式设计书写载体的演变：•甲骨文殷商时期•金石文石鼓文•简牍•纸张甲骨文被认为是现代汉字的早期形式，有时候也被认为是汉字的书体之一，也是现存中国最古老的一种成熟文字。甲骨文又称契文、龟甲文或龟甲兽骨文。甲骨文是一种很重要的古汉字资料。绝大部分甲骨文发现于殷墟。殷墟是著名的殷商时代遗址，范围包括河南省安阳市西北小屯村、花园庄、侯家庄等地。殷王武丁占卜用的龟腹甲甲骨文的发现还有一个故事：在清朝光绪年间，有个叫王懿荣的人，是当时最高学府国子监的主管官员。有一次他看见一味中药叫龙骨，觉得奇怪，就翻看药渣，没想到上面居然有一种看似文字的图案。于是他把所有的龙骨都买了下来，发现每片龙骨上都有相似的图案。他确信这是一种文字，而且比较完善，应该是殷商时期的。后来，人们找到了龙骨出土的地方——河南安阳小屯村，那里又出土了一大批龙骨。因为这些龙骨主要是龟类兽类的甲骨，是以人将它们命名为“甲骨文”，研究它的学科就叫做“甲骨学”。金文金文：是指铸刻在殷周青铜器上的铭文，也叫钟鼎文。商周是青铜器的时代，青铜器的礼器以鼎为代表，乐器以钟为代表，“钟鼎”是青铜器的代名词。最早的甲骨文随着殷亡而消逝，金文起而代之，成为周代书体的主流，因铸刻于钟鼎之上，有时也称为钟鼎文。与甲骨文笔道细、直笔多、转折处多为方形有所不同，金文笔道肥粗，弯笔多，团块多。甲骨文金文金文石鼓文，亦称猎碣或雍邑刻石，是我国现存最早的刻石文字。无具体年月，唐人韦应物和韩愈的《石鼓歌》都认为是周宣王时期的刻石。石鼓文比金文规范、严正，但仍在一定程度上保留了金文的特征，它是从金文向小篆发展的一种过渡性书体。简牍简牍实际是几种东西的总称，指的是竹简、木简、竹牍和木牍.简牍简牍实际是几种东西的总称，指的是竹简、木简、竹牍和木牍.在纸发明以前，简牍是我国书籍的最主要形式，对后世书籍制度产生了深远的影响。直到今日，有关图书的名词术语、书写格式及写作方法，依然承袭了简牍时期形成的传统。简牍是对我国古代遗存下来的写有文字的竹简与木牍的概称。用竹片写的书称“简策”，用木版（也作“板”）写的叫“版牍”。超过100字的长文，就写在简策上，不到100字的短文，便写在木版上。纸我国古代四大发明之一。用以书写、印刷、绘画或包装等的片状纤维制品。早在西汉，我国已发明用麻类植物纤维造纸。早期西方书籍及版式设计西方的书籍及版式设计早期西方书籍及版式设计在这张称量死者灵魂的纸草画中，真理女神以羽毛的形象出现，正在司称的是阿努比斯，在旁记录的是智慧神透特。纸草画3500年前的埃及壁画图文讲述亡灵书故事参照埃及《亡灵书》描绘的图像和象形文字。这张壁画是由西班牙的埃及古物学者何塞·曼努埃尔·加兰发现的。西班牙高等科学委员会称，这个墓可能属于古埃及一个名叫Djehuty的官员，当中发现了参照埃及《亡灵书》描绘的图像和象形文字。早期西方书籍及版式设计穆斯林对《古兰经》异乎寻常的尊崇早期西方书籍及版式设计中世纪欧洲特点：大多用羊皮纸制作的手抄本，用来宣传基督教义；版面特点：装饰华丽、庄重典雅凯尔斯书的一页(公元800年左右)Mainzpsalter（1457年）•印刷术是中国古代四大发明之一。它开始于隋朝的雕版印刷，经宋仁宗时的毕升发展、完善，产生了活字印刷，并由蒙古人传至了欧洲，并发明了金属活字印刷术，加速了平面设计的发展；15世纪下半叶设计风格图文混排；•17世纪平面设计的重大事件—报纸的出现；•19世纪中叶——摄影早期西方书籍及版式设计早期发展：•英国工艺美术运动（卷草鸟类花卉为题材的平面装饰）•俄国构成主义（构图简洁、明确、有力量感，纵横编排为主）•荷兰风格派（高度理性、整齐、视觉冲击力强）•包毫斯现代主义（照片拼贴、抽象摄影、无装饰细节、绝对抽象化）近代西方书籍及版式设计发展：•英国工艺美术运动工艺美术运动(theArts&CraftsMovement)是起源于19世纪下半叶英国的一场设计改良运动，其名字来自约翰·拉斯金(JohnRuskin)的作品，运动的时间大约从1880年至1910年。其起因是针对装饰艺术、家具、室内产品、建筑等，因为工业革命的批量生产所带来设计水平下降而开始的设计改良运动。运动的理论指导是约翰·拉斯金，运动的主要成员是威廉·莫里斯•英国工艺美术运动（卷草鸟类花卉为题材的平面装饰）•俄国构成主义（构图简洁、明确、有力量感，纵横编排为主）•荷兰风格派（高度理性、整齐、视觉冲击力强）•包毫斯现代主义（照片拼贴、抽象摄影、无装饰细节、绝对抽象化）第二章版面设计的元素及构成一）点的编排构成版面中的点由于大小，形态，位置不同，所产生的视觉效果也不同，心理作用也不同。疏密，大小不一样的点让整个版面生动活跃起来点的作用：1.缩小点有强调和引起注意的作用，而点放大有面的感觉。2.将首行放大起着引导，强调，活泼版面和成为视觉焦点的作用。★点在版面上的位置：1.当点居于几何中心时，上下左右空间对称，视觉张力均等，庄重，但呆板。2.当点居于视觉中心时，有视觉心理的平衡与舒适感。3.当点偏左或偏右时，产生向心移动趋势，但过于边置会产生离心感，4.点作上下边置，有上升或下沉的心理感受。除文字构成的点以外，图形也同样构成版面中“点”的因素。版面中用点作为主要的视觉元素，生动有趣的引导出信息网页设计：构成版面的基本元素师大小变化的“点”点与面得关系，点的放大成面，面得缩小为点，点与面在版式中是相对的。大小各异的点是狗的斑点的延伸，版面的点给人深刻的印象，图中所示的点都是圆形的，点的形态是广义的，一个字，一朵花，或其他小图形都可视为点。用点的基本型变化出时尚元素，让版面更活跃。画面中跳跃的点制造出灵动的感觉。二）线的编排构成点移动的轨迹为线。线在编排构成中的形态很复杂，有形态明确的实线、虚线、也有空间的视觉流动线。然而，人们对线的概念，都仅停留与版面中形态明确的线，对空间的视觉流动线，却往往易忽略。实际上，我们在阅读一幅画的过程中，视线是随各元素的运动流程而移动的，对这一流程人人有体会，只是人们不习惯注意自己构筑在视觉心理上的这条即虚又实的“线”，因而容易忽略或视而不见。实质上，这条空间的视觉流动线，对于每一位设计师来讲，都具有相当重要的意义。Onflowers内页设计。英文花体字表现的曲线带来版面轻松优雅的感觉。版面中由文字组成的“线”具有强烈的扩张力版面右侧由上至下的视觉流程明朗，版面虽然没有明确的线，但可以感觉到潜在的线。不同画面变换的线条，寓意着产品属性线除了在编排设计中广泛应用，在包装设计中也常用。2个图版面简洁，线的分割，面的大小，虚实的对比以及大量的留白，形成简略的设计风格。（1）线的分割：★图文在直线的空间分割下，获得清晰，有条理得秩序，同时求得统一和谐的因素。★在骨骼分栏中插入直线进行分割，使栏目更清晰，更具条理，增强沉闷文字排版的弹性和可视性。用消极的线条进行空间等量分割用积极的线条进行空间等量分割2个图在大量的文字版中，用直线做空间分割，使版面产生清晰，明快的效果。（2）线的“力场”：★在版面中，首先是在空间被线分割和限定的情况下，才能产生“力场”的感应。★在文字和图形中插入直线或以线框进行分割和限定，被分割和限定的文字或图形的范围产生紧张感并引起视觉注意，这种手法增强了版面各空间相互依存的关系而使之成为一个整体并使版面获得清晰，明快，有条理，富于弹性的空间关系丰富的图片在线的分割下产生强烈的力场插入骨骼中的粗线条使力场的感应更强。（3）线框的约束与强调★当线框加粗，图像有被强调和限制的感觉，同时视觉度，注意度都有所增强，但若线框过粗，版面则变得稳定，呆板，空间封闭“场”的感应增强。包装盒上文字的张扬受到线框的约束手提袋传达的信息在线框的分区下变得有条理，重点突出。线框使人物形象获得稳定感，也有强调和限制的作用。线框对重要信息起着强调作用。三）面的编排构成面在排版构成中的概念可理解为点的放大，点的密集或线的重复。面与线，面与点或面与点线之间是相互依存，相互渗透的关系。呈“菱形”的块，实际上是一幅用字母和1-31的数字作规律结构排列的挂历，近看是数字的规律排列，远看是菱形。整个版面由点，弧线，文字组成图片形成点，文字形成面点线面构成元素的综合运用文字与图片形成面，线条穿插其中，让版面结构清晰简介。文字的块面与图片相呼应，增强版面的秩序感。在复杂的图片上用单纯的色带来突出主题。文字编排成字母图形，增加了版面的趣味性。四）骨骼设计（1）骨骼设计杂志页面：标题通栏，文字四栏骨骼，图片及上面的文字跨两栏杂志页面：双栏骨骼四栏骨骼十栏骨骼十二栏骨骼五栏文字与大面积图片相结合，文字与图片对比悬殊，图片的张弛使版面不刻板小图与文本的细节处理恰到好处俩幅图片插入竖向双栏版式中四栏骨骼基础上进行变化，图片及文字横跨2栏，顶部文字居中排列，左右两栏文字对称处理。（2）变形骨骼变形骨骼是指：在骨骼设计的基础上变化发展来的，在骨骼的基础上通过并合，舍取部分骨骼，寻求新的造型变化，它产生的造型无穷无尽，并且富有设计魅力，在一个版面的设计中常采用多种骨骼并用的手法。报版：5栏骨骼，图片横跨2栏和4栏。骨骼规范性越来越少，自由设计的元素增强，版面图版率增高，视觉度活力增强。三栏骨骼，第一栏安排标题，图片和重要信息。三栏骨骼，有意空出版面左上方和右下方的空间，在左下方作标题的个性编排。跳跃的字母使平淡的骨骼版面活跃起来，放大的首行字母，在设计中起到视觉图形的作用。版面为双栏结构，而栏的上下又有小的变化，使版面严谨而又不失活泼。第三章版面设计的原则一、主题鲜明突出版面设计本身并不是目的，设计是为了更好地传播客户信息的手段。设计师以往中意自我陶醉于个人风格以及与主题不相符的字体和图形中，这往往是造成设计平庸失败的主要原因。一个成功的版面构成，首先必须明确客户的目的，并深入去了解、观察、研究与设计有关的方方面面。简要的咨询则是设计良好的开端。版面离不开内容，更要体现内容的主题思想，用以增强读者的注目力与理解力。只有做到主题鲜明突出，一目了然，才能达到版面构成的最终目标。主题鲜明突出，是设计思想的最佳体现。平面艺术只能在有限的篇幅内与读者接触，这就要求版面表现必须单纯、简洁。对过去的那种填鸭式的、含意复杂的版面形式，人位早已不屑一顾了。实际上强调单纯、简洁，并不是单调、简单，而是信息的浓缩处理，内容的精炼表达，这是建立于新颖独特的艺术构思上。因此，版面的单纯化，既包括诉求内容的规划与提炼，又涉及到版面形式的构成技巧。图1：以产品本身作诉求重点，充斥整个版面，显得突出醒目。图2：将图片处理成前明后暗的效果，加强主体形象的注视率；图3：版面构成简洁、主体诉求单一，使观众瞬间过目不忘，达到了产品宣传的最佳境界二、艺术性与装饰性为了使版面构成更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确后，版面色图布局和表现形式等则成为版面设计艺术的核心，也是一个艰辛的创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养。所以说，版面构成是对设计者的思想境界、艺术修养、技术知识的全面检验。版面的装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版