版式设计之一点线面课件

版式设计版式设计1一、点、线、面的构成一、点、线、面的构成2一、版式设计原理－－空间的编排构成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前５项方向视觉流程-----理性编排方向视觉流程，注意各信息要素间的间隙大小若间隙大，节奏减慢，视觉流程显舒展；而过分增大则失去联系，彼此不能呼应，视觉流程减