版式设计课件.pptx

《版式设计课件.pptx》由会员分享，可在线阅读，更多相关《版式设计课件.pptx（107页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第一章第一章 版面设计概述版面设计概述第二章第二章 版面设计的组织原则版面设计的组织原则第三章第三章 版面设计的编排和构成版面设计的编排和构成第四章第四章 版面设计的视觉流程版面设计的视觉流程第五章第五章 版面设计的编排形式法则版面设计的编排形式法则第六章第六章 文字的编排构成文字的编排构成第七章第七章 图版编排的构成图版编排的构成第八章第八章 现代版面的设计观念现代版面的设计观念第1页/共107页第一章 版面设计概述 一 版面设计概述 版面设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传册、公关赠品、网页设计等各类平面设计。编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生为

2、之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的设计艺术。第2页/共107页 每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。第3页/共107页二 平面设计的历史发展 立体主义是现代艺术中重要的运动，是平面设计的基础。第4页/共107页未来主义运动起源于20世纪初意大利在绘画、雕塑和建筑上的一场设计运动。提倡自由组合，即编排无重心无主次、杂乱无章、字体各异的散构甚至完全散乱的无政府主义的形式。第5页/共107页达达主义强调自我，反理性，认为世界没有任何规律可循，

3、所以变现出强烈的虚无主义特点：随机性和偶然性，荒诞与杂乱。第6页/共107页 超现实主义认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的意识或潜在的思想动机更真实。第7页/共107页现代主义设计现代主义设计 20世纪二三十年代，欧洲出现了重要的三个核心的运动，即俄国的构成主义、荷兰的风格派、德国的包豪斯，这三个运动成为了现代设计思想和形式的基础。现代主义的特点是理性主义，“功能决定形式”不是一种风格，而是一种信仰。主张“少则多”，反对装饰的繁琐。第8页/共107页 构成主义设计将抽象的图形或文字作为视觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成

4、。第9页/共107页 荷兰风格派的思想和形式来源于蒙德里安德绘画探索，他以高度理性、数字化的逻辑思维来创造和谐的新秩序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。第10页/共107页包豪斯的平面设计的思想及风格具有强调科学化、理性化、功能化，减少主义和几何化的特点，注重字体设计采用无线转世字体和简约的编排风格。第11页/共107页国际主义平面设计风格国际主义平面设计风格 国际主义风格在平面上的贡献是研究出骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的五线条装饰字体，采用非对称的版面编排。第12页/共107页后现代主义的设计

5、风格后现代主义的设计风格 后现代主义提倡设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，所以版面的字体、插图或排版都充满了欢乐、游戏、调侃、疯狂的特点。第13页/共107页第二章版面设计的组织原则第14页/共107页一、鲜明主题的诱导力一、鲜明主题的诱导力 要获得版面鲜明的视觉导读效果，可以通过版面的空间层次、主从关系、视觉秩序及彼此见的逻辑条件的把握与运用来达到。1.按照主从关系的顺序，将主体形象放大并编排于版面视觉中心，以产生强烈的视觉冲击效果。第15页/共107页2.将众多的文案信息作整体的组织编排设计，以减少散乱的文字信息干扰，增强主体形象的传达。3.在主体形象的周围大

6、量留白，能使主体形象更加鲜明突出。留白量的多少则要根据版面的具体设计而定。第16页/共107页二、形式内容统一二、形式内容统一 个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此，版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计必须遵循的原则及设计的先决条件。第17页/共107页第18页/共107页三、强化整体布局 将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体的视觉效应，即使是“散”的结构也是设计中特意的精心编排之追求。第19页/共107页如何获得版面的整体布局：1 加强整体结构组织的方向 视觉秩序。2 加强文案的集合性。3 加强展开页的整体设计。第20页

7、/共107页 第三章版面设计的编排构成第21页/共107页一一 、点的编排构成、点的编排构成 版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同，心理的作用也不同。第22页/共107页 为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。第23页/共107页二、线的编排构成二、线的编排构成 点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，也有空间的视觉流动线。第24页/共107页1.线的分割 在进行版面分割时，既要考虑各种形态元素彼此间支配的形式，又要注意空间所具有的内在联系。第25页/共107页2.线的“力场”“力场”是一种虚空间

8、，是对一定范围的空间的知觉或感应，所以也称为“心理空间”。第26页/共107页 线的“力场”增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。第27页/共107页3.线框的约束与强调 线框的限定，即使主体产生空间“场”的作用，同时也具有相对约束的功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则获得相应的稳定和规范。第28页/共107页三、面的编排构成三、面的编排构成 面在版面中的概念可理解为点的放大，点的密集或线的重复。另外，线的分割产生各种比例的空间。第29页/共107页第30页/共107页四、骨骼设计（分割设计）四、骨骼设计

