编排设计的编排原则hao视觉流程课件

编排设计的原理与规律授课教师：荣树云编排设计的原理与规律授课教师：荣树云1前续课程：三大构成—形式美法则图形创意—创意思维字体设计—基础设计招贴设计—专业设计书籍装帧—专业设计包装设计—专业设计编排认识设计，无需规则，仅凭直觉后续课程：宣传册、网页设计、宣传单页、企业样本、台历、报纸设计等前续课程：三大构成—形式美法则编排设计，无需规则，仅凭直觉后2通过本章的学习掌握编排设计的视觉流程概念，能找到最佳视觉流程并了解如何建立视觉流程；掌握编排设计的造型要素与形式美法则，并能灵活运用造型元素进行编排设计。教学重点：在编排设计中如何建立视觉流程，并能利用视觉流程原理来编排视觉要素。教学难点：能熟练应用编排设计原理进行相关专业的编排设计。教学方法：多媒体教学、理论与实践相结合教学课时：12课时教学目标：通过本章的学习掌握编排设计的视觉流程概念，能找到3第二章编排设计的原理及规律2.1编排设计的原则………..52.2视觉流程……………….302.3编排设计的基本类型….342.4编排设计的实施过程….51第二章编排设计的原理及规律2.1编排设计的原则………..4第一节编排设计的原则版面讲求独创性、艺术性、装饰性、趣味性，这些必须建立在表现形式必需牢牢抓住主题的基础上。版面要充分体现内容的主体思想，用以增强读者的注意力和理解力。表现的主体鲜明突出，是设计思想的最佳表现。版面的表现要单纯、简洁。一、主题突出第一节编排设计的原则版面讲求独创性、艺术性、装饰性、趣5编排设计的编排原则hao视觉流程课件6注重主题思想的强调注重主题思想的强调7DM招贴海报广告此类广告版式设计需要突出推销的产品，而需要说明的文字有很多。形式感的强调，注重视觉流程的重要性形式感的强调，注重视觉流程的重要性DM招贴海报广告此类广告版式设计需要突出推销的产品，而需要说8二、内容与形式的统一二、内容与形式的统一9科技产品的表现方式——现代、科技性、时尚、质感等科技产品的表现方式——现代、科技性、时尚、质感等10包装设计中的编排效果包装设计中的编排效果11三、设计与艺术统一三、设计与艺术统一12设计是对设计者思想境界、艺术修养、技术知识的全面检验；艺术则是通过塑造形象并具体的反映社会会生活表现作者思想情感的一种意识形态。冈特.兰堡（日）冈特.兰堡（日）13编排设计的编排原则hao视觉流程课件14编排设计的编排原则hao视觉流程课件15金特.凯泽德国爵士乐印象金特.凯泽德国爵士乐印象16大卫.卡尔森美国大卫.卡尔森美国17四、趣味与独创四、趣味与独创18高尔基说：“幽默是生活中的一把盐。”艺术性、娱乐性、亲和力——以一种活泼的版式视觉语言来体现形式美的情趣。麦当劳薯条广告摇一摇就会乐！！高尔基说：“幽默是生活中的一把盐。”艺术性、娱乐性、亲和力19编排设计的编排原则hao视觉流程课件20动物保护协会成立130周年设计的招贴。C•彼阿蒂——瑞士画面图形极其简洁凝炼，用简笔画的手法，将天上的鸟、水中的鱼、地上的兽和人构成出一个共生图形，生动地体现出人与动物的共存关系，表现出人要保护动物、保护自然环境和人与动物要和谐相处的主题。用色概括明快，画面恬静优美。动物保护协会成立130周年设计的招贴。C•彼阿蒂——瑞士画面21C•彼阿蒂为欧洲儿童组织招贴C•彼阿蒂为欧洲儿童组织招贴22五、局部与整体五、局部与整体23统筹安排——简洁、明快、给人带来清新醒目的视觉效果。整体性强——体现文案的集合性，也就是集合成块，条理性很强。同一因素的不同形状的表现，也可达到整体性。作品的系列性。色彩的呼应。统筹安排——简洁、明快、给人带来清新醒目的视觉效果。24编排设计的编排原则hao视觉流程课件25编排设计的编排原则hao视觉流程课件26空间与视线的指示性，形成版式的统一方向感空间与视线的指示性，形成版式的统一方向感27编排设计的编排原则hao视觉流程课件28第二节视觉流程视觉流程越清醒越直观，越能顺利的传达版面中的内容，越能够引起读者的共鸣，使读者的阅读思路清晰。

第二节视觉流程视觉流程越清醒越直观，越能顺利的传达2960%40%56%44%33%28%23%16%17%17%44%28%比例最佳视域比例关系如何建立视觉流程2.2.1利用视觉原理建立视觉流程心理学家葛斯达60%40%56%44%33%28%23%16%17%17%30最佳视觉流程——抛物线式最佳视觉流程——抛物线式31最佳视觉流程——九宫格式12341234最佳视觉流程——九宫格式1234123432第三节版面编排的基本类型第三节版面编排的基本类型33

