版式设计_课件

,LOGO,版,式,设,计,第一章 版面设计概述,第二章 版面设计的组织原那么,第三章 版面设计的编排和构成,第四章 版面设计的视觉流程,第五章 版面设计的编排形式法那么,第六章 文字的编排构成,第七章 图版编排的构成,第八章 现代版面的设计观念,第一章 版面设计概述,一 版面设计概述,版面设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传册、公关,赠品、网页设计等各类平面设计。,编排设计是一门根底课，但对于每位热爱设计的设计师来说是他们一生,为之努力付出所追求的艺术目标，它不仅是一门根底课更是一门真正意义的,设计艺术。,每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。,二 平面设计的历史开展,立体主义是现代艺术,中重要的运动，是平面设,计的根底。,未来主义,运动起源于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模式。,