版式设计规则

这是一篇关于版式设计规则的思维导图。版式设计是平面设计的分支，通过信息的排版，根据画面空间运用版式设计四大原则：对齐原则，对比原则，亲密性原则，重复原则等去处理信息，达到传递信息和满足审美需求的作用。本次通过版式设计原则、版式设计基本法则、版式设计常用构图以及提升设计感妙招分享版式设计技巧。

版式设计

• 基本组成元素
  • 点线面
• 点
  • 作用
    • 活跃版面
      • 标题文字打散设计、追求设计元素
    • 指示引导
      • 序号引导形式、几何造型形式
    • 烘托氛围
      • 几何造型形式（圆、矩形、三角形、文字部首等）
    • 文字形式
      • 文字拆分、变小分散、改变色彩
    • 产品/人物（缩小分散）
  • 总结
    • 点是对比出来的
    • 点的塑造和寻找时一种心理体会
    • 点可以很好的烘托气氛，显示重点，指示信息和活跃版面
    • 点可以成为版面的肌理和背景
    • 点可以聚散离合
    • 点的一切表现，都可以用上述的方法并根据自己的创意来处理
• 线
  • 作用
    • 分类信息
      • 横线/竖线起到分类信息作用——色彩主要为灰色web#333#666#999#ccc、印刷C-0 M-0 Y-0 K-0~100）
      • 特殊情况色彩可根据版面图片呼应提取
    • 串联版面
      • 斜线引导视觉起到串联作用
      • 在版面人物或产品主体四周加注画面动态感
      • 置于画面主体或人物产品背后，起到画面层次感、灵动感
      • 注意：色彩关系需要与环境色彩呼应设计
    • 强调作用
      • 整合画面视觉聚焦，强调画面主次（线框）
      • 线框所加注的位置，画面的主要视觉
      • 造型大小、粗细、前后（设计的补充）
      • 形态——矩形（稳定）、圆形、三角形
      • 注意：线框的色彩关系必须呼应主要色彩（无色彩黑白灰）
      • 调节空间
      • 文字也是线
    • 曲线柔美：曲线的造型非常适用于浪漫、唯美、女性、文化等气质的作品上
  • 总结
    • 版面设计时，思考怎么辅助画面，不要为了加线而加线
    • 多信息大量文字——使用横线竖线分类信息
    • 表现画面冲击力、动态——使用斜线突出动态感、串联画面
    • 强调画面主体、层次感——使用线框辅助设计
    • 线的功能性大于装饰性
    • 只有对比才能体现出线，这和点的道理一样
• 面
  • 作用
    • 字体选择
      • 黑体——粗细、高矮变化，安全字体
      • 圆体——时尚 可爱 复古
      • 宋体——气质、文化感 可备选楷体、仿宋
      • 书法体——古风、潇洒
      • 手写体——艺术性
    • 文字图像化
      • 文字变身剪影—围绕主题选择文字，观察文字形态，制作文字剪影，考虑是否追加描边修饰
      • 文字变身图形—二次加工字体，与形状契合，成为新图形，最起码做到几何图形（圆形、矩形、三角形）
      • 文字与其他元素组合出现—细品主题，选择恰当装饰元素，体现主题，可以是实物元素（可镂空处理），可以是几何元素（抽象元素）
      • 文字书法化—主题文字较少，文字纯色处理，纹理叠加，笔锋添加部位（笔画结尾/开头 转折处）
  • 组成
    • 四方版
      • 作用
        • 将照片的四边全部都设置在版心内的排版方法，这种方法可以使版面看上去非常平稳，给人一种稳重的印象。最常用方法之一
        • 像拍立得或宝丽来照片放白框里，以一定角度摆放可以给人比较愉快的印象、活跃版面
      • 四方版分为
        • 四面出血
          • 适用于展示商品细节的版面、适用于富有视觉冲击力的版面、不适用于文字要素过多的版面
        • 三面出血
          • 适用于展示空间开阔版面、适用于文字要素较多的版面、也可以用大块留白给版面增加抑扬对比
        • 两面出血
          • 留住上下左右的某两边，剩下两边作为出血，一般将图片放置在右上角或右下角，个性比较强时可以放置在版面中间
          • 适用于展示热闹的版面、适用于文字和装饰元素多的版面
        • 单面出血
          • 一般将图片放置在左上角或右下角，文字摆放灵活，大面积留白
          • 适用于个性化艺术性的版面、文字较少，字号较小，表达艺术性、图片去色处理
    • 抠图版
      • 作用
        • 沿轮廓抠出拍摄对象之后 进行排版，四方版比价容易设置，但是排版空间会在一定程度上受到限制；抠图版中，由于照片中多余信息已经被删除，可以拓展排版空间，可放大或者多用一些照片。
        • 去除背景后，拍摄对象轮廓被强调；信息得到整理；快速传达信息欢快、富有动感；适用于版面空间较少的情况；可与四方版搭配使用。（旋转图片 有色彩转为无色彩 注意图片完整性）
    • 形状版
      • 作用
        • 将照片与几何图形 结合，可与主题契合；营造热闹、可爱、时尚的感觉
        • 将图片装入圆形、矩形、三角形、书法笔画等形状当中；根据主题挑选形状；可以起到烘托图片氛围的作用
        • 注意图片版权问题