1、单向视觉流程

直式视觉流程：具有稳定性，是一种强固的构图。视线依据直式的中轴线上下移动，给人以直观、坚定之感。横式视觉流程：安宁而平静的构图。视图会以横式的水平左右移动，给人以稳定、恬静、平和之感。斜视的视觉流程：是一种强固而又动态的构图。视线一般从左上角向右下角移动，给人以强烈的运动冲击力。

1、单向视觉流程

直式视觉流程：34示例一示例一35示例二示例二36示例三示例三372、曲线视觉流程圆形视觉流程：视觉依圆环迂回于画面，可长久的吸引观者注意力，给人饱满、扩张之感。S形视觉流程：可将相反的条件相对统一，在平面中增加深度和动感，所构成的回旋也富于变化。2、曲线视觉流程圆形视觉流程：S形视觉流程：38编排设计的编排原则hao视觉流程课件39编排设计的编排原则hao视觉流程课件403、反复视觉流程

以相同或相似的序列反复排列，形成画面形象的连续性，给人安定感、整齐感、秩序化和规律的统一感。特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出、以打破规律性。由于这种局部的，少量的突变，突破了常规的单调性与雷同性，称为版面的趣味中心，产生醒目、生动感人的视觉效果。3、反复视觉流程以相同或相似的序列反复排列，形成画面形象的41编排设计的编排原则hao视觉流程课件42编排设计的编排原则hao视觉流程课件434、导向视觉流程十字形视觉流程是垂直线和水平线对称的交叉构图。也有斜形交叉的形式。其视线的主要点集中于十字的交叉点，使得重点突出。发挥最大的信息传达功能。发散式视觉流程以文字或点、线等形象作为视线诱导，将多种条件集中于一个主要点上，具有多样统一的综合视觉效果。编排设计中的导线表现多样，虚实相生，富于运动变化。4、导向视觉流程十字形视觉流程44示例三示例三45示例二示例二46示例一示例一475、分散视觉流程版面的图与文字间成自由分散状态的编排。是打破常规的秩序与规律，以强调感性、随意性、自由性的表现形式。但点、线、面和色块的构成潇洒随意，细看则会发现在富于变化的活泼形象之中，形式关系各要素之间的结构却极为严格。5、分散视觉流程版面的图与文字间成自由分散状态的编排。是打破48编排设计的编排原则hao视觉流程课件49版式设计过程实例分析草图一a.这是设计者为自己的简略构想所画的几个铅笔草图。大体设定图案与文字的相关位置，哄托出整体的风格。版式设计过程实例分析草图一a.这是设计者为自己的简略构想所画50

b.以草图中的构想为基础，制作出的彩色样稿。草图二b.以草图中的构想为基础，制作出的彩色样稿。草图二51

c.这是对作品中文字及字体的校正稿。其中还包括图文的位置、线框的粗细等。c.这是对作品中文字及字体的校正稿。其中还包括图文的位置、52

