版式设计课件

1、LOGOLOGO 一一 版面设计概述版面设计概述 版面设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传册、公关版面设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传册、公关赠品、网页设计等各类平面设计。赠品、网页设计等各类平面设计。 编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生编排设计是一门基础课，但对于每位热爱设计的设计师来说是他们一生为之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的为之努力付出所追求的艺术目标，它不仅是一门基础课更是一门真正意义的设计艺术。设计艺术。LOGO 每一个艺术运用思潮都对平面设计的风格产生过深刻的影响，每一个艺术运用思潮都

2、对平面设计的风格产生过深刻的影响，因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、因此平面设计的思想观念与风格不是孤立的，它是与建筑、绘画、文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。文学、音乐、诗歌、服装等领域的艺术思想精神完全一致的。LOGO二二 平面设计的历史发展平面设计的历史发展 立体主义立体主义是现代艺术是现代艺术中重要的运动，是平面设中重要的运动，是平面设计的基础。计的基础。LOGO未来主义未来主义运动起源于运动起源于20世纪初世纪初意大利在绘画、雕塑和建筑上意大利在绘画、雕塑和建筑上的一场设计运动。的一场设计运动。提倡自由组合，即编排无重心无主次、杂乱无章、提

3、倡自由组合，即编排无重心无主次、杂乱无章、字体各异的散构甚至完全散乱的无政府主义的形式。字体各异的散构甚至完全散乱的无政府主义的形式。LOGO达达主义达达主义强调自我，反理性，强调自我，反理性，认为世界没有任何规律可循，认为世界没有任何规律可循，所以变现出强烈的虚无主义所以变现出强烈的虚无主义特点：随机性和偶然性，荒诞特点：随机性和偶然性，荒诞与杂乱。与杂乱。LOGO 超现实主义超现实主义认为社会的表象是虚伪认为社会的表象是虚伪的，创作的目的是重新寻找和了解社会的，创作的目的是重新寻找和了解社会的实质，认为无计划的、无设计的意识的实质，认为无计划的、无设计的意识或潜在的思想动机更真实。或潜在的

4、思想动机更真实。LOGO 20世纪二三十年代，欧洲出现了重要的三个核心的运动，即世纪二三十年代，欧洲出现了重要的三个核心的运动，即俄国的俄国的构成主义、荷兰的风格派、德国的包豪斯构成主义、荷兰的风格派、德国的包豪斯，这三个运动成为了现代设计，这三个运动成为了现代设计思想和形式的基础。思想和形式的基础。 现代主义的特点是理性主义，现代主义的特点是理性主义，“功能决定形式功能决定形式”不是一种风格，而不是一种风格，而是一种信仰。主张是一种信仰。主张“少则多少则多”，反对，反对装饰的繁琐。装饰的繁琐。LOGO 构成主义构成主义设计将抽象的图形或文字作为视觉传达的元素和符号设计将抽象的图形或文字作为视

5、觉传达的元素和符号进行构成设计，版面编排常以几何的形式构成。进行构成设计，版面编排常以几何的形式构成。LOGO 荷兰风格派荷兰风格派的思想和形式来源于的思想和形式来源于蒙德里安德绘画探索，他以高度理性、蒙德里安德绘画探索，他以高度理性、数字化的逻辑思维来创造和谐的新秩数字化的逻辑思维来创造和谐的新秩序，画面上简洁到只有纵横分割的几序，画面上简洁到只有纵横分割的几何形方块和鲜明的色块。何形方块和鲜明的色块。LOGO包豪斯包豪斯的平面设计的思想及的平面设计的思想及风格具有强调科学化、理性风格具有强调科学化、理性化、功能化，减少主义和几化、功能化，减少主义和几何化的特点，注重字体设计何化的特点，注重