• 组合方式
  • 图片裁切
    • 通过裁切可明确的传递信息、裁切与空间密切相关
    • 通过裁切改变照片功能
    • 裁切前想清楚传达给人们的信息是什么
    • 裁切方式不同决定你的画面语言
    • 视线方向往左—表达过去
    • 视线方向往右—表达未来
    • 前进方向—表达空间深度
    • 前进的反方向—表达速度感
    • 物体尺寸—整体（整齐 宁静）细节（视觉冲击力）
    • 面孔率—高（信赖感、理智、野心）低（身体魅力）
  • 图片文字
    • 图片信息量，文字在图片中排版
    • 注意图片中的色彩要素 同一色系、对比度小—信息量较少
    • 不同色系、对比度大—信息量大
    • 文字在图片中排版,通过裁切制造出信息量少的部分，图片整体信息量较大时，对文字进行处理，不破坏图片氛围
  • 整理构图
    • 三等分构图，中心构图
    • 三等分构图：图片整体进行3*3分割在交叉的某一个点上放置对象，既有紧张感又能保持平衡的优秀构图
    • 中心构图：拍摄物体放在照片中心的构图方式，虽然稳定感强，但是容易给人枯燥的感觉
    • 注意：照片不要倾斜（倾斜的图片容易造成品质感不佳的印象）如果图片在垂直方向上标注不清晰，可以按照水平方向为标准进行调整
  • 图片关联
    • 照片方向性、蒙太奇、协调尺寸
    • 照片方向性：注意图片的指向性（眼神），合理利用引导视觉，这种图片的摆放方向会影响版面的效果
    • 蒙太奇理论使用：版面中摆放多张不同图片，让他们之间具有关联，产生故事性，有意识的创造或者回避这种效果
    • 尺寸统一：拍摄物体尺寸统一，可以实现视线稳定的效果，提高辨识度；重要程度不同的多张图，明确显示出差别，画面才有重点
• 版式设计基本规则
  • 分组规则
    • 格式塔原理
      • 人类无意识中会把同样形状物品或距离接近的物品作为一个整体
      • 这种现象被称为“格式塔”
      • 根据不同信息，进行群组化或者独立化
    • 分组重点
      • 具有同样意思、功能的要素进行整合
      • 关联性较低的要素不要进行联系
      • 灵活利用背景（留白）
    • 分组形式
      • 接近的要素(接近)
      • 具备同样的颜色、形状的要素（类似）
      • 封闭形状中的要素（闭合）
  • 对齐规则
    • 散架设计
      • 人类看到排列规整的东西，会本能地觉得“很漂亮”
      • 虽然要加强版面跃动感会“故意不对齐”
      • 但是，这种“不对齐”只有在充分理解了对齐之后才能使用
    • 对齐什么
      • 就像分组规则一样
      • 有了对齐才能产生整体感
      • 图片上面的许多元素都是需要整体处理对齐的
      • 元素间的空白宽度也需要对齐
      • 行间距：字号*（1.2-1.5）
    • 对齐哪里
      • 左对齐、右对齐、居中对齐
      • 根据各自合适的地方对齐很重要（注意元素的视觉重心）
      • 可使用网格辅助对齐（注意框格内元素的偏移）
  • 对比规则
    • 大小对比
      • 文字大小对比、图片大小对比、注意视觉效果和搭配
    • 跳跃率
      • 版面上大块的部分和小块的部分的比例称为跳跃率
      • 比例大—跳跃率高（视觉冲击）
      • 比例小—跳跃率低（高级感）
    • 文字的跳跃率
      • 文字的跳跃率主要指标题、小标题等文字的字号大小比例关系
      • 分析文字的重要性，设置不同的字号，产生对比
      • 标题、小标题放大处理—提高冲击力，快速传达信息
      • 降低跳跃率—高级感、信赖感、优雅、有说服力、理智感
    • 色彩对比
      • 冷暖色对比、饱和度对比、明暗对比、有色无色对比
    • 疏密对比
      • 空白处的信息与大量高密度信息处会产生自然的对比
  • 重复规则
    • 数量与效果
      • 重复的元素越多越有效
      • 设计者只有两三个元素的时候，可能难以发现规律
      • 增加到四五个的时候，就比较容易发规律性了
    • 正确打开方式
      • 对同一组内所有要素使用同一设计规则
      • 包括但不限于图片尺寸、字号、字体种类、线框、色彩、摆放位置、
      • 距离等等要素
      • 整体设计中，只要有一个没有遵循重复，规律性则会大幅降低
      • 注意整体彻底的统一
    • 对比+重复
      • 信息传达—对比突出
      • 这两个规则一起利用，可以使内容较多的版面得到整理
      • 信息更容易传达