d.设计最终的效果，虚实关系十分明了。d.设计最终的效果，虚实关系十分明了。53本章思考题：编排设计中的视觉流程如何建立？编排设计的造型要素有哪些？如何正确理解编排设计中的空间、动势、肌理群组？编排设计中的形式美法则有哪些?本章思考题：编排设计中的视觉流程如何建立？54授课完毕谢谢授课完毕谢谢55演讲完毕，谢谢观看！演讲完毕，谢谢观看！56编排设计的原理与规律授课教师：荣树云编排设计的原理与规律授课教师：荣树云57前续课程：三大构成—形式美法则图形创意—创意思维字体设计—基础设计招贴设计—专业设计书籍装帧—专业设计包装设计—专业设计编排认识设计，无需规则，仅凭直觉后续课程：宣传册、网页设计、宣传单页、企业样本、台历、报纸设计等前续课程：三大构成—形式美法则编排设计，无需规则，仅凭直觉后58通过本章的学习掌握编排设计的视觉流程概念，能找到最佳视觉流程并了解如何建立视觉流程；掌握编排设计的造型要素与形式美法则，并能灵活运用造型元素进行编排设计。教学重点：在编排设计中如何建立视觉流程，并能利用视觉流程原理来编排视觉要素。教学难点：能熟练应用编排设计原理进行相关专业的编排设计。教学方法：多媒体教学、理论与实践相结合教学课时：12课时教学目标：通过本章的学习掌握编排设计的视觉流程概念，能找到59第二章编排设计的原理及规律2.1编排设计的原则………..52.2视觉流程……………….302.3编排设计的基本类型….342.4编排设计的实施过程….51第二章编排设计的原理及规律2.1编排设计的原则………..60第一节编排设计的原则版面讲求独创性、艺术性、装饰性、趣味性，这些必须建立在表现形式必需牢牢抓住主题的基础上。版面要充分体现内容的主体思想，用以增强读者的注意力和理解力。表现的主体鲜明突出，是设计思想的最佳表现。版面的表现要单纯、简洁。一、主题突出第一节编排设计的原则版面讲求独创性、艺术性、装饰性、趣61编排设计的编排原则hao视觉流程课件62注重主题思想的强调注重主题思想的强调63DM招贴海报广告此类广告版式设计需要突出推销的产品，而需要说明的文字有很多。形式感的强调，注重视觉流程的重要性形式感的强调，注重视觉流程的重要性DM招贴海报广告此类广告版式设计需要突出推销的产品，而需要说64二、内容与形式的统一二、内容与形式的统一65科技产品的表现方式——现代、科技性、时尚、质感等科技产品的表现方式——现代、科技性、时尚、质感等66包装设计中的编排效果包装设计中的编排效果67三、设计与艺术统一三、设计与艺术统一68设计是对设计者思想境界、艺术修养、技术知识的全面检验；艺术则是通过塑造形象并具体的反映社会会生活表现作者思想情感的一种意识形态。冈特.兰堡（日）冈特.兰堡（日）69编排设计的编排原则hao视觉流程课件70编排设计的编排原则hao视觉流程课件71金特.凯泽德国爵士乐印象金特.凯泽德国爵士乐印象72大卫.卡尔森美国大卫.卡尔森美国73四、趣味与独创四、趣味与独创74高尔基说：“幽默是生活中的一把盐。”艺术性、娱乐性、亲和力——以一种活泼的版式视觉语言来体现形式美的情趣。麦当劳薯条广告摇一摇就会乐！！高尔基说：“幽默是生活中的一把盐。”艺术性、娱乐性、亲和力75编排设计的编排原则hao视觉流程课件76动物保护协会成立130周年设计的招贴。C•彼阿蒂——瑞士画面图形极其简洁凝炼，用简笔画的手法，将天上的鸟、水中的鱼、地上的兽和人构成出一个共生图形，生动地体现出人与动物的共存关系，表现出人要保护动物、保护自然环境和人与动物要和谐相处的主题。用色概括明快，画面恬静优美。动物保护协会成立130周年设计的招贴。C•彼阿蒂——瑞士画面77C•彼阿蒂为欧洲儿童组织招贴C•彼阿蒂为欧洲儿童组织招贴78五、局部与整体五、局部与整体79统筹安排——简洁、明快、给人带来清新醒目的视觉效果。整体性强——体现文案的集合性，也就是集合成块，条理性很强。同一因素的不同形状的表现，也可达到整体性。作品的系列性。色彩的呼应。统筹安排——简洁、明快、给人带来清新醒目的视觉效果。80编排设计的编排原则hao视觉流程课件81编排设计的编排原则hao视觉流程课件82空间与视线的指示性，形成版式的统一方向感空间与视线的指示性，形成版式的统一方向感83编排设计的编排原则hao视觉流程课件84第二节视觉流程视觉流程越清醒越直观，越能顺利的传达版面中的内容，越能够引起读者的共鸣，使读者的阅读思路清晰。

第二节视觉流程视觉流程越清醒越直观，越能顺利的传达8560%40%56%44%33%28%23%16%17%17%44%28%比例最佳视域比例关系如何建立视觉流程2.2.1利用视觉原理建立视觉流程心理学家葛斯达60%40%56%44%33%28%23%16%17%17%86最佳视觉流程——抛物线式最佳视觉流程——抛物线式87最佳视觉流程——九宫格式12341234最佳视觉流程——九宫格式1234123488第三节版面编排的基本类型第三节版面编排的基本类型89

1、单向视觉流程

直式视觉流程：具有稳定性，是一种强固的构图。视线依据直式的中轴线上下移动，给人以直观、坚定之感。横式视觉流程：安宁而平静的构图。视图会以横式的水平左右移动，给人以稳定、恬静、平和之感。斜视的视觉流程：是一种强固而又动态的构图。视线一般从左上角向右下角移动，给人以强烈的运动冲击力。

1、单向视觉流程

直式视觉流程：90示例一示例一91示例二示例二92示例三示例三932、曲线视觉流程圆形视觉流程：视觉依圆环迂回于画面，可长久的吸引观者注意力，给人饱满、扩张之感。S形视觉流程：可将相反的条件相对统一，在平面中增加深度和动感，所构成的回旋也富于变化。2、曲线视觉流程圆形视觉流程：S形视觉流程：94编排设计的编排原则hao视觉流程课件95编排设计的编排原则hao视觉流程课件963、反复视觉流程

以相同或相似的序列反复排列，形成画面形象的连续性，给人安定感、整齐感、秩序化和规律的统一感。特异视觉流程：是构成要素在秩序的关系里，有意违反秩序。使少数、个别的要素显得突出、以打破规律性。由于这种局部的，少量的突变，突破了常规的单调性与雷同性，称为版面的趣味中心，产生醒目、生动感人的视觉效果。3、反复视觉流程以相同或相似的序列反复排列，形成画面形象的97编排设计的编排原则hao视觉流程课件98编排设计的编排原则hao视觉流程课件994、导向视觉流程十字形视觉流程是垂直线和水平线对称的交叉构图。也有斜形交叉的形式。其视线的主要点集中于十字的交叉点，使得重点突出。发挥最大的信息传达功能。发散