版式设计 2016-2-1 视觉要素(点线面空间).ppt

版式设计 2015级总课时 64周课时 4教师 戴娟 2 1版式设计的点线面及空间 2015级总课时 64周课时 4教师 戴娟 版式设计的点线面及空间 点 线 面 1 第一节点 线 面 Formatdesign 任何一种版式设计 在空间原理上均归于点 线 面的分类 点 线 面是几何概念 亦是版式设计的基本元素和主要的视觉语言形式 一 点 Formatdesign 在版面中 任何一个单独而细小的形象可以称之为点 点的面积是相对比较而言的 点的形状并不一定指圆 也可以是其它的几何形体 点是相对线和面存在的视觉元素 比如在版面中一个文字 一个商标 一个按钮 一个LOGO等都可称为点 点排列的形状 方向 大小 位置 聚集 发散 能够给人带来不同的心理感受和视觉冲击 向心原理 版面中的点由于大小 形态 位置不同 所产生的视觉效果也不同 一 点 Formatdesign 点在版面中心会给人静止而稳重的感觉 点在版面中心会给人静止而稳重的感觉 靳埭强设计奖2004全球华人大学生平面设计比赛金奖作品 点在版面中心会给人静止而稳重的感觉 均匀分布的点 给人静止而稳重的感觉 靳埭强设计奖2005全球华人大学生平面设计比赛金奖作品 点在版面的左方或右方会产生向中心运动的趋势 不稳定 动态 活跃 易引起注意 点在版面的左方或右方会产生向中心运动的趋势 不稳定 动态 活跃 易引起注意 点在版面的上方或下方会产生上升或下降的趋势 不稳定 动态 活跃 易引起注意 二 线 Formatdesign 线是决定版面现象的基本要素 线的总体形状有垂直 水平 倾斜 几何曲线 自由线几种 线的编排构成分为 实线 虚线 空间视觉流动线 人们对线的概念往往停留在版面中形态明确的线 对空间的视觉流动线则忽略 二 线 Formatdesign 斜线具有动荡感和速度感 不稳定 动态 活跃 易引起注意 线构成的招贴 线构成的包装 线的作用 Formatdesign 分割画面引导视线约束与强调 线的作用 分割画面 线的作用 引导视线 线框的限定 即使主体产生空间 场 的作用 同时也具有相对约束的功能 线的作用 约束与强调 线的作用 约束与强调 线的作用 约束与强调 视觉流动线的作用 Formatdesign 斜线具有动荡感和速度感 不稳定 动态 活跃 易引起注意 斜线具有动荡感和速度感 不稳定 动态 活跃 易引起注意 斜线具有动荡感和速度感 曲线给人流畅优美的性格特征 不稳定 动态 活跃 易引起注意 水平线给人平稳 安定的感觉 水平线给人平稳 安定的感觉 靳埭强设计奖2013全球华人大学生平面设计比赛作品 垂直线给庄严 挺拔以及充满力量的向上感 垂直线给庄严 挺拔以及充满力量的向上感 靳埭强设计奖2008全球华人大学生平面设计比赛作品 垂直线给庄严 挺拔以及充满力量的向上感 线可以串联各种视觉要素 可以分割画面和图像文字 使画面具有节奏感 线可以串联各种视觉要素 可以分割画面和图像文字 使画面具有节奏感 线的放射 粗细 渐变的排列可以体现三维空间的感觉 阴影也能营造空间感 阴影也能营造空间感 三 面 Formatdesign 点的放大 点的密集或线的重复构成面 线的分割产生各种比例的空间 同时也形成各种比例关系的面 版式中的面大体分为 几何型的面 方 圆 三角 多边形 有机切面 弧形的相交或相切得出 不规则的面 面在版面中具有平衡 丰富空间层次 烘托及深化主题的作用 版式设计中的面比点 线的视觉冲击力更大 面的排列要考虑形状与面积的对比 间隔和面积的对比 面积与面积的对比等因素 这样版式设计才能产生动感 密集的点形成面 由文字组成面 与图片形成对比 密集的点形成面 由文字组成面 与图片形成对比 密集的点形成面 由文字组成面 与图片形成对比 密集的点形成面 错落的面与线构成版面的节奏面 稳重 大方且不失优美 靳埭强设计奖2006全球华人大学生平面设计比赛银奖作品 稳重 大方且不失优美 第四届靳埭强设计基金奖全国大学生平面设计竞赛铜奖作品 靳埭强设计奖2006全球华人大学生平面设计比赛银奖作品 动感 张力 视觉冲击力强 垂直 水平的面等距离的排列产生稳重 简单的感觉 第三届靳埭强设计基金奖全国大学生平面设计竞赛未来设计师大奖作品 垂直 水平的面等距离的排列产生稳重 简单的感觉 不同面积对比 产生活泼 跳跃的感觉 不同面积 不同位置排列产生活泼 跳跃的感觉 靳埭强民居印象 不同面积 不同位置排列产生活泼 跳跃的感觉 靳埭强设计奖2012全球华人大学生平面设计比赛作品 不同面积 不同位置排列产生活泼 跳跃的感觉 不同面积 不同位置排列产生活泼 跳跃的感觉 靳埭强设计奖2005全球华人大学生平面设计比赛银奖作品 处理好不同形状的面之间的相互关系和整体的和谐程度 才能设计出充满美感 艺术 实用的版式作品 空间 2 第二节空间 Formatdesign 生活中的三维空间是立体空间 看得见 摸得着 能深入 而在平面编排中的三维空间 是在二维空间的平面上建立的近 中 远 立体的看见关系 可见摸不着 是假想空间 是通过借助多方面的看见关系来表现的 即 比例 动静图象 肌理等看见因素 版式设计中应该能体现视觉的空间感 而不应仅仅是二维效果的体现 只有这样才能保持作品的生命力 第二节空间 Formatdesign 一 通过比例展示空间面积大小的比例 即近大远小 产生近 中 远的空间层次 在编排中主题形象或标题文字放大 次要形象缩小 来建立良好的主次 强调的空间层次关系 以增强版面的节奏和明快 比例关系的空间层次 比例关系的空间层次 比例关系的空间层次 第二节空间 Formatdesign 二 通过黑 白 灰的关系展示空间无论是有色或无色设计的版面 均为黑 白 灰的三色空间层次 黑与白为对比极色 最单纯 最强烈 醒目 最能保持远距离视觉效果 灰色能概括一切中间色 且柔和而协调 三色近中远空间位置 依版面具体的明暗调关系而定 版式设计强调色彩的调性 一幅优秀的作品 色调应该非常明快 或高调 低调 灰调 或对比强烈 或对比柔和 反之则乱糊不清 黑色给人往后退的效果 往往被用作背景 白色给人往前的感觉 往往被用在要突出的元素上 灰色则象中间层 处于黑白对比之间 第二节空间 Formatdesign 三 通过位置关系展示空间前后叠压的位置关系所构成的空间层次 将图像或文字做前后叠压排列 产生强节奏的三度空间层次 疏密的位置关系也能产生空间层次 在前后叠压关系或版面上下左右位置关系中 做疏密 轻重 缓急的位置编排 所产生的空间层次富于弹性 同时也产生紧张或舒适的心理感受 前后叠压的位置关系 前后叠压的位置关系 第二节空间 Formatdesign 三 动静关系 图象肌理关系产生空间层次动 使版面充满活力 获得更高的注目度 静 使版面冷静