Skip to content

Latest commit

 

History

History
339 lines (281 loc) · 14.4 KB

graphic_design.md

File metadata and controls

339 lines (281 loc) · 14.4 KB

cover

作者: 佐藤直树+ASYL 
出版社: 上海人民美术出版社
译者: 冯锦源 
出版年: 2014-1
页数: 144
定价: 49.00元
ISBN: 9787532287406

豆瓣链接

0.“看清”平面排版

平面排版始于“有意识地看”。

1.考虑整体结构

1.目光走向

排版时最重要的一点是“目光走向”。

  1. 横排时从左上到右下
  2. 竖排时从右上到左下
  3. 横竖兼有时要以其中一种为准来确定规则

2.优先级

在构思平面排版时,为了加入必要的目光走向,必须明确纸面信息的“优先级”。

  1. 什么是最想要强调的?
  2. 通过以下元素来表现优先级
    1. 大小
    2. 位置关系
    3. 强弱

3.分割面

平面排版就是将线填入面,并且给填入的元素设定优先级的过程。等到这一切都确定以后,我们还要思考元素摆放的位置,也就是分割面的方法。

  1. 在分割面时,重要的是要掌握元素总数和优先级。

4.打草稿

在使用设计软件前,请先拿出一张纸来打草稿。

  1. 为了确保大脑中的构思能清晰地表现在现实的纸面上,“手写”一份草稿很有必要。

5.运用网格线构思

对元素进行排版是为了清晰地传递出内容和意图。接下来,为了使排版更协调,我们要尝试使用“网格线”。

  1. 通过画网格线来固定元素的位置。

6.分页的思考方法

和海报、广告单不同,杂志和小册子等“分页读物”都由复数页组成。

  1. 确定整体规则。
  2. 在处理不同的文章时,可以设定各自的规则。决定规则的项
    1. 空栏
    2. 大标题
    3. 正文
    4. 小标题
    5. 图片介绍
    6. 颜色
    7. 其他的视觉元素

7.印刷制约带来的限制

无论是印刷品还是网站都有着各自媒体本身的制约。

  1. 排版时内侧、外侧都要留出3mm的空间,这样是为了避免误裁外侧的文字或图片;
  2. 而内侧的重复部分则可以用来抵消两页之间的凹陷的内容。

2.字体的考量

1.不要轻视字体

文字是平面排版中不可或缺的部分,有时,文字的印象会决定整个页面的印象。

2.正文字体的选择

首先请学习“宋体”和“黑体”。有起伏(强弱变化)的是“宋体”,线条稳定、清晰的是“黑体”。

  1. 字体分宋体和黑体,其中又细分为很多种,要根据目的区别使用。
  2. 选择正文字体时,重要的是要使读者在不知不觉间读完文字。
    1. 针对小说等大段文字以采用宋体为佳。
    2. 希望读者仔细阅读的文字会用宋体,希望大段文字看起来有现代感的会用黑体。

3.各种字体

除了宋体和黑体之外,还有不计其数的字体,选用时主要根据字体的印象和风格来决定。

4.西文字体的选择

  1. 正文的西文字体分为衬线体和无衬线体,在使用时,要先了解它们各自的特征,合理选用。
  2. 在选择正文的西文字体时,可以以本单元介绍的几种字体为中心,尽量选择正统风格。

5.各种西文字体

  1. 浏览各种字体,选择长期伙伴。

6.正文字体的大小

学会选择字体后让我们来培养对正文字体大小的感觉。了解文字的单位及其特征后,要掌握使文字易读的合理大小。

  1. 根据目的,选对字体的大小。
  2. 不同的字体会有大小的视觉差异。
  3. 记住各媒体中一般字体大小的标准。

7.行距与行长

行与行的间隔被称为“行距”,行的长度称为“行长”。除字体大小外,行距和行长也会使正文的印象截然不同。

  1. 行距要控制在字体大小的1.5~2倍左右。
  2. 行变长,行距也应该相应地变宽。
  3. 不能把行距和行长分开考虑。

8.分栏的思考方法

为了使读者能轻松阅读页面中大段正文,有时我们要在排版时分出若干个栏来摆放文字。

  1. 分栏时要遵循各类内容自身的规则。

9.字距及排列

  1. 满排
  2. 均等紧排
  3. 均等空排
  4. 比例紧排

10.东西混排

  1. 注意字体的粗细
  2. 确认高度是否一致
  3. 确认基线是否一致
  4. 考虑字体风格是否和汉字适配

11.标点符号的处理

  1. 同一篇文章中的标点符号排版方式要统一
  2. 引号重叠时要用满排
  3. 禁止出现在行首的标点符号
  4. ()等括号、引号前后的处理
  5. 括号、引号和其他符号重叠时要用满排
  6. 问号、感叹号后插入全角空格
  7. 下、上引号重叠时要插入半角空格
  8. 禁止出现在行尾的标点符合

12.标题的字体和大小

  1. 标题是页面三最醒目的文字,我们要通过加大、加粗、留空隙、调整字体来使它和正文形成反差。
  2. 标题文字排版时要兼顾平衡且留意文字的疏密程度。

13.标题文字的加工

  1. 满排
  2. 调整字距以保持平衡
  3. 微调整
    1. 调整字形
    2. 调整粗细
    3. 去三角

14.简介与小标题的规则

  1. 标题要醒目
  2. 介绍要简单明了
  3. 小标题要和正文区分开
    1. 缩短行长:小标题的行长往往比正文短
    2. 使字体大小产生变化:字体大小产生变化时,小标题和正文的差异不能太大,否则会有不协调的感觉
  4. 小标题一般会和正文保持一定的间隔
  5. 跨栏
    1. 避免跨栏:两行小标题的后一行被排入下一栏的情况
    2. 小标题不能出现在段落的最后

15.文志排版的走向

  1. 文字栏排版要遵循目光走向。
  2. 竖排为从右上到左下,横排为从左上到右下。
  3. 如果因为多个元素并存而造成文字栏走向复杂化,要对设计加以调整,自然引导读者的目光走向。

16.页码与页眉、页脚

  1. 在分配位置时,重要的是要掌握元素的总和和优先级。

3.照片与插图

1.摆放照片与插图

  1. 原样放入页面,不裁剪。首先应该考虑不对图片进行裁剪。
  2. 通过裁剪使照片能容纳在一页中。
  3. 将照片转向。
  4. 改变照片的比例。尽量避免改变照片原有的比例关系。

先确定照片在页面中的功能,思考能让读者对它留下印象的方法。

2.多张照片的意义

  1. 摆放多张照片时先确定优先级。
  2. 了解照片不同的大小会使意义产生变化。
  3. 摆放3张以上的照片时要注意空间上的分组关系。

3.多张照片的处理方法

  1. 了解并掌握对齐、不对齐都会使照片产生意义。
    1. 对齐表现出价值相同。
    2. 空隙的变化能使照片之间产生联系。
  2. 在摆放照片时应认真思考拍摄对象的信息、照片之间的关系,并选择适当的排列方式。
    1. 应掌握人物的朝向和视线。
    2. 在有多个人物出现时,如果照片没有轻重之分,应尽可能使他们的脸部大小一致,避免因视觉印象不同而产生关联性。
    3. 如果照片有时间顺序,应根据时间顺序来摆放。

4.照片的剪裁与去背景

  1. 需要强调照片中的某一部分时可以进行剪裁。
  2. 要有明确展现的目标时可以去掉背景。
  3. 了解剪裁和去背景是将照片作为素材进行处理的有效方法。

5.照片与文字

  1. 照片与文字的位置关系
  2. 在照片中加入文字
  3. 颜色与对比度
  4. 图片介绍
  5. 多张图片介绍

6.照片的修正与加工

  1. 出现色偏
  2. 对比度不够
  3. 色彩不平衡
  4. 锐度不够
  5. 太暗
  6. 去背景

7.画面分辨率

  1. 单位
    1. 网线数(lpi,line per inch)
    2. 画面分辨率(dpi,dots per inch)
  2. 分辨率即信息量,分辨率越高画面越精细
  3. 印刷品能做到的实际尺寸350dpi即为合适
  4. 在大尺寸印刷中选择150~200dpi的较低分辨率已足够
  5. 二值图像应将分辨率调高到1200dpi

4.图例、地图、表格、图表

1.什么是易于理解的图例

  1. 思考能否将复杂的文字转换成图例
  2. 制作图例时应将过程和数值描绘得简单明了

2.制作地图

制作地图有以下6个要点

  1. 注意线的粗细
  2. 不要把弯路改成直路
  3. 加入标志性参照物
  4. 不要过度省略
  5. 留意方向
  6. 不要忽略记载形式

3.制作表格

  1. 明确区分表格项和内容
  2. 用交替的底色来归类各列、各行,使表格更易于理解
  3. 对齐位数

4.制作图表

  1. 饼图
  2. 柱状图,累积柱状图
  3. 折线图

5.颜色的选择与搭配

1. 颜色的种类

  1. 颜色的基础知识
    1. 光的三原色(RGB)
      • 红(Red)
      • 绿(Green)
      • 蓝(Blue)
    2. 色的三原色(CMY)
      • 青(Cyan)
      • 洋红(Magenta)
      • 黄(Yellow)
      • 在印刷中通常还要用到黑墨水(K)
  2. 饱和度:颜色“鲜艳程度”的标准。
  3. 色相:红、黄、绿、蓝、紫这样的色调差异。
  4. 明度:表现颜色明暗的单位。
  5. 中间色:位于主要原色之间的颜色。
  6. 常用色

2.关于印刷用色

  1. 印刷色:CMYK
  2. 专色:对于CMYK印刷色所无法表现的颜色
  3. 黑色的表现:在K100%的基础上加入CMY来印刷,这种颜色也叫“混黑色”

3.颜色的印象

  1. 对立的印象
    • 温暖-冰冷
    • 强硬-柔和
    • 艳丽-朴素
    • 清爽-醇厚
    • 轻-重
    • 热闹-安静
    • 人工-自然
    • 高昂-平静
  2. 暖色调与冷色调
    1. 暖色调:情绪高涨、增进食欲
    2. 冷色调:镇静、抑制食欲
  3. 艳丽与朴素

4.颜色的组合

  1. 一组饱和度不同的色相环
  2. “同系色”:可以给画面带来一致感和安定感
  3. 对比色:将色环中处于两级位置的颜色进行组合

5.底色与文字颜色

  1. 背景颜色浅、文字颜色深的排版更易读且更能传递出颜色的印象。
  2. 底色深,文字浅,为画面带来强烈的印象,用于需要靠颜色来突出的标题部分或商品包装上。

6.照片、插图和文字颜色的关系

  1. 强调素材时文字选用黑或白。
  2. 选择文字颜色时要仔细考虑颜色和素材的关系。

7.灵活运用多种颜色

  1. 确定主线,有所固定,有所变化。
  2. 在考虑配色时要明确规化。