版式设计 ppt课件.ppt
版式设计,第一章 版面设计概述第二章 版面设计的组织原则第三章 版面设计的编排和构成第四章 版面设计的视觉流程第五章 版面设计的编排形式法则第六章 文字的编排构成第七章 图版编排的构成第八章 现代版面的设计观念,第一章 版面设计概述,一 版面设计概述,版面设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传册、公关赠品、网页设计等各类平面设计。,编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生为之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的设计艺术。,每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。,二 平面设计的历史发展,立体主义是现代艺术中重要的运动，是平面设计的基础。,未来主义运动起源于20世纪初意大利在绘画、雕塑和建筑上的一场设计运动。,提倡自由组合，即编排无重心无主次、杂乱无章、字体各异的散构甚至完全散乱的无政府主义的形式。,达达主义强调自我，反理性，认为世界没有任何规律可循，所以变现出强烈的虚无主义特点：随机性和偶然性，荒诞与杂乱。,超现实主义认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的意识或潜在的思想动机更真实。,现代主义设计,20世纪二三十年代，欧洲出现了重要的三个核心的运动，即俄国的构成主义、荷兰的风格派、德国的包豪斯，这三个运动成为了现代设计思想和形式的基础。,现代主义的特点是理性主义，“功能决定形式”不是一种风格，而是一种信仰。主张“少则多”，反对装饰的繁琐。,构成主义设计将抽象的图形或文字作为视觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成。,荷兰风格派的思想和形式来源于蒙德里安德绘画探索，他以高度理性、数字化的逻辑思维来创造和谐的新秩序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。,包豪斯的平面设计的思想及风格具有强调科学化、理性化、功能化，减少主义和几何化的特点，注重字体设计采用无线转世字体和简约的编排风格。,国际主义平面设计风格,国际主义风格在平面上的贡献是研究出骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的五线条装饰字体，采用非对称的版面编排。,后现代主义的设计风格,后现代主义提倡设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，所以版面的字体、插图或排版都充满了欢乐、游戏、调侃、疯狂的特点。,第二章版面设计的组织原则,一、鲜明主题的诱导力,要获得版面鲜明的视觉导读效果，可以通过版面的空间层次、主从关系、视觉秩序及彼此见的逻辑条件的把握与运用来达到。1.按照主从关系的顺序，将主体形象放大并编排于版面视觉中心，以产生强烈的视觉冲击效果。,2.将众多的文案信息作整体的组织编排设计，以减少散乱的文字信息干扰，增强主体形象的传达。3.在主体形象的周围大量留白，能使主体形象更加鲜明突出。留白量的多少则要根据版面的具体设计而定。,二、形式内容统一,个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此，版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计必须遵循的原则及设计的先决条件。,三、强化整体布局,将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体的视觉效应，即使是“散”的结构也是设计中特意的精心编排之追求。,如何获得版面的整体布局：,1 加强整体结构组织的方向 视觉秩序。2 加强文案的集合性。3 加强展开页的整体设计。,第三章版面设计的编排构成,一、点的编排构成,版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同，心理的作用也不同。,为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。,二、线的编排构成,点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，也有空间的视觉流动线。,1.线的分割,在进行版面分割时，既要考虑各种形态元素彼此间支配的形式，又要注意空间所具有的内在联系。,2.线的“力场”,“力场”是一种虚空间，是对一定范围的空间的知觉或感应，所以也称为“心理空间”。,线的“力场”增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。,3.线框的约束与强调,线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则获得相应的稳定和规范。,三、面的编排构成,面在版面中的概念可理解为点的放大，点的密集或线的重复。另外，线的分割产生各种比例的空间。,四、骨骼设计（分割设计）,骨骼设计界的原理自成体系，有它独特的设计原则和风格，并不是人们所简单认识的那样单调与刻板。,1.骨骼设计 骨骼或分割设计是一种严谨、规范、理性的设计方法。常见的骨骼分割法：竖向通栏、双 栏、三栏、四栏（横向亦然）；也有 横向和竖向同时进行分割的。,设计时根据设计内容、风格和信息量的多少以及设计师自我取向选择骨骼。,2.变形骨骼,变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基本形上，通过并合、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽。,经过变革的设计，变化小的作品，骨骼一眼就能明细可见；变化大的作品，也能依然保留部分骨骼的痕迹。,灵活掌握骨骼和变形骨骼的手法，将大大 拓宽我们的设计空间。,五、自由构成,平面设计的风格上更加人性化个性化和娱乐性，无论图或文字、点或线构成关系都充满着随机无序，无主次，无中心相互矛盾，相互排斥，以及极端的耗散的编排。,尤其是今天的商业社会是以年轻人主导的消费市场，这种自由、活力、个性化的风格表现仍将主导平面设计的持续发展。,第四章版面设计的视觉流程,一、单向视觉流程,单向流程表现为三种方向关系：竖向视觉流程坚定、肯定横向视觉流程稳定、平静斜向视觉流程冲击力强、动感及注目度高,二、曲线视觉流程,各视觉要素随弧线或回旋线运动，变化为曲线的视觉流程。在版面中增加深度和动感。,三、重心的视觉流程,重心是指视觉心理的重心，重心有三种概念：,1.以强烈的形式或文字独据版面某个部位或完全充斥正版。,2.向心：视觉元素向版面中心聚拢的流程。,3.离心：犹如将石子投入水中，产生一圈一圈向外 扩散的弧线运动。,四、反复的视觉流程,其运动不如方向流程强烈，但更富于韵律和秩序。,五、导向的视觉流程,编排的导向有文字导向、线条导向、手势导向、形象或色彩的导向。,六、散构的视觉流程,追求感性、自由随机性、偶合性，强调空间和动感，求新求刺激的心态。,在版面上常常采取极端自由无序的散构状态，无论图形或文字的编排都表现为无主次、无中心的含混关系。,七、最佳视欲,版面中不同的视欲，注目程度不同，心理上的感受也不同。上部给人轻快漂浮、积极高昂之感，下部给人压抑、沉重、消极限制、低矮和稳定之印象，左侧感觉轻便、自由、舒展、富于活力，右侧感觉紧促、局限却又庄重。,在编排方向性视觉流程时，要注意各信息要素间间隙大小的节奏感。,第五章版面设计的编排形式法则,一、单纯与秩序,单纯化有两个概念：1.基本形的简练。2.编排结构的简明、单纯。,秩序是指版面各视觉元素组织有规律地形式表现。,简明的结构和秩序可以理解为版面的气运走向。,二、对比与和谐,对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。,对比与调和，对比为强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者互为因果，共同营造版面既对比又和谐的完美关系。,三、对称与均衡,对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。,四、节奏与韵律,节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。,无论是图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感，即是韵律。,五、虚实与留白,为了强调主体，可有意将其他部分削弱为虚，甚至以留白来衬托主体的“实”，所以，留白是版面“虚”处理中一种特殊的手法。,空白小，版面造成拥挤、紧张又热闹；空白大，显得温和、冷静。,第六章 文字的编排构成,一、字号、字体、行距,1.字号,标题字一般大于1420号字，正文字一般是810号字。,标题字,正文字,2.字体、字号,在一个版面中，选用三到四种字体为版面最佳视觉效果。,3.行距,除行距的常规比例外，行宽行窄是依据主题内容需要而定的。,二、文字编排的五种形式,1.左右均齐 2.齐中,字群以中心为轴线。特点为视线更集中。,3.齐左或齐右 4.齐上,在古文或者一些竖排的文字中一般采用齐上的对齐方式。,5.文字绕图排列,三、文字的整体编排,版面中文字的整体性编排，使版面传达出特有的组织性、秩序性和设计性，而这种严谨的版面往往传达出良好的品质感。,四、文字的图形表达,1.书法字体的图形语言,为表达传统民族信息或追求设计上的某种艺术效果，通常借助中国的书法字体来表现。,2.文字的图形编排,文字的图形化使借助图形的编排形式来表达主题思想。,3.文字图标设计,文字图标的运用不仅在文版、广告、包装等设计中，在POP展示牌设计中也应用广泛。,五、文字的互动性,文字的互动性一般指文字围绕图形的编排设计所产生的动感性，图文在组织结构产生的和谐性。,六、文字的跳跃率,1.放大文字即增强跳跃率与阅读率,2.标题的设计增强跳跃率,文字与图文相互的设计状态，同时也增强了标题在版面中的互动性、设计性和审美性。,七、文字的耗散性,以非理性审美观念为依据的设计，版面往往采取极端自由无序的方式，如无主次等。,第七章 图版编排的构成,一、图版率,图版率是指版面相对于文字、图所占据的面积比叫做图版率。,1.图版率低，减少阅读兴趣,2.图版率高，增强阅读活力,二、角版、挖版、出血版,1.角版,角版也称方形版，即画面被直线方框所切割而成。,2.挖版,挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。,3.出血版,出血版，即图形充满或超出版页，无边框的限制，有向外扩张和舒展之势。,4.角版、挖版、出血版的组合运用,角版沉静，挖版活泼，出血版舒展、大气。,三、视觉度,视觉度是指文字和图版（插图、照片）在版面中产生的视觉强弱度。,四、图形面积与张力,1.图形产生量感和张力,“量感”是指放大图片后版面即产生一种饱满的心理量感，以及增强图片的扩张力度。,2.小图形精密而沉静,3.大小图形比，增强对比度,五、延续页面的整体设计,1.左右页的整体设计,展开页的整体设计建立在形象的对比关系上。,2.延续页面的整体设计,除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册子风格性等都得进行整体设计把握。,3.延续页面色调的整体设计,色调可决定设计作品的品质，也可以说设计品质的优劣色彩占了很大的因素。,第八章 现代版面的设计观念,一、强调创意,创意是一个富有创造性的思维过程，创意是设计的灵魂，谈设计主要的就是在谈创意，没有创意的设计是空洞平淡的，这是毋庸置疑的。,二、强调个性风格表现,风格是艺术设计最高层次的要求，是我们平面设计的最高境界。风格代表了设计者的个性。,求新求变时对常规观念的突破，只有独特的表现和创意才能被称为个性的，有生命的。,三、多维空间的复合构成,到今天，设计表达的思想已不是单纯的概念和从某一单纯的角度来看待世界，它从不同的时间和角度来反映事物本质。,四、逆向视觉角度,视觉“角度”是指物象在拍摄时摄影师所选取的拍摄角度。,对于版面的角度视点的导向来讲，也正在发生新的变化。,五、网页版面的互动性,网页版面的主要特点：1.网页设计的互动性。,2.网页有很操作性和互动性。,3.每个网页的“首页面”index.html是网页的形象页面。,4.网页设计还有考虑网页的打开速度、兼容等问题。,5.网页的现实色彩是以色光合成加法原理进行的，即RGB模式。,