9、（分割设计）骨骼设计界的原理自成体系，有它独特的设计原则和风格，并不是人们所简单认识的那样单调与刻板。1.骨骼设计 骨骼或分割设计是一种严谨、规范、理性的设计方法。常见的骨骼分割法：竖向通栏、双 栏、三栏、四栏（横向亦然）；也有 横向和竖向同时进行分割的。第31页/共107页 设计时根据设计内容、风格和信息量的多少以及设计师自我取向选择骨骼。第32页/共107页2.变形骨骼 变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基本形上，通过并合、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽。第33页/共107页 经过变革的设计，变化小的作品，骨骼一眼就能明细可见；变化大的作品，也能依然

10、保留部分骨骼的痕迹。第34页/共107页灵活掌握骨骼和变形骨骼的手法，将大大 拓宽我们的设计空间。第35页/共107页五、自由构成五、自由构成平面设计的风格上更加人性化个性化和娱乐性，无论图或文字、点或线构成关系都充满着随机无序，无主次，无中心相互矛盾，相互排斥，以及极端的耗散的编排。第36页/共107页 尤其是今天的商业社会是以年轻人主导的消费市场，这种自由、活力、个性化的风格表现仍将主导平面设计的持续发展。第37页/共107页 第四章版面设计的视觉流程第38页/共107页一、单向视觉流程一、单向视觉流程单向流程表现为三种方向关系：竖向视觉流程坚定、肯定横向视觉流程稳定、平静斜向视觉流程冲击

11、力强、动感及注目度高第39页/共107页第40页/共107页第41页/共107页二、曲线视觉流程二、曲线视觉流程各视觉要素随弧线或回旋线运动，变化为曲线的视觉流程。在版面中增加深度和动感。第42页/共107页三、重心的视觉流程三、重心的视觉流程重心是指视觉心理的重心，重心有三种概念：1.以强烈的形式或文字独据版面某个部位或完全充斥正版。第43页/共107页2.向心：视觉元素向版面中心聚拢的流程。第44页/共107页3.离心：犹如将石子投入水中，产生一圈一圈向外 扩散的弧线运动。第45页/共107页四、反复的视觉流程四、反复的视觉流程其运动不如方向流程强烈，但更富于韵律和秩序。第46页/共107

12、页五、导向的视觉流程五、导向的视觉流程第47页/共107页编排的导向有文字导向、线条导向、手势导向、形象或色彩的导向。第48页/共107页六、散构的视觉流程六、散构的视觉流程追求感性、自由随机性、偶合性，强调空间和动感，求新求刺激的心态。第49页/共107页 在版面上常常采取极端自由无序的散构状态，无论图形或文字的编排都表现为无主次、无中心的含混关系。第50页/共107页七、最佳视欲七、最佳视欲 版面中不同的视欲，注目程度不同，心理上的感受也不同。上部给人轻快漂浮、积极高昂之感，下部给人压抑、沉重、消极限制、低矮和稳定之印象，左侧感觉轻便、自由、舒展、富于活力，右侧感觉紧促、局限却又庄重。第5

13、1页/共107页在编排方向性视觉流程时，要注意各信息要素间间隙大小的节奏感。第52页/共107页 第五章版面设计的编排形式法则第53页/共107页一、单纯与秩序一、单纯与秩序单纯化有两个概念：1.基本形的简练。2.编排结构的简明、单纯。第54页/共107页秩序是指版面各视觉元素组织有规律地形式表现。简明的结构和秩序可以理解为版面的气运走向。第55页/共107页二、对比与和谐二、对比与和谐对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。第56页/共107页 对比与调和，对比为强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者互为因果，共同营造版面既对比又和谐的完美关系。第57页/共1

14、07页三、对称与均衡三、对称与均衡 对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。第58页/共107页四、节奏与韵律四、节奏与韵律 节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。第59页/共107页 无论是图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感，即是韵律。第60页/共107页五、虚实与留白五、虚实与留白 为了强调主体，可有意将其他部分削弱为虚，甚至以留白来衬托主体的“实”，所以，留白是版面“虚”处理中一种特殊的手法。第61页/共107页空白小，版面造成拥挤、紧张又热闹；空白大，显得温和

15、、冷静。第62页/共107页 第六章 文字的编排构成第63页/共107页一、字号、字体、行距一、字号、字体、行距1.字号标题字一般大于1420号字，正文字一般是810号字。标题字正文字2.字体、字号在一个版面中，选用三到四种字体为版面最佳视觉效果。第64页/共107页3.行距除行距的常规比例外，行宽行窄是依据主题内容需要而定的。第65页/共107页二、文字编排的五种形式二、文字编排的五种形式1.左右均齐 2.齐中字群以中心为轴线。特点为视线更集中。第66页/共107页3.齐左或齐右 4.齐上在古文或者一些竖排的文字中一般采用齐上的对齐方式。第67页/共107页 5.文字绕图排列第68页/共10

