版式设计骨骼分割和网格课件.ppt

《版式设计骨骼分割和网格课件.ppt》由会员分享，可在线阅读，更多相关《版式设计骨骼分割和网格课件.ppt（53页珍藏版）》请在三一办公上搜索。

1、第二章：版式骨骼与网格设计,骨骼设计 正常骨骼 变形骨骼自由构成网格系统,版式,3.5 骨骼设计1、骨骼设计骨骼或分割设计是一种严谨、规范、理性的设计方法。骨骼的基本原理是将版面刻意按照骨骼的规则，有序地分割成大小相等的空间单位。常见的骨骼分割法有：横向和竖向的通栏、双栏、三栏、四栏，也有竖向与横向同时进行分割，如四栏、六栏、八栏等。,骨骼设计（分割设计）,是一种严谨、规范、理性的设计方法,常见的骨骼分割法：竖向（通栏、双栏、三栏、四栏）； 横向（通栏、双栏、三栏、四栏）； 竖向横向同时分割（四栏、六栏、八 栏、十二栏）,正常骨骼,2、变形骨骼变形骨骼是在骨骼设计的基础上变化发展的，它是在骨骼

2、的基础上，通过合并、取舍部分骨骼，寻求新的造型变化，所产生的造型无穷无尽，并且富有活力与生命，富有设计的魅力，深受读者的喜爱。在一个版面中，常采用多种骨骼并存的手法，以增强版面的生动性和艺术性。,变形骨骼,变形骨骼,变形骨骼,变形骨骼,3.自由构成图或文字 、点或线的构成关系都充斥着随机无序、无主次、无中心、相互矛盾、相互排斥，以及极端的耗散编排。这种风格带给我们更轻松、自由、活力的人性化设计，也是时尚前卫的标志。,自由构成,自由构成,自由构成,分割,网格系统与版式的关系,网格系统与版式设计,版式设计离不开网格系统，但版式又可以分为网格型和网格自由型，我们今天要学习的就是网格型的版面设计。版式

3、设计不仅提供阅读的信息，而且是一篇文章中由行列织成的肌质。,网格系统与版式设计,网格系统与版式设计,今天我们就从正方形的九宫格谈网格系统的基本原理，再了解了网格系统的基本原理后，就可进一步探究各种类型版面的不同的网格设计,栅格系统与版式设计,版面设计中的网格系统分三种类别：水平构成水平/垂直构成倾斜构成,网格系统与版式设计,限制和选择,我们需要得到的：一个版面一些构图要素一些简明的规则,水平系列中，所有的矩形要素必须保持水平；在水平/垂直系列中，所有的矩形要素必须保持水平/垂直在倾斜系列中，所有的矩形要素必须同样倾斜或对比性倾斜所有的矩形要素都必须使用不能有矩形要素超出这个版面矩形要素可以差不

4、多相切，但不能重叠矩形要素的长度要正好吻合一个、两个、三个视觉方块的宽度。,网格系统与版式设计,限制和选择,正确，所有的要素都水平的，所有的要素都用上了，而且没有超出版面，没有重叠，圆可以放在任何位置，但不和其他要素重叠,错误，在水平系列中，所有的构成要素必须水平，,网格系统与版式设计,网格系统与版式设计,限制和选择,错误，构成要素不能重叠，不能超出版面,错误，构成要素的长度必须吻合横格,网格系统与版式设计,组合,要素之间紧密联系，产生直接的视觉关系相同或不同的要素组合在一起就产生了韵律和节奏产生大片的肌理感版面构成被简化，而虚空间或未被使用的空间区域得到强化，鲜明的秩序被建立,没有组合如果没

5、有组合，就有7个独立的视觉要素，版面显得缺乏组织，杂乱,有组合通过组合，构成要素的数量减少，结构简化，并且强化了虚空间,网格系统与版式设计,网格系统与版式设计,组合,组合相同的要素相同宽度的矩形要素可以被组合在一起,组合不同的要素不同宽度的矩形要素可以被组合在一起,网格系统与版式设计,虚空间,当那些构成要素没有得到很好的组合，每一个周围都是虚空间时，那些虚空间就会显得杂多，整体构成显得无序，无组织。当那些构成要素组合在一起后，虚空间就会变少也变大，一个简化之后感觉更加协调的整体构成就会建立起来。,未组合：杂乱的虚空间在这个没有组合的构成中，至少有10个空白矩形，这个构成显得无序，在视觉上毫无吸

6、引力。,网格系统与版式设计,虚空间,组合后：简化的虚空间在这个组合的结构中，于6个空白矩形。这些空间不仅在数量上减少，而且也变得更大，所有看起来更加舒适。,栅格系统与版式设计,四边的联系,如果没有任何构成元素靠近顶端边线和底端边线（入图），虚空间就会挤压构成要素，整个结构就显得缥缈无根。相反，虚空间就能很好的利用，整个构成会因为这种视觉扩张而显得大气。,弱的四边联系由于没有要素连着顶线和底线，沉重而呆滞的空白空间就充塞了这个构成的顶和底,强的四边联系由于构成与四边都有接触，所有空间都被激活，版面看起来很舒展,网格系统与版式设计,栅格系统与版式设计,轴的联系,网格中的构成要素会形成一些轴列，当一根轴出现在结构内部时，就形成了鲜明的视觉关系，结构就有了视觉秩序感。左边线和右边线的轴虽然也能带来秩序感，但视觉上显得很弱。单独一个构成要素不能创造出一根轴，两个或更多的构成要素才能建立起轴。一般，成线性排列的要素越多，轴就会显得越牢靠。,弱的轴联系在这个构成中，左边的轴联系很弱，这轴在左边线上，就使视觉离开了整个版面,强的轴联系中间一栏上的这两根轴在视觉上就感觉强健有力，因为有更多的构成要素线性排列在这两根轴上,栅格系统与版式设计,