《版面设计的原理》读书笔记

这是一本关于平面设计的入门书籍，无论你是手账儿、业余爱好者、设计专业学生，关于配色、关于审美、关于排版，这里都能给你答案！

版面设计的原理

• 建立条理
  • 整理信息
    • 理解设计作品的受众、目标、如何达到目的等
    • 提取、明确作品内容中什么最重要，进行排序。
    • 布置排版。
  • 同类要素贴近配置。要素少时可以适当留白。
  • 整个篇幅在版心内使用对齐一致。包括所有图文，图图，文文间隙大小保持一致。
    • 行头对齐，散文、诗歌等表现韵味；
  • 编排要考虑让读者以什么顺序去阅读，设计视觉引导，避免给读者增加负担打破平衡感。
  • 要素太多，重要性相同情况下，让这些要素具有规则性。比如设计同款字体颜色小标题、添加同种标志，如方框、圆点等。
  • 统一线宽。利用线条颜色、粗细、款式区分、关联各个要素。
    • 同一版面不超过3种类型。
  • 考虑要素的“分量”保证版面的重心和平衡。将要素变为灰阶去衡量。
    • 笔画越大越粗，折合的灰阶就越深。
  • 一般情况下，英文字体要稍比中文字体大些看起来才一致。避免标点、记号在句头句尾。
  • 文字编排要易于阅读。
    • 行长设置是阅读时不需要改变脸的方向，只需移动视线即可读完一行的长度
    • 内容越易懂越适合快速换行，保证流畅速度。难理解的应足够行长使人集中精力。杂志一般20字。报纸16字。
    • 文字间、行之间、段之间的留白面积从小到大排序。
  • 对称带来稳定感，还能加强左右页面关联性。（水平、垂直、对角线）
  • 设定虚拟边框，即版心，让要素都在版心中排版。
    • （文字的磅值+行间距）*行数-行间距=版心的上下尺寸。
  • 网格的灵活运用。
    • 确定版心位置后，根据文字高度和行与行之间的间隔为依据计算行的位置。之后设定竖向网格线。
• 添加变化
  • 留白。大小、位置和形状。
  • 粗细度。
    • 文字或线条粗细度，有不同分量感。
  • 尺寸大小。
    • 要素尺寸大小变化，可根据要强调的顺序来设定文字大小。差异越大效果越突出。
  • 跃动感。
    • 有动感的图片
    • 将要素不对其排版
    • 变化角度，增加非水平、垂直线条要素
    • 配合箭头等有方向性要素
  • 退底
    • 可裁剪成精准、粗犷、有曲线的轮廓。
  • 边界
    • 分隔线
      • 直线、虚线、手绘线、多线条
      • 多边形、曲线
    • “带”状线
    • 有颜色的“面”
  • 点缀
    • 在单调的版面中加入一些元素点缀，产生节奏感、动感和视觉引导。可以重复使用点缀元素。
  • 立体
    • 阴影。要素侧边加影子般效果。
    • 倾斜。三维透视
    • 高光、阴影部分，明暗手法。
• 颜色搭配
  • 颜色的基本知识
    • RGB：红绿蓝，加法混合这3种颜色得到颜色。
    • CMYK：青，洋红，黄。减法混色以三色混合，加上黑色就是基本油墨色CMYK。
    • 蒙塞尔颜色表示体系，将颜色分为色相、彩度、明度。
      • 色相指红或蓝等色调。红黄绿蓝紫五色及介于各自之间的中间色，共10种色相。
      • 彩度指颜色鲜艳程度。
        • 鲜艳则彩度高
      • 明度指颜色明亮程度。
        • 无论在何种颜色中，明度最低状态是黑，最高状态是白。
  • 颜色的视觉辨认性
    • 若图片是不黑不暗的中间色，无论黑白都辨认不清。尝试改变图片颜色或为文字加背景色。
  • 从同一色调中选择颜色能保持和谐。重点部分使用的颜色称为“重点色”或“效果色”。
    • P145
    • P149
  • 用颜色塑造形象。可将日常事物和他们的颜色联系起来。
  • 强调色的用法
    • 色相对比
    • 彩度对比
    • 明度对比
    • 补色对比
    • 颜色面积大小对比
• 设计技巧
  • 节奏：让人感觉出音乐般节奏
    • 许多相同形状的要素以多种角度配置。
    • 短、欢快节奏
      • 配置尖角形要素
    • 柔和节奏
      • 柔和的曲线
  • 比例：大小对比
    • 可改变一张图像中某部分的比例，显现冲击力。但是最好选择大家熟知的素材，否则读者不知为何物。
  • 数量感：给人强烈印象
    • 注意不宜过多淹没文字，应以其他强调手法突出主体和文字。
  • 夸张变形
    • 将要素的特征部分作夸张处理，其余简单编排，即可提高存在感。比如将手放大使画面有制止的意义。
  • 质地感
    • 石头或金属带来冰冷感，布匹感有温暖感。
  • 图案
    • 作背景
    • 作元素
  • 拟态
    • 模拟非常熟悉的事物，使读者感到亲近。可以是大自然或现有的产品或设计。比如回收箱跟垃圾桶很像。
  • 印刷加工
    • 非涂层纸（胶版纸）
      • 图画纸、复印纸、书籍纸等
        • 表面不平，油墨渗入色暗
    • 涂层纸（铜版纸）。
      • 表面有层涂料，表面均匀，细节清楚。
    • 原色印刷，cmyk四色油墨。特别需求要用特调“专色”
    • 纸张裁剪制作曲线或特殊形状的时候，用到“模切”的加工方法。
  • 增加故事情节
    • 可以用删减（放大、夸张等）手法引人遐想
• 突出强调
  • 反差
    • 明暗
      • 明暗差最大是黑白。但是不能只根据明暗反差考虑颜色的选择。
    • 尺寸、粗细、大小、动静对比
    • 要素的密度差或使用的颜色
  • 差异
    • 加框包围、涂满颜色、隔线分区
    • 改变形状（变形）、配置、尺寸、粗细、颜色及留白
  • 孤立
    • 可以用于想被强调的部分。
  • 放射状图形
  • 软硬
    • 给人柔和感
      • 圆形、曲线、渐变
    • 给人硬朗感/强调
      • 直线、四边形、锯齿形等
  • 视觉引导
    • 面孔
      • 人或动物的面孔具有吸引视线的魅力。
        • 成熟或幼稚的面孔也会给人不同的感觉。
        • 将部分面孔比例放大，释放独特信号。
    • 带有暗示性的标识