平面设计专题：版式设计基础知识

平面设专题讲座——亨特来PPT课件工作室ContentsPage目录页—2—04版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型—3—TransitionPage过渡页04版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型404版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1.1版式设计的定义包装设计版式设计：又称为版面设计、编排设计，它是按照一定的视觉表达内容的需要和审美的规律，结合各种平面设计的具体特点运用各种视觉要素，将各种文字、图形及其他视觉形象元素加以组合编排，进行表现的一种视觉传达的设计方法。它涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。版式设计是设计专业的必修课程，也是基础课程，是现代设计家必须具有的艺术修养和技术知识。504版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1.2版式设计三大视觉要素(1)文字：主题内容(标题、正文、注解等)离不开文字，通过文字获得主要信息。设计者需掌握中外字体的一般常识，不同的字体给人的心理感受不一样，美的字体能使读者感到愉悦,帮助阅读和理解。(2)图形和图像：图片在版面设计中，占有很大的比重，视觉冲击力比文字强85%。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。604版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1.2版式设计三大视觉要素文字版中加入图形图片立即引起视觉流程的变化图形的形式、大小、数量——影响读者注意力主题借助图形、图片来增强文字说服力，提高阅读兴趣。704版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1.2版式设计三大视觉要素明度高：可获得明亮、轻松感；明度低：可获得深沉、庄严感；(3)色彩：色彩较之图文对人的心理影响更为直接，具有更感性的识别性能。现代商业设计对色彩的应用更上升至“色彩行销”的策略，成为商品促销、品牌塑造的重要手段。804版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1.2版式设计三大视觉要素暖色调：可获得温暖、热烈感；冷色调：可获得清冷、宁静、神秘感；—9—TransitionPage过渡页04版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1004版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型2.1基本原则——主题与导读鲜明主题的诱导力：目的：清晰的条理性，最佳形式感，最佳诉求效果。价值：吸引注意力，易解。1104版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型2.2基本原则——形式与内容统一前提：形式符合主题思想内容。常见现象：形式脱离内容，缺乏艺术表现，空洞和刻板。1204版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型2.3基本原则——强化整体布局图与图、图与文在编排结构及色彩上做整体设计。获得整体性的方法：(1)加强整体的结构组织方向视觉秩序，如水平结构、垂直结构、倾斜结构、曲线结构等。(2)加强文案的集合性，将文案中多种信息组合成块状，增强版面文字的条理性和清晰的导读性。(3)加强展开页的整体设计。无论是连页、跨页、折页，或是展开页的设计，均为同一视线下展示的版面，因此加强整体性可以获得更加良好的视觉效果。1304版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型2.4基本原则——技术与艺术的统一设计者应结合现代各种工艺，进行作品的创作，否则设计作品将会在现行技术下无法实施。技术与艺术的统一—14—TransitionPage过渡页04版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型1504版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.1单纯与秩序也就是基本形的简练和编排结构的简明、单纯。运用理性和逻辑思维，对图文资料进行大胆取舍，创建清晰的形式感。单纯化可使版面获得完整、秩序、明了感和良好的视觉效果；反之，则杂乱不堪，造成视觉传达的障碍。3.1.2对比与调和对比，是将相同或相异的视觉元素作强弱对照编排所运用的形式手法。简洁明快的对比关系是获得强烈视觉效果的重要手段。调和，是指内容与形式的调和，版面各部位、各视觉元素之间寻求相互协调的因素，也是在对比的同时寻求调和。对比强调差异，产生冲突；调和寻求共同点，缓和矛盾。1604版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.3对称与均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。绝对对称均衡给人庄重、严肃之感，是高格调的表现，是古典主义版面设计风格的表现，但处理不好容易单调、呆板。绝对对称均衡1704版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.3对称与均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。上下或左右基本相等而略有变化，又称相对对称均衡。相对对称均衡1804版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.3对称与均衡对称与均衡是一对统一体，常表现为既对称又均衡，实质上都是求取视觉心理上的静止和稳定感。关于对称与均衡可以从两方面来分析，即：对称均衡与非对称均衡。非对称均衡是指版面中等量不等形，而求取心理上“量”的均衡状态。非对称均衡比对称均衡更灵活生动，富于变化，是较为流行的均衡手段，具有现代感的特征。非对称均衡1904版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.4节奏与韵律所有的艺术都在不断地向着音乐的境界努力。”——沃尔特.佩特节奏与韵律来自音乐的概念，也是版式设计常用的形式。节奏是均匀的重复，是在不断重复中产生频率节奏的变化，节奏是延续轻快的感觉。如舒缓的小夜曲，又如激烈的摇滚乐。无论图形、文字或色彩等视觉要素，在组织上合乎某种规律时所给予视觉和心理上的节奏感觉，即是韵律。主要建立在以比例、轻重、缓急或反复、渐变为基础的规律形式上。2004版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.4节奏与韵律画面中的韵律感2104版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.1版面设计的编排形式法则3.1.5虚实与留白版面中的“虚”，可为空白，也可为细弱的文字、图形或色彩，主要依具体版面而定。为了强调主体，可有意将其它部分削弱为虚，甚至以留白来衬托主体的“实”，所以留白是版面“虚”处理中一种特殊的手法。版面中的虚实关系为以虚衬实，实由虚托。2204版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.1上下分割型整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字，安静平稳但稍显呆板。因为图片部分感性而有活力，而文字则理性而静止，多以图片要选择动感活泼的，文字应稍多些，从而调节版面效果。2304版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.2左右分割型整个版面分割为左右两部分，分别配置文字和图片。左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。2404版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.2左右分割型由于视觉原因，图片一般放置在左边，右侧配置小图片或者文字。两侧明暗对比强烈效果会更好。2504版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.3倾斜型版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，产生动感，引人注目。对于汽车或者较为呆板的产品宣传，倾斜放置效果较生动。2604版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.4中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感；垂直排列的版面，给人强烈的动感。2704版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型将图形作水平方向或垂直方向排列，文字配置在上下或左右。水平排列的版面，给人稳定、安静、平和与含蓄之感；垂直排列的版面，给人强烈的动感。3.2.5三角型在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。2804版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.6满版型[案例]版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上。满版型，给人大方、舒展的感觉。是商品广告常用的形式。2904版式设计的基本步骤01版式设计的基本概念03版式设计的基本类型02版式设计的基本原则3.2版面设计的常见类型3.2.7并置型将相同或不同的图片作大小相同而位置不同的重复排列并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。—30—TransitionPage过渡页04版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型3104版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型4.1版面设计的基本步骤1.确定主题（需要传达的信息）2.寻找、收集用于表达信息的素材（含文字、图形图像）–文字表达信息最直接、有效，应该简洁、贴切–应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色－色系）3.确定版面视觉元素的布局（类型）4.使用图形图像处理软件进行制作3204版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型4.2案例分析①3304版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型错误1：页边空白太少裁切时稍有疏忽，文字就会被裁掉而影响阅读。页边文字太多，看起来很不舒服。修正方法：设定合适的页边距扩大页面切口处的页边距，然后依据页边距调整文字的位置。4.2案例分析3404版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型②4.2案例分析3504版式设计的基本步骤01版式设计的基本概念02版式设计的基本原则03版式设计的基本类型错误2：不能不考虑订口订口、文字与主要图片中人物的手部发生重合如果是有折痕或有装订的宣传样本，这个部分的内容就会变得难看甚至看不到。修正方法：不要把重要内容放在订口处重新安排主要图像的位置，避免订口与重要内容发生重合。在有中间折缝的印刷品中，需要考虑印刷品完成之后的效果，订口处留有必要的空