6、字体设计采用无线转世字体和简约的采用无线转世字体和简约的编排风格。编排风格。LOGO 国际主义风格国际主义风格在平面上的贡献是研究出在平面上的贡献是研究出骨骼排版法，即将版面进行标准化的分割，骨骼排版法，即将版面进行标准化的分割，将字体、插图、照片等按照划分的骨骼编排将字体、插图、照片等按照划分的骨骼编排在其中，取消编排的装饰，采用朴素的五线在其中，取消编排的装饰，采用朴素的五线条装饰字体，采用非对称的版面编排。条装饰字体，采用非对称的版面编排。LOGO 后现代主义后现代主义提倡设计的个性自由和对艺术的自我宣泄，采用开提倡设计的个性自由和对艺术的自我宣泄，采用开玩笑的方式进行装饰设计，所以版面

7、的字体、插图或排版都充满了玩笑的方式进行装饰设计，所以版面的字体、插图或排版都充满了欢乐、游戏、调侃、疯狂的特点。欢乐、游戏、调侃、疯狂的特点。LOGO 要获得版面鲜明的视觉导读要获得版面鲜明的视觉导读效果，可以通过版面的空间层次、效果，可以通过版面的空间层次、主从关系、视觉秩序及彼此见的主从关系、视觉秩序及彼此见的逻辑条件的把握与运用来达到。逻辑条件的把握与运用来达到。1.按照主从关系的顺序，将主体形象按照主从关系的顺序，将主体形象放大并编排于版面视觉中心，以产生放大并编排于版面视觉中心，以产生强烈的视觉冲击效果。强烈的视觉冲击效果。LOGO2.将众多的文案信息作整体的组织编排设计，以减少散

8、乱的文字将众多的文案信息作整体的组织编排设计，以减少散乱的文字信息干扰，增强主体形象的传达。信息干扰，增强主体形象的传达。3.在主体形象的周围大量留白，能使主体形象更加鲜明突出。留在主体形象的周围大量留白，能使主体形象更加鲜明突出。留白量的多少则要根据版面的具体设计而定。白量的多少则要根据版面的具体设计而定。LOGO 个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此，个性化、艺术化形式美的设计本质乃是用来加强沟通与传播，因此，版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计版式设计所追求的完美形式必须符合设计思想主体的表达，这是编排设计必须遵循的原则及设计的先决条件。

9、必须遵循的原则及设计的先决条件。LOGOLOGO三、强化整体布局三、强化整体布局 将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体将版面中各种排版要素在编排结构及色彩上作整体设计，以求整体的视觉效应，即使是的视觉效应，即使是“散散”的结构也是设计中特意的精心编排之追求。的结构也是设计中特意的精心编排之追求。LOGO如何获得版面的整体布局：如何获得版面的整体布局：1 加强整体结构组织的方向加强整体结构组织的方向 视觉秩序。视觉秩序。2 加强文案的集合性。加强文案的集合性。3 加强展开页的整体设计。加强展开页的整体设计。LOGO 版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同

10、，版面中的点由于大小、形态、位置不同，所产生的视觉效果也不同，心理的作用也不同。心理的作用也不同。LOGO 为了追求新颖的版式，更特意追求将视点导向左、右、上、下为了追求新颖的版式，更特意追求将视点导向左、右、上、下边置的变化已成为今天常见的版式表现形式。边置的变化已成为今天常见的版式表现形式。LOGO 点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，点的移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线，也有空间的视觉流动线。也有空间的视觉流动线。LOGO1.线的分割线的分割 在进行版面分割时，既要考虑各种形态元素彼此间支配的在进行版面分割时，既要考虑各种形态元素彼此间支配的

11、形式，又要注意空间所具有的内在联系。形式，又要注意空间所具有的内在联系。LOGO2.线的线的“力场力场” “力场力场”是一种虚空间，是对一定范围的空间的知觉或感应，是一种虚空间，是对一定范围的空间的知觉或感应，所以也称为所以也称为“心理空间心理空间”。LOGO 线的线的“力场力场”增强了版面各空间相互依存的关系而使之成为一个增强了版面各空间相互依存的关系而使之成为一个整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。整体，并使版面获得清晰、明快、条理、富于弹性的空间关系。LOGO3.线框的约束与强调线框的约束与强调 线框的限定，即使主体产生空间线框的限定，即使主体产生空间“场场”的作用，

