版式设计

第一章版面设计概述一版面设计概述1）编排设计的目的编排设计对于平面设计是一门相对具有独立性的设计艺术，研究的是平面设计的视觉语言与艺术风格。※编排设计注重创意※编排设计讲究表现手段与形式风格2）编排设计的范围编排设计的范围涉及包装，广告，报纸，书籍，产品手册，宣传单，公关赠品，网页设计等各类平面设计3）平面设计的思想观念与其他艺术形式的关系平面设计的思想观念与风格不是孤立的，是与建筑，绘画，文学，音乐，诗歌，服装等，艺术思想完全一致。1.中国古代的书籍及版式设计2.西方的书籍及版式设计3.优秀板式设计欣赏书写载体的演变：•甲骨文殷商时期•金石文石鼓文•简牍•纸张甲骨文被认为是现代汉字的早期形式，有时候也被认为是汉字的书体之一，也是现存中国最古老的一种成熟文字。甲骨文又称契文、龟甲文或龟甲兽骨文。甲骨文是一种很重要的古汉字资料。绝大部分甲骨文发现于殷墟。殷墟是著名的殷商时代遗址，范围包括河南省安阳市西北小屯村、花园庄、侯家庄等地。殷王武丁占卜用的龟腹甲最早的甲骨文随着殷亡而消逝，金文起而代之，成为周代书体的主流，因铸刻于钟鼎之上，有时也称为钟鼎文。与甲骨文笔道细、直笔多、转折处多为方形有所不同，金文笔道肥粗，弯笔多，团块多。甲骨文金文金文石鼓文比金文规范、严正，但仍在一定程度上保留了金文的特征，它是从金文向小篆发展的一种过渡性书体。早期西方书籍及版式设计早期西方书籍及版式设计在这张称量死者灵魂的纸草画中，真理女神以羽毛的形象出现，正在司称的是阿努比斯，在旁记录的是智慧神透特。纸草画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：版面构成简洁、主体诉求单一，使观众瞬间过目不忘，达到了产品宣传的最佳境界二、艺术性与装饰性为了使版面构成更好地为版面内容服务，寻求合乎情理的版面视觉语言则显得非常重要，也是达到最佳诉求的体现。构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确后，版面色图布局和表现形式等则成为版面设计艺术的核心，也是一个艰辛的创作过程。怎样才能达到意新、形美、变化而又统一，并具有审美情趣，这就要取决于设计者文化的涵养。所以说，版面构成是对设计者的思想境界、艺术修养、技术知识的全面检验。版面的装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的，并采用夸张、比喻、象征的手法来体现视觉效果，既美化了版面，又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面信息，具有不同方式的装饰形式，它不仅起着排除其他，突出版面信息的作用，而且又能使读者从中获得美的享受。图5：版式中富有艺术趣味的构成，具有浓烈的设计意识。图6：产品与文字的完美结合，显示其独特的装饰魅力。图4：取斑马背部具有特征的纹理，来增强版面的装饰味。三、整体性与协调性版面构成是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是版面构成的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么，对谁说和怎么说的问题。强调版面的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。通过版面的文、图间的整体组俣与协调性的编排，使版面具有秩序美、条理美，从而获得更良好的视觉效果。图7：主体与文字的穿插，既产生前后的空间层次变化，而又不失为一个整体。图8：文字沿着视线流程很顺利地流趟下来，形成不可分割的整体。图11、12：版面图片的秩序化构成，具有一种韵律的节奏感。图13：版面图形运用同一因素不同形状具有理性色彩，从而达到版面的整体感与协调感。第四章版面设计的编排形式法则一单纯与秩序1）基本形的简练2）编排结构的简明单纯版面各要素之间要形式合适的比例关系，要素之间的理想的比例是2∶3，3∶5，4∶5等，和谐的比例给人以美的感觉，也给版面带来活泼与和谐。版面有了平衡、对比、比例诸方式必须有统一的思想和协调的画面，使版面单纯、简洁。要求设计者注意同一版面避免使用过多种字体，插图、文字等诸要素的编排要注意形式、方式的统一。单纯的人物排列秩序，增强版面的形式感索芙特瘦脸包装形象设