版式设计完整

1、Layout Design 版式版式设计设计版式设计版式设计 课程章节课程章节第一章第一章 版式设计基本概念版式设计基本概念一、版式设计的概念 二、版式设计的应用 三、版式设计的发展史 第二章第二章 版式设计的原则版式设计的原则 一、主题突出二、简明易懂 三、内容与形式四、布局协调 第三章第三章 版式设计的元素编排版式设计的元素编排 一、构成要素的编排与设计（文字、图版、色彩）二、视觉要素的编排与设计（点、线、面、空间）第四章第四章 版式视觉流程版式视觉流程 一、直线视觉流程 二、曲线视觉流程 三、焦点视觉流程 四、导向视觉流程 五、散点视觉流程 六、反复视觉流程 第五章第五章 版式编排法则版

2、式编排法则 一、理性原则 二、感性原则 第六章第六章 版式编排类型版式编排类型 一、上下型 二、左右型 三、中心型四、分割型五、对角型六、远近型 第七章第七章 版面设计的应用版面设计的应用一、报纸版面设计 二、杂志版面排设计 三、其他版面设计目目 录录版式设计版式设计 概念概念第一章第一章 版式设计基本概念版式设计基本概念 又称版面设计、编排设计，是平面设计的重要组成部分，有限的空间中，将版面构成要素构成要素：文字、文字、图片图形、线条线框和颜色色块图片图形、线条线框和颜色色块等元素，按照特定内容的需要进行组合排列，把构思与计划以视觉形式表达出来。 第一章第一章 版式设计基本概念版式设计基本概

3、念 广泛应用应用到设计的各个领域，海报招贴设计侧重于图形元素的创作，报纸杂志则侧重文字编排元素，包装设计则是图形、文字与色块的综合编排。版式设计版式设计 应用应用第一章第一章 版式设计基本概念版式设计基本概念 版式设计版式设计 古代发展历史古代发展历史埃及死亡之书埃及死亡之书第一章第一章 版式设计基本概念版式设计基本概念 1515世纪，欧洲开始用木块雕刻文世纪，欧洲开始用木块雕刻文字，字，1919世纪，印刷和造纸技术的世纪，印刷和造纸技术的发展，为平面设计的发展打下基发展，为平面设计的发展打下基础。础。版式设计版式设计 古典主义发展历古典主义发展历史史英国人莫里斯，是古典主义版面的创始人，设计

4、风格严谨、朴素大方，十分简洁、淡雅、哥特式，偏男性化。在版面中采用对称式构图，美观的字体，新颖的版面编排和精美的装饰纹样，倡导的工艺美术运动工艺美术运动在欧美造成了惊人的效果和广泛的影响。第一章第一章 版式设计基本概念版式设计基本概念 版式设计版式设计 古典主义发展历古典主义发展历史史导的新艺术运动新艺术运动曲线、柔美、自然纹样、巴洛克式的女性化，装饰艺术运动装饰艺术运动装饰性几何化、平面化，明快、简练构图布局宽松，由对称式结构转为均衡式构图第一章第一章 版式设计基本概念版式设计基本概念 版式设计版式设计 现代主义发展历现代主义发展历史史20世纪初的先锋艺术，理论基础是蔑视和颠覆颓废文化，成为

5、现代造型的先驱，达达主义达达主义反对任何艺术风格，拒绝任何造型准则的概念化，要求培养简朴纯正的造型观念。第一章第一章 版式设计基本概念版式设计基本概念 版式设计版式设计 现代主义发展历现代主义发展历史史俄国人李斯基是构成主义构成主义的创始人。构成主义在点、线、面和色彩处理上运用规律排列、追求秩序美。以理性简洁的几何形态构成图形。着重刻画节奏美和抽象美，开创了现代版面构成的先河。两个正方形的故事两个正方形的故事荷兰风格派荷兰风格派是重要的现代主义设计运动，特点是简单的纵横编排方式，简单、结构抽象，追求非对称中的视觉平衡。蒙德里安蒙德里安红、黄、蓝构成红、黄、蓝构成第一章第一章 版式设计基本概念版

6、式设计基本概念 版式设计版式设计 现代主义发展历现代主义发展历史史1919年年德国德国人格罗佩斯创立人格罗佩斯创立的的包豪斯包豪斯设计学院，是现代设计学院，是现代设计的先驱与摇篮，开创了现代设计的先驱与摇篮，开创了现代设计的新纪元。为现代版面构成设计的新纪元。为现代版面构成打下了坚实的基础。打下了坚实的基础。第一章第一章 版式设计基本概念版式设计基本概念 版式设计版式设计 现代主义发展历现代主义发展历史史国际主义风格：国际主义风格：通过简单的网格结构和标准化的版面公式，达到设计上的统一性。强调功能与形式，达到高度的可读性”瑞士骨骼瑞士骨骼“的编排方法，被运用到书籍装帧及杂质报纸的设计上。后现代

7、主义下，数码革命的掀起，后现代主义下，数码革命的掀起，节省大量修改时间，为完美的方节省大量修改时间，为完美的方案进行优化，风格多变，视觉要案进行优化，风格多变，视觉要素多种可能性的组合，处理各种素多种可能性的组合，处理各种图形，模糊边缘，增加层次的关图形，模糊边缘，增加层次的关系，空间充满进深感，肌理创造系，空间充满进深感，肌理创造更复杂，快速建立各种骨骼。更复杂，快速建立各种骨骼。第二章第二章 版式设计的原则版式设计的原则 版式设计版式设计 主题突出主题突出使版面产生清晰的条理性，利用使版面产生清晰的条理性，利用元素合理的组织更好突出主题，元素合理的组织更好突出主题，达到最佳传达信息的效果。

8、达到最佳传达信息的效果。按照主从关系的顺序，使产品本身成为主体形象，占据版面的设计中心。第二章第二章 版式设计的原则版式设计的原则 版式设计版式设计 主题突出主题突出将文章中各种信息整体编排，注意与主体的关系，这样会使主题鲜明，使人一目了然。 使主体处在被强调的位置上，如主体周围增强空白，或处理成前明后暗的效果。第二章第二章 版式设计的原则版式设计的原则 版式设计版式设计 简明易懂简明易懂由于平面类的设计只能在有限的由于平面类的设计只能在有限的空间里与读者交流，这就要求版空间里与读者交流，这就要求版面的单纯，简洁，通过对信息的面的单纯，简洁，通过对信息的浓缩处理，才能精炼的表达内容，浓缩处理，

9、才能精炼的表达内容，形成新颖的艺术构思。形成新颖的艺术构思。第二章第二章 版式设计的原则版式设计的原则 版式设计版式设计 内容和形式内容和形式形式完美，并且符合主题的思想形式完美，并且符合主题的思想内容。形式受制于设计本身的主内容。形式受制于设计本身的主题与内容。否则只能是空洞呆板题与内容。否则只能是空洞呆板的作品。的作品。第二章第二章 版式设计的原则版式设计的原则 版式设计版式设计 布局协调布局协调整个版面如何在结构上及色彩上整个版面如何在结构上及色彩上达到一种整体的效果，使版面具达到一种整体的效果，使版面具有秩序美，条理性，从而获得良有秩序美，条理性，从而获得良好的视觉效果，这也是版面编排

10、好的视觉效果，这也是版面编排设计的一个重要原则设计的一个重要原则第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 图版的编排与设计图版的编排与设计第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 图版的编排与设计图版的编排与设计第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 图版的编排与设计图版的编排与设计第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计如何经营点、线、面如何经营点、线、面点一个数字、字母、页码线一行文字、空白面一个色块、一段文字、一块空白第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计

11、 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点

12、的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 点的编排点的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章

13、第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 线的编排线的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式

14、设计的元素编排版式设计的元素编排版式设计版式设计 面的编排面的编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排通过比例展示空间通过比例展示空间 视觉经验中大的物体近，小的物体远，利用这种特性，将主要形象放大，次要形象缩小，建立良好的远、中、近层次，使版面主体突出，节奏明快。 第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排通过黑、白、灰关系展示空间通过黑

15、、白、灰关系展示空间 无论有色、无色版面都可以归纳为黑、白、灰的空间构成。一般来说版面中感觉最强烈的是白色，其次为黑色，而灰色的感觉最迟钝，所以可以认为白色是版面的近景，灰色为中景，黑色为远景。 第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排通过位置关系展示空间通过位置关系展示空间 前后叠加排列产生远、中、近层次，疏的编排近，密的编排远 第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排第三章第三章 版式设计的元素编排版式设计的元素编排版式

16、设计版式设计 空间编排空间编排通过肌理对比展示空间通过肌理对比展示空间 肌理明显的形象近，肌理模糊的形象远 第三章第三章 版式设计的元素编排版式设计的元素编排版式设计版式设计 空间编排空间编排第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则均衡均衡通过协调画面各要素在主次、强弱的差异关系，来取得设计视觉的美感及与内容相配的逻辑性。位置、大小、色调、位置、大小、色调、肌理肌理第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计

17、感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则对比对比将相互对比的画面视觉要素进行处理、配置的构图方式。形态对比、大小对比、形态对比、大小对比、动势对比、色调对比、动势对比、色调对比、肌理对比等。肌理对比等。第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法

18、则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章

19、版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则自由自由指一些运用非规则的方法对画面要素进行编排配置的构图方法。自由的构图方式，完全依赖于人对视觉形象的直觉判断，有时这种方式也表现为设计师情感方面的宣泄与暗示。第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第四章第四章 版式编排法则版式编排法则版式设计版式设计 感性法则感性法则第六章第六章 版式编排类型版式编排类型版式设计版式设计上下上下左右左右中心中心分割分割对角对角远近远近第六章第六章 版式编排类型版式编排类型版式设计版式设计 上