12、同时也具有相对约束的的作用，同时也具有相对约束的功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则功能。在强调情感或强调动感的出血版中，如以线框配置，动感与情感则获得相应的稳定和规范。获得相应的稳定和规范。LOGO 面在版面中的概念可理解为点的放大，面在版面中的概念可理解为点的放大，点的密集或线的重复。另外，线的分割产生点的密集或线的重复。另外，线的分割产生各种比例的空间。各种比例的空间。LOGOLOGO 骨骼设计界的原理自成体系，有它独特的设计原则和风格，骨骼设计界的原理自成体系，有它独特的设计原则和风格，并不是人们所简单认识的那样单调与刻板。并不是人们所简单认识的那样单调与刻

13、板。1.骨骼设计骨骼设计 骨骼或分割设计是一种严谨、规范、骨骼或分割设计是一种严谨、规范、 理性的设计方法。理性的设计方法。 常见的骨骼分割法：竖向通栏、双常见的骨骼分割法：竖向通栏、双 栏、三栏、四栏（横向亦然）；也有栏、三栏、四栏（横向亦然）；也有 横向和竖向同时进行分割的。横向和竖向同时进行分割的。LOGO 设计时根据设计内容、风格和信息量的多少以及设计时根据设计内容、风格和信息量的多少以及设计师自我取向选择骨骼。设计师自我取向选择骨骼。LOGO2. 变形骨骼变形骨骼 变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基本形变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼的基本形上，

14、通过并合、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷上，通过并合、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽。无尽。LOGO 经过变革的设计，变化小的作品，骨骼一眼就能经过变革的设计，变化小的作品，骨骼一眼就能明细可见；变化大的作品，也能依然保留部分骨骼的明细可见；变化大的作品，也能依然保留部分骨骼的痕迹。痕迹。LOGO灵活掌握骨骼和变形骨骼的手法，将大大灵活掌握骨骼和变形骨骼的手法，将大大 拓宽我们的设计空间。拓宽我们的设计空间。LOGO平面设计的风格上更加平面设计的风格上更加人性化个性化和娱乐性，人性化个性化和娱乐性，无论图或文字、点或线无论图或文字、点或线构成关系都充满着

15、随机构成关系都充满着随机无序，无主次，无中心相无序，无主次，无中心相互矛盾，相互排斥，以及互矛盾，相互排斥，以及极端的耗散的编排。极端的耗散的编排。LOGO 尤其是今天的商业社会是以年轻人主导的尤其是今天的商业社会是以年轻人主导的消费市场，这种自由、活力、个性化的风格表消费市场，这种自由、活力、个性化的风格表现仍将主导平面设计的持续发展。现仍将主导平面设计的持续发展。LOGO单向流程表现为三种方向关系：单向流程表现为三种方向关系： 竖向视觉流程竖向视觉流程坚定、肯定坚定、肯定横向视觉流程横向视觉流程稳定、平静稳定、平静斜向视觉流程斜向视觉流程冲击力强、动感及注目度高冲击力强、动感及注目度高LO

16、GOLOGOLOGO各视觉要素随弧线或回旋各视觉要素随弧线或回旋线运动，变化为曲线的视线运动，变化为曲线的视觉流程。在版面中增加深觉流程。在版面中增加深度和动感。度和动感。LOGO重心是指视觉心理的重心，重心有三种概念：重心是指视觉心理的重心，重心有三种概念：1.以强烈的形式或文字独据版面某个部位或完全充斥正版。以强烈的形式或文字独据版面某个部位或完全充斥正版。LOGO2.向心：视觉元素向版面中心聚拢的流程。向心：视觉元素向版面中心聚拢的流程。LOGO3.离心：犹如将石子投入水中，产生一圈一圈向外离心：犹如将石子投入水中，产生一圈一圈向外 扩散的弧线运动。扩散的弧线运动。LOGO其运动不如方向

