VI版式设计PPT课件.ppt

本次课内容 版式的排列作用和类型版式设计的基本类型版式设计的网格系统 作用和类型网格设计的应用 1 版面的排列主要表现为版面上各类元素的和谐搭配 在编排的过程中必须做到信息传达的逻辑关系一致 主次分明 表现合理 版面的主要元素是文字 图形 色彩等通过点 线 面的组合与排列构成的 并采用夸张 比喻 象征的手法来体现视觉效果 既美化了版面又提高了传达信息的功能 一 版式的排列 1 2 以图形为主的杂志版式设计 版面的大小比例 以文字为主的杂志版式设计 以图形为主的杂志版式设计 版式的排列类型 2 3 两栏对称示意图 对称 对称画面的特点是使画面统一 庄严 给人高品质 可信赖的感觉 均衡是在视觉上给人左右平衡的感觉 但是不对称 对称与均衡的结合可以使整个版面变的更趣味性 具有生动 活泼 明确的视觉效果 三栏对称示意图 三栏对称版面 版式的排列 4 黄金版面 黄金比例是希腊建筑美的基准 1 1 618 这个传统比例一直影响着社会美学 黄金版面在很多作品中都存在 它所分割开来的两个页面部分的比例 是自然界和谐共存的一种表现 符合黄金分割的比例形式最容易引起人视觉上的美感 设定黄金比例的主要步骤 版式的排列 5 对比和平衡 对比可以是形态上的也可以是色彩和质感上的 对比使画面具有明了 强烈的视觉效果 平衡是一种相对的稳定状态 在版式设计中主要表现为版面的上下左右比例适中 左右版面接近均衡的版面结果 在视觉上给人平衡稳定的视觉效果 版式的排列 6 四边和中心 在版面结构布局上 四边与中心有着潜在的重要性 四边是指版心边界的四个点 把四边连接起来的斜线即对角线 交叉点就是中心 编排的时候通过四边和中心结构使版面更具多样化视觉效果 版式的排列 7 破 是指打破拘束 打破平衡 增添动感的手法 破型的版式表现应注意把持这个尺度 不能太过 必须考虑到受众是否能够辨别出并从中获得信息 这才是版式设计的主要目的所在 破型 版式的排列 8 满版型版式设计 满版型主要以图片传达信息 以图片充满整个版面 在视觉传达上直观 表现强烈 根据版面的需要 文字的位置编排在版面的上下 左右 中心点上 层次清晰传达信息准确明了 满版型给人大方 直白的感觉 常用于平面广告中 二 版式设计的基本类型 3 9 整个画面都是采用了一整张照片的形式进行信息宣传 当照片放大到一定的比例 在视觉表现上具有强烈的视觉效果 吸引人们注意 满版型版式设计具有传播速度快 视觉表现强烈的宣传效果 是版式设计中最主要的表现形式 版式设计的基本类型 10 分割型版式设计 分割也是版式设计中重要表现手法 分割可以调整画面的灵活性 对画面进行一些取舍再拼贴 形成另一种风格的版式 下面介绍三种常用的分割方法 第一种是等形分割 分割形状完全一样 分割后再把分隔界线加以调整取舍 达到的一种有良好的效果 等型分割 版式设计的基本类型 11 第二种是自由分割 就是不规则的 无限制的 将画面自由分割的一种方式 它不同于数学规则分割产生的整齐效果 但随意性分割 使画面产生活泼不受约束的感觉 自由分割 版式设计的基本类型 12 第三种是比例与数列 利用比例关系完成的构图通常都具有秩序 明朗的特性 给人清新的感觉 分隔具有一定的法则 如黄金分割法 数列等 比例分割 版式设计的基本类型 13 采用了分割的手法 使画面变得有生气 不像一张单一照片那么呆板 分割的版式具有强烈的空间感 展现了版式的灵活性 设计点评 14 倾斜型版式设计 倾斜型版式设计主要表现为 版面主体形象或多幅图版做倾斜编排 造成版面强烈的动感和不稳定因素 引人注目 版式设计的基本类型 15 三角型版式设计 第一种是正三角形版式 正三角形自古以来都是象征稳定的图形 在版式设计中 正三角形的版式设计给画面更稳定 更安全 值得信赖的感觉 正三角形版式 版式设计的基本类型 16 倒三角形版式 第二种是倒三角形版式 倒三角形则给人以动感和不稳定感 版式设计的基本类型 17 曲线型版式设计 曲线型版式 曲线型版式设计就是在一个版面中图片或文字在排列结构上作曲线的编排构成 所产生的节奏和韵律 曲线版式设计具有一定的趣味性 让人的视线随着画面上元素的自由走向而产生变化 版式设计的基本类型 18 自由型版式设计在版面结构中采用无规律 随意地编排构成 使画面产生活泼 轻快的感觉 自由型版式设计没有网格的约束 在排版上体现个性风格化设计 在编排的过程中要注意把握画面的协调性 自由型版式设计 自由型版式 版式设计的基本类型 19 是一张餐饮杂志的版面 从版面编排类型来看 杂志版面运用的是满版型的编排形式突出版面主题 使版面具有活跃性 给人强烈的视觉效果 设计点评 20 该版面图片编排在版面的上部具有强烈的视觉效果 文字编排在图片的下部具有信息说明的作用 该版面的视觉重心设置在上部 给人以轻松 愉快之感 设计点评 这一张你来评评看 21 该设计为杂志宣传广告 整个版面以图片为主要表现因素 在版式设计中图片的比例大小对整个画面的视觉效果有着很大的影响 图片比文字更能吸引人们注意 采用了满版型的版式设计 从画面上强调宣传目的 文字根据画面的需求进行有机的调整排列 使整个画面显得和谐层次清晰 达到了宣传的目的 设计点评 这一张呢 22 三 版式设计的网格系统 网格在版式设计中的重要性 网格构成是现代版式设计最重要的基础构成之一 作为一种行之有效的版面设计形式法则 将版面中的构成元素点 线 面协调一致地编排在版面上 网格在版式设计中有着约束版面的作用 其设计特点主要强调了比例感 秩序感 整体感与严肃感 使整个版面具有简洁 朴实的版面艺术表现风格 在版式设计中成为主要的构成元素 23 网格的排列 杂志版式 网格作为版式设计中的重要基础要素之一 构建出良好的骨架是很重要的 在版式设计中 一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计 在编排的过程中有明确的版面结构 版式设计的网格系统 24 1 网格具有版面需求性 2 网格具有信息组织的功能性 3 网格具有阅读的关联性 版式设计的网格系统 网格系统的作用 4 25 对称式网格 对称式网格的目的主要是组织信息 平衡左右版面的作用 网格的类型 杂志版式 对称网格 26 对称式栏状网格分为单栏网格 双栏网格 三栏 四栏 甚至多栏网格等 单栏网格 双栏对称网格 1 对称式栏状网格 网格的类型 5 疲惫 单栏用于文字性书籍 如小说 文学著者等 因此在单栏式网格中文字的长度一般不要超过60字 2 版面平衡 使阅读更流畅 版面缺乏变化 文字的编排比较密集 画面显得有些单调 27 三栏对称网格 五栏对称网格 网格的类型 避免视觉疲劳感 三栏网格的运用使版面具有活跃性 打破了单栏的严肃感 4 有关表格形式的文字 比如说联系方式 术语表 数据目录等信息 这种版式的单栏太窄式不适合编排正文的 28 单元格对称网格 2 对称式单元网格 对称式单元网格在版面编排中 将版面分成同等大小的网格 再根据版式的需要编排文字与图片 这样的版式具有很大的灵活性 可以随意编排文字和图片 在编排过程中 单元格之间的间隔距离可以自由放大或者缩小 但是每个单元格四周的空间距离必须相等 网格的类型 29 单元格对称网格设计 网格的类型 30 非对称栏状网格 3 非对称式网格 非对称网格是指左右版面采用同一种编排方式 但是在编排的过程中并不像对称网格那样绝对 非对称网格形式在编排的过程中 根据版面需要调整版面的网格栏的大小比例 使整个版面更灵活 更具有生气 网格的类型 31 非对称网格主要分为非对称栏状网格与非对称单元网格两种 非对称栏状网格 非对称单元格网格 网格的类型 32 基线网格 4 基线网格 基线网格通常是不可见的 但它却是平面设计师的基础 基线网格提供了一种视觉参考 它可以帮助版面元素的准确编排与对齐页面 是凭感觉无法达到的版面效果 网格的类型 33 5 成角网格 成角网格在版面中往往很难设置 网格可以设置成任何角度 成角网格发挥作用的原理跟其他网格一样 但是由于成角网格是倾斜的 设计师在版面编排时 能够以打破常规的方式展现自己的风格创意 网格的类型 34 对称网格 网格的建立 栏状网格与单元格 一套好的网格结构可以帮助设计师明确设计风格 排除设计中随意编排的可能 使版面统一规整 设计师可以利用两者的不同风格来编排出灵活性较大 协调统一的版面构成设计 四 网格在版式设计中的应用 35 网格的编排形式 1 多语言网格编排 2 说明式网格编排 网格在版式设计中的应用 36 网格与无网格对比版面 网格与无网格对比版面 无网格版面 3 打破网格 打破网格的约束使版面设计更具有自由性 但是很难把握版面的平衡 就算是很优秀的设计师也很难准确的把握画面的平衡感 网格在版式设计中的应用 37 该菜谱在版面编排时 根据对版面元素的了解选择适当的网格结构 使其达到信息传达明确 在该版面中 采用大小图片的对比关系 使整个版面具有版面的活跃性 选择一张满版出血图 运用图片中元素的生动感 能有效地勾起人们的食欲 设计点评 38 设计点评 39 设计点评 这个版面呢 40 设计点评 再来评评这个版面 41 设计点评 这个版面怎么样 42 设计点评 这个版面呢 43 设计作品欣赏 封面设计应用版式设计应用VI系统设计应用VI模板欣赏 4