16、7页三、文字的整体编排三、文字的整体编排 版面中文字的整体性编排，使版面传达出特有的组织性、秩序性和设计性，而这种严谨的版面往往传达出良好的品质感。第69页/共107页四、文字的图形表达四、文字的图形表达1.书法字体的图形语言 为表达传统民族信息或追求设计上的某种艺术效果，通常借助中国的书法字体来表现。第70页/共107页2.文字的图形编排文字的图形化使借助图形的编排形式来表达主题思想。第71页/共107页3.文字图标设计 文字图标的运用不仅在文版、广告、包装等设计中，在POP展示牌设计中也应用广泛。第72页/共107页五、文字的互动性五、文字的互动性 文字的互动性一般指文字围绕图形的编排设计

17、所产生的动感性，图文在组织结构产生的和谐性。第73页/共107页六、文字的跳跃率六、文字的跳跃率1.放大文字即增强跳跃率与阅读率第74页/共107页2.标题的设计增强跳跃率 文字与图文相互的设计状态，同时也增强了标题在版面中的互动性、设计性和审美性。第75页/共107页七、文字的耗散性七、文字的耗散性 以非理性审美观念为依据的设计，版面往往采取极端自由无序的方式，如无主次等。第76页/共107页 第七章 图版编排的构成第77页/共107页一、图版率一、图版率图版率是指版面相对于文字、图所占据的面积比叫做图版率。1.图版率低，减少阅读兴趣第78页/共107页2.图版率高，增强阅读活力第79页/共

18、107页二、角版、挖版、出血版二、角版、挖版、出血版1.角版角版也称方形版，即画面被直线方框所切割而成。第80页/共107页2.挖版挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。第81页/共107页3.出血版 出血版，即图形充满或超出版页，无边框的限制，有向外扩张和舒展之势。第82页/共107页4.角版、挖版、出血版的组合运用角版沉静，挖版活泼，出血版舒展、大气。第83页/共107页三、视觉度三、视觉度视觉度是指文字和图版（插图、照片）在版面中产生的视觉强弱度。第84页/共107页第85页/共107页四、图形面积与张力四、图形面积与张力1.图形产生量感和张力 “量感”是指放大图片后

19、版面即产生一种饱满的心理量感，以及增强图片的扩张力度。第86页/共107页2.小图形精密而沉静第87页/共107页3.大小图形比，增强对比度第88页/共107页五、延续页面的整体设计五、延续页面的整体设计1.左右页的整体设计展开页的整体设计建立在形象的对比关系上。第89页/共107页2.延续页面的整体设计 除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册子风格性等都得进行整体设计把握。第90页/共107页3.延续页面色调的整体设计 色调可决定设计作品的品质，也可以说设计品质的优劣色彩占了很大的因素。第91页/共107页 第八章 现代版面的设计

20、观念第92页/共107页一、强调创意一、强调创意 创意是一个富有创造性的思维过程，创意是设计的灵魂，谈设计主要的就是在谈创意，没有创意的设计是空洞平淡的，这是毋庸置疑的。第93页/共107页第94页/共107页二、强调个性风格表现二、强调个性风格表现 风格是艺术设计最高层次的要求，是我们平面设计的最高境界。风格代表了设计者的个性。第95页/共107页 求新求变时对常规观念的突破，只有独特的表现和创意才能被称为个性的，有生命的。第96页/共107页三、多维空间的复合构成三、多维空间的复合构成第97页/共107页到今天，设计表达的思想已不是单纯的概念和从某一单纯的角度来看待世界，它从不同的时间和角

21、度来反映事物本质。第98页/共107页四、逆向视觉角度四、逆向视觉角度视觉“角度”是指物象在拍摄时摄影师所选取的拍摄角度。第99页/共107页对于版面的角度视点的导向来讲，也正在发生新的变化。第100页/共107页五、网页版面的互动性五、网页版面的互动性网页版面的主要特点：1.网页设计的互动性。第101页/共107页2.网页有很操作性和互动性。第102页/共107页3.每个网页的“首页面”index.html是网页的形象页面。第103页/共107页4.网页设计还有考虑网页的打开速度、兼容等问题。第104页/共107页5.网页的现实色彩是以色光合成加法原理进行的，即RGB模式。第105页/共107页第106页/共107页感谢您的观看。第107页/共107页