版式设计之一点线面ppt课件

版式设计版式设计版式设计1一、点、线、面的构成一、点、线、面的构成2一、版式设计原理一、版式设计原理 空间的编排构成空间的编排构成1 1、点的空间编排构成、点的空间编排构成 世上万物的形态千变万化，归纳这些空间的形态世上万物的形态千变万化，归纳这些空间的形态均属于点、线、面的分类构成，均属于点、线、面的分类构成，它们彼此交织，相互补充相互衬托，有序地构成缤纷的世界。在设计中也同样，任何一种版式设计在空间原理上均归于点、线、面的分类。点、线、面是几何学的概念，也是版式设计的基本元素和主要的视觉语言形式。一、版式设计原理 空间的编排构成3一、点、线、面的构成点的构成一、点、线、面的构成点的构成4点的构成一、点、线、面的构成点的构成一、点、线、面的构成5一、点、线、面的构成点的构成一、点、线、面的构成点的构成6点的构成版面中的点版面中的点:由于大小、形态、位置不同，所产生的视觉效果也不同，心理的作用也不同。点的构成版面中的点:7点的构成点的构成8点的构成一、点、线、面的构成点的构成一、点、线、面的构成9点的构成点与线面点的构成点与线面10点的构成点的构成11点的构成点的构成12、线的空间编排构成、线的空间编排构成 点移动的轨迹为线。点移动的轨迹为线。线的形态很复杂，有形态明确的实线、虚线、也有空间的视觉流动线。然而，人们一般对线的概念都年仅停留于版面中形态明确的线，对于空间的视觉流动线却往往容易忽略。实际上，我们在阅读一幅画的过程中，视线是谁各元素的运动流程而移动的，对这一过程人人都有体会，只是人们不习惯注意自己构筑在视觉心里上这条既虚又实的“线”，因而容易忽略或视而不见。实际上，这条空间的视觉流动线对于每位设计师来讲有着相当重要的意义。、线的空间编排构成13线的构成线的构成14线的构成线的构成15线的构成线的构成16线的构成线的构成17线的构成线的构成18线的构成线的构成19线的构成线的构成20线的构成线的构成21线的构成线的分割线的构成线的分割22线的构成线的分割线的构成线的分割23线的构成线的分割线的构成线的分割24线的构成线的空间力场线的构成线的空间力场25线的构成线框的空间约束线的构成线框的空间约束26、面的空间编排构成、面的空间编排构成 面在版面中的概念可理解为点的放大，点的密集或线的重复点的密集或线的重复。另外，线的分割产生各种比例的空间，同时也形成各种比例关系的面。面在版面中具有平衡、丰富空间层次，烘托及深化主题的作用。、面的空间编排构成27面的构成面的构成28面的构成面的构成29面的构成面的构成30面的构成面的构成31面的构成面的构成32面的构成面的构成33面的构成面的构成34点的构成点与线面点的构成点与线面35点的构成点与线点的构成点与线36二、视觉流程二、视觉流程37二、版式的视觉流程二、版式的视觉流程 版式设计的视觉流程是一种“空间的运动”，是视线随各元素在空间沿一定轨迹运动的过程。这种视觉在空间的流动线为“虚线”。视觉流程可以从理性与感性、方向关系的流程与散点流程来分析。视觉流程运用的好坏，是设计师技巧是否成熟的表现 二、版式的视觉流程38 方向关系的流程强调逻辑，注重版面清晰的脉络，似乎有一条线、一股气贯穿 其内，使整个版面的运动趋势有“主体旋律”，细节与主体犹如树干和树脂枝一样和谐。方向关系流程较散点关系流程更具理性色彩。方向关系流程表现为以下几种形式：方向关系的流程强调逻辑，注重版面清晰的脉络，似乎39方向关系流程：方向关系流程：单项视觉流曲线的视觉流程 重心的视觉流程反复的视觉流程导向的视觉流程方向关系流程：方向关系流程：耗散视觉流程方向关系流程：单项视觉流方向关系流程：耗散视觉流程401、单向视觉流程 竖向视觉流程竖向视觉流程坚定、肯定横向视觉流程稳定、平静斜向视觉流程冲击力强、动感及注目度高1、单向视觉流程竖向视觉流程坚定、肯定41斜线视觉流程斜线视觉流程42横向视觉流程横向视觉流程432 曲线视觉流程2 曲线视觉流程443 重心视觉流程3 重心视觉流程453 重心视觉流程3 重心视觉流程464反复视觉流程4反复视觉流程474反复视觉流程4反复视觉流程485 导向流程5 导向流程495 导向视觉流程5 导向视觉流程505 导向视觉流程5 导向视觉流程515 导向视觉流程5 导向视觉流程526、散构的视觉流程指版面图与图、图与文字间成分散状态的编排。可谓图文的散构或图文的耗散性。追求个性、自由随机性、偶合性，强调空间和动感，求新求刺激的心态，随意的编排形式,它冲击着中国传统的设计思想，传统的排版方式，是新与旧、现代与传统的文化冲击。传统设计思维:严谨的、完整的、秩序的、静态的、理性的6、散构的视觉流程严谨的、完整的、秩序的、静态的、理性的536 散点视觉流程6 散点视觉流程546 散点流程6 散点流程55最佳视域最佳视域56前项 方向视觉流程-理性编排方向视觉流程，注意各信息要素间的间隙大小若间隙大，节奏减慢，视觉流程显舒展；而过分增大则失去联系，彼此不能呼应，视觉流程减弱。若间隙小，节奏强而有力，信息可视性高，布局显得紧凑；但间隙过小会显得紧张而拥挤，造成视觉疲累，无清晰快捷地传达主题。散构视觉流程-感性 突破 创新 具有现代气息前项 方向视觉流程-理性感性 突破 创新 57