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

2019 12 19 1 第二章 版式骨骼与网格设计 骨骼设计正常骨骼变形骨骼自由构成网格系统 2019 12 19 2 版式 2019 12 19 3 3 5骨骼设计1 骨骼设计骨骼或分割设计是一种严谨 规范 理性的设计方法 骨骼的基本原理是将版面刻意按照骨骼的规则 有序地分割成大小相等的空间单位 常见的骨骼分割法有 横向和竖向的通栏 双栏 三栏 四栏 也有竖向与横向同时进行分割 如四栏 六栏 八栏等 2019 12 19 4 2019 12 19 5 2019 12 19 6 2019 12 19 7 骨骼设计 分割设计 是一种严谨 规范 理性的设计方法 常见的骨骼分割法 竖向 通栏 双栏 三栏 四栏 横向 通栏 双栏 三栏 四栏 竖向横向同时分割 四栏 六栏 八栏 十二栏 2019 12 19 8 2019 12 19 9 正常骨骼 2019 12 19 10 2 变形骨骼变形骨骼是在骨骼设计的基础上变化发展的 它是在骨骼的基础上 通过合并 取舍部分骨骼 寻求新的造型变化 所产生的造型无穷无尽 并且富有活力与生命 富有设计的魅力 深受读者的喜爱 在一个版面中 常采用多种骨骼并存的手法 以增强版面的生动性和艺术性 2019 12 19 11 变形骨骼 2019 12 19 12 2019 12 19 13 2019 12 19 14 2019 12 19 15 变形骨骼 2019 12 19 16 变形骨骼 2019 12 19 17 变形骨骼 2019 12 19 18 3 自由构成图或文字 点或线的构成关系都充斥着随机无序 无主次 无中心 相互矛盾 相互排斥 以及极端的耗散编排 这种风格带给我们更轻松 自由 活力的人性化设计 也是时尚前卫的标志 2019 12 19 19 2019 12 19 20 自由构成 2019 12 19 21 自由构成 2019 12 19 22 自由构成 2019 12 19 23 2019 12 19 24 2019 12 19 25 分割 2019 12 19 26 2019 12 19 27 2019 12 19 28 2019 12 19 29 2019 12 19 30 2019 12 19 31 2019 12 19 32 2019 12 19 33 2019 12 19 34 2019 12 19 35 2019 12 19 36 网格系统与版式的关系 2019 12 19 37 网格系统与版式设计 版式设计离不开网格系统 但版式又可以分为网格型和网格自由型 我们今天要学习的就是网格型的版面设计 版式设计不仅提供阅读的信息 而且是一篇文章中由行列织成的肌质 2019 12 19 38 网格系统与版式设计 2019 12 19 39 网格系统与版式设计 今天我们就从正方形的九宫格谈网格系统的基本原理 再了解了网格系统的基本原理后 就可进一步探究各种类型版面的不同的网格设计 2019 12 19 40 栅格系统与版式设计 版面设计中的网格系统分三种类别 水平构成水平 垂直构成倾斜构成 2019 12 19 41 网格系统与版式设计 限制和选择 我们需要得到的 一个版面一些构图要素一些简明的规则 水平系列中 所有的矩形要素必须保持水平 在水平 垂直系列中 所有的矩形要素必须保持水平 垂直在倾斜系列中 所有的矩形要素必须同样倾斜或对比性倾斜所有的矩形要素都必须使用不能有矩形要素超出这个版面矩形要素可以差不多相切 但不能重叠矩形要素的长度要正好吻合一个 两个 三个视觉方块的宽度 2019 12 19 42 网格系统与版式设计 限制和选择 正确 所有的要素都水平的 所有的要素都用上了 而且没有超出版面 没有重叠 圆可以放在任何位置 但不和其他要素重叠 错误 在水平系列中 所有的构成要素必须水平 2019 12 19 43 网格系统与版式设计 2019 12 19 44 网格系统与版式设计 限制和选择 错误 构成要素不能重叠 不能超出版面 错误 构成要素的长度必须吻合横格 2019 12 19 45 网格系统与版式设计 组合 要素之间紧密联系 产生直接的视觉关系相同或不同的要素组合在一起就产生了韵律和节奏产生大片的肌理感版面构成被简化 而虚空间或未被使用的空间区域得到强化 鲜明的秩序被建立 没有组合如果没有组合 就有7个独立的视觉要素 版面显得缺乏组织 杂乱 有组合通过组合 构成要素的数量减少 结构简化 并且强化了虚空间 2019 12 19 46 网格系统与版式设计 2019 12 19 47 网格系统与版式设计 组合 组合相同的要素相同宽度的矩形要素可以被组合在一起 组合不同的要素不同宽度的矩形要素可以被组合在一起 2019 12 19 48 网格系统与版式设计 虚空间 当那些构成要素没有得到很好的组合 每一个周围都是虚空间时 那些虚空间就会显得杂多 整体构成显得无序 无组织 当那些构成要素组合在一起后 虚空间就会变少也变大 一个简化之后感觉更加协调的整体构成就会建立起来 未组合 杂乱的虚空间在这个没有组合的构成中 至少有10个空白矩形 这个构成显得无序 在视觉上毫无吸引力 2019 12 19 49 网格系统与版式设计 虚空间 组合后 简化的虚空间在这个组合的结构中 于6个空白矩形 这些空间不仅在数量上减少 而且也变得更大 所有看起来更加舒适 2019 12 19 50 栅格系统与版式设计 四边的联系 如果没有任何构成元素靠近顶端边线和底端边线 入图 虚空间就会挤压构成要素 整个结构就显得缥缈无根 相反 虚空间就能很好的利用 整个构成会因为这种视觉扩张而显得大气 弱的四边联系由于没有要素连着顶线和底线 沉重而呆滞的空白空间就充塞了这个构成的顶和底 强的四边联系由于构成与四边都有接触 所有空间都被激活 版面看起来很舒展 2019 12 19 51 网格系统与版式设计 2019 12 19 52 栅格系统与版式设计 轴的联系 网格中的构成要素会形成一些轴列 当一根轴出现在结构内部时 就形成了鲜明的视觉关系 结构就有了视觉秩序感 左边线和右边线的轴虽然也能带来秩序感 但视觉上显得很弱 单独一个构成要素不能创造出一根轴 两个或更多的构成要素才能建立起轴 一般 成线性排列的要素越多 轴就会显得越牢靠 弱的轴