17、流程强烈，但更富于韵律和秩序。其运动不如方向流程强烈，但更富于韵律和秩序。LOGOLOGO编排的导向有文字导向、线条导向、手势导向、编排的导向有文字导向、线条导向、手势导向、 形象或色彩的导向。形象或色彩的导向。LOGO追求感性、自由随机性、偶合性，追求感性、自由随机性、偶合性，强调空间和动感，求新求刺激的强调空间和动感，求新求刺激的心态。心态。LOGO 在版面上常常采取极端自由无序的散构状态，无论在版面上常常采取极端自由无序的散构状态，无论图形或文字的编排都表现为无主次、无中心的含混关系。图形或文字的编排都表现为无主次、无中心的含混关系。LOGO 版面中不同的视欲，注目程度不同，心理上的感受

18、也不同。版面中不同的视欲，注目程度不同，心理上的感受也不同。上部给人轻快漂浮、积极高昂之感，下部给人压抑、沉重、消极上部给人轻快漂浮、积极高昂之感，下部给人压抑、沉重、消极限制、低矮和稳定之印象，左侧感觉轻便、自由、舒展、富于活限制、低矮和稳定之印象，左侧感觉轻便、自由、舒展、富于活力，右侧感觉紧促、局限却又庄重。力，右侧感觉紧促、局限却又庄重。LOGO在编排方向性视觉在编排方向性视觉流程时，要注意各流程时，要注意各信息要素间间隙大信息要素间间隙大小的节奏感。小的节奏感。LOGO单纯化有两个概念：单纯化有两个概念：1.基本形的简练。基本形的简练。 2.编排结构的简明、单纯。编排结构的简明、单纯

19、。LOGO秩序是指版面各视觉元素组织有规律地形式表现。秩序是指版面各视觉元素组织有规律地形式表现。简明的结构和秩序可以理解为版面的气运走向。简明的结构和秩序可以理解为版面的气运走向。LOGO对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。对比是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。LOGO 对比与调和，对比为强差异，产生冲突；调和为寻求共同点，对比与调和，对比为强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者互为因果，共同营造版面既对比又和谐的完美关系。缓和矛盾。两者互为因果，共同营造版面既对比又和谐的完美关系。LOGO 对称均衡是指版面中心两边或四周的形态具有相

20、同的公约量对称均衡是指版面中心两边或四周的形态具有相同的公约量而形成的静止状态，也称为绝对对称均衡。而形成的静止状态，也称为绝对对称均衡。LOGO 节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。节奏是延续轻快的感觉。LOGO 无论是图形、文字或色彩等视觉要素，在组织上合乎某种无论是图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感，即是韵律。规律时所给予视觉和心理上的节奏感，即是韵律。LOGO 为了强调主体，可有意将其他部分削弱为虚，甚至以留白来衬托为了强调主体，可有意将其他部分削弱为虚，

21、甚至以留白来衬托主体的主体的“实实”，所以，留白是版面，所以，留白是版面“虚虚”处理中一种特殊的手法。处理中一种特殊的手法。LOGO空白小，版面造成拥挤、紧张又热闹；空白大，显得温和、冷静。空白小，版面造成拥挤、紧张又热闹；空白大，显得温和、冷静。LOGO1.字号字号标题字一般大于标题字一般大于1420号字，正文字一般是号字，正文字一般是810号字。号字。标题字标题字正文字正文字2.字体、字号字体、字号在一个版面中，选用三到四种字体为版面最佳视觉效果。在一个版面中，选用三到四种字体为版面最佳视觉效果。LOGO3.行距行距除行距的常规比例外，行宽行窄是依据主题内容需要而定的。除行距的常规比例外，

22、行宽行窄是依据主题内容需要而定的。LOGO1.左右均齐左右均齐 2.齐中齐中字群以中心为轴线。特点为视线字群以中心为轴线。特点为视线更集中。更集中。LOGO3.齐左或齐右齐左或齐右 4.齐上齐上在古文或者一些竖排的文字在古文或者一些竖排的文字中一般采用齐上的对齐方式。中一般采用齐上的对齐方式。LOGO 5.文字绕图排列文字绕图排列LOGO 版面中文字的整体性编排，使版面传达出特有的组织性、秩序版面中文字的整体性编排，使版面传达出特有的组织性、秩序性和设计性，而这种严谨的版面往往传达出良好的品质感。性和设计性，而这种严谨的版面往往传达出良好的品质感。LOGO1.书法字体的图形语言书法字体的图形语

23、言 为表达传统民族信息或追求设计上的某种艺术效果，通常借助为表达传统民族信息或追求设计上的某种艺术效果，通常借助中国的书法字体来表现。中国的书法字体来表现。LOGO2.文字的图形编排文字的图形编排文字的图形化使借助图形的编排形式来表达主题思想。文字的图形化使借助图形的编排形式来表达主题思想。LOGO3.文字图标设计文字图标设计 文字图标的运用不仅在文版、广告、包装等设计中，在文字图标的运用不仅在文版、广告、包装等设计中，在POP展示牌设计中也应用广泛。展示牌设计中也应用广泛。LOGO 文字的互动性一般指文字围绕图形的编排设计所产生文字的互动性一般指文字围绕图形的编排设计所产生的动感性，图文在组

24、织结构产生的和谐性。的动感性，图文在组织结构产生的和谐性。LOGO1.放大文字即增强跳跃率与阅读率放大文字即增强跳跃率与阅读率LOGO2.标题的设计增强跳跃率标题的设计增强跳跃率 文字与图文相互的设计状态，同时也增强了标题在文字与图文相互的设计状态，同时也增强了标题在版面中的互动性、设计性和审美性。版面中的互动性、设计性和审美性。LOGO 以非理性审美观念为依据的设计，版面往往采取极端以非理性审美观念为依据的设计，版面往往采取极端自由无序的方式，如无主次等。自由无序的方式，如无主次等。LOGO图版率是指版面相对于文字、图所占据的面积比叫做图版率。图版率是指版面相对于文字、图所占据的面积比叫做图

25、版率。1.图版率低，减少阅读兴趣图版率低，减少阅读兴趣LOGO2.图版率高，增强阅读活力图版率高，增强阅读活力LOGO1.角版角版角版也称方形版，即画面被直线方框所切割而成。角版也称方形版，即画面被直线方框所切割而成。LOGO2.挖版挖版挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。挖版图也称退底图，即将图片中精彩的图像部分按需要剪裁下来。LOGO3.出血版出血版 出血版，即图形充满或超出版页，无边框的限制，有向外出血版，即图形充满或超出版页，无边框的限制，有向外扩张和舒展之势。扩张和舒展之势。LOGO4.角版、挖版、出血版的组合运用角版、挖版、出血版的组合运用角版沉静，挖版活泼，

26、出血版舒展、大气。角版沉静，挖版活泼，出血版舒展、大气。LOGO视觉度是指文字和图版（插图、照片）在版面中产生的视觉强弱度。视觉度是指文字和图版（插图、照片）在版面中产生的视觉强弱度。LOGOLOGO1.图形产生量感和张力图形产生量感和张力 “量感量感”是指放大图片后版面即产生一种饱满的心理是指放大图片后版面即产生一种饱满的心理量感，以及增强图片的扩张力度。量感，以及增强图片的扩张力度。LOGO2.小图形精密而沉静小图形精密而沉静LOGO3.大小图形比，增强对比度大小图形比，增强对比度LOGO1.左右页的整体设计左右页的整体设计展开页的整体设计建立在形象的对比关系上。展开页的整体设计建立在形象的对比关系上。LOGO2.延续页面的整体设计延续页面的整体设计 除左右页面的整体考虑外，还有整个折页、整本手册页除左右页面的整体考虑外，还有整个折页、整本手册页与页之间、页与整体之间的节奏关系、对比关系以及整本册与页之间、页与整体之间的节奏关系、对比关系以及整