构图与布局设计.docVIP

构图与版面设计 4．1 版式 项目名称：版式 工作任务：收集20张不同类型的海报，将其按构图特点进行分类。 项目时间：4课时 职业能力：了解版式设计的理性思维，掌握版式设计的原则，能清晰的区分常用的版式设计手法。 项目过程：第一节课，收集在版式与构图上具有特点的海报。 学习要求：了解版式设计、掌握版式设计的原则，对不同的版式设计方法有基本的认识。 课程分析：版式设计是电脑美工的基本课程与知识，建议多从模仿优秀的版式作品开始入手，直到将版式的基本原则与方法完全掌握熟练。 4.1.1 什么是版式设计 版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更实现了技术与艺术的高度统一。版式设计可以说是现代设计者所必备的基本功之一。　　所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。将理性思维，个性化地表现出来；一种具有个人风格和艺术特色的视觉传送方式。传达信息的同时，也产生感官上的美感。版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域． 4.1.2 版式设计的原则 1、 主题鲜明突出　 版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。　按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。将文案中的多种信息作整体编排设计，有助于主体形象的建立。在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。　 2、形式与内容统一　 版式设计的前提－版式所追求的完美形式必须符合主题的思想内容。通过完美、新颖的形式，来表达主题。　没有文字的版面，最难设计。　 3、强化整体布局　 强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性。加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。  按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。将文案中的多种信息作整体编排设计，有助于主体形象的建立。在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。强化整体布局－将版面的各种编排要素在编排结构及色彩上作整体设计。加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构。加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性。加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。 4.1.3 版式的基本类型 版式设计可以分为：骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。 骨 格 型 骨格型：规范的、理性的分割方法。 常见的骨格有－竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。 图4-1 图4-2 图4-3 图4-4 满 版 型 满版型：给人大方、舒展的感觉。是商品广告常用的形式。 版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上。 图4-5 图4-6 图4-7 上 下 分 割 型 上下分割型：整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字。图片部分感性而有活力，而文字则理性而静止。 图4-8 图4-9 图4-10 图4-11 左 右 分 割 型 左右分割型：整个版面分割为左右两部分，分别配置文字和图片。　 左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然。如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。 图4-12 图4-13 图4-14 图4-15 中 轴 型 中轴型: 将图形作水平方向或垂直方向排列，文字配置在上下或左右。　 水平排列的版面，给人稳定、安静、平和与含蓄之感。垂直排列的版面，给人强烈的动感。 图4-16 图4-17 图4-18 曲 线 型 曲线型：图片和文字，排列成曲线，产生韵律与节奏的感觉。 图4-19 图4-20 图4-21 图4-22 倾 斜 型　 倾斜型：版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定