品创意：版式视觉设计灵感分享

目 录

第1章 版式设计基础

1.1 了解版式设计2

1.1.1 版式设计2

1.1.1.1 版式设计的目的2

1.1.1.2 版式设计的基本构图2

1.1.1.3 为什么要进行版式设计2

1.1.2 版式设计的作用3

1.1.2.1 视觉传达的一种重要形式3

1.1.2.2 完美的视觉传达依赖版式设计3

1.1.2.3 技术与艺术结合3

1.1.3 版式设计的三个基本原则3

1.1.3.1 直观4

1.1.3.2 易读4

1.1.3.3 美观4

1.2 版式设计的功能与构成要素4

1.2.1 导读功能4

1.2.1.1 希望能顺畅地阅读4

1.2.1.2 希望能有效率地阅读5

1.2.1.3 希望能够受到某种刺激地阅读5

1.2.1.4 希望从信息中有所收获地阅读5

1.2.2 导向功能5

1.2.2.1 鲜明主题的诱导力5

1.2.2.2 版式设计的标题导向6

1.2.2.3 布局空间的导向6

1.2.2.4 选题的导向6

1.2.3 标志功能6

1.2.3.1 如何把握整体设计6

1.2.3.2 思维观念影响视觉表现7

1.2.3.3 空间的平衡与紧张感7

1.2.4 版式设计的三大视觉要素7

1.2.4.1 文字7

1.2.4.2 图形7

1.2.4.3 色彩8

1.3 版面构成的四大原则8

1.3.1 主题性与单一性8

1.3.1.1 主题鲜明突出8

1.3.1.2 构图主题鲜明突出8

1.3.1.3 凸显版面的视觉亮点9

1.3.1.4 突出个性化特征的原则9

1.3.2 趣味性与独创性9

1.3.2.1 独创性原则实质上是突出个性化9

1.3.2.2 个性亦即风格9

1.3.2.3 版式设计中的趣味性9

1.3.2.4 严肃的话题在版式上童趣化9

1.3.3 整体性与协调性9

1.3.3.1 强化整体布局　10

1.3.3.2 整体结构组织和方向视觉秩序10

1.3.3.3 优化版面的整体性10

1.3.3.4 版面的协调性原则10

1.3.3.5 版面构图是组织安排布局10

1.3.4 艺术性与装饰性11

1.3.4.1 不同的装饰形式11

1.3.4.2 装饰由审美特征所构造11

1.3.4.3 版面的装饰艺术11

1.3.4.4 赋予版面以立体的景深11

1.3.4.5 版面装饰形式的多样化11

1.3.4.6 艺术表现形式的运用12

1.4 版面语言12

1.4.1 版面空间12

1.4.1.1 避免产生诱眠效果12

1.4.1.2 控制设计的技法——“简约”12

1.4.2 编排手段12

1.4.2.1 构思新颖，主题鲜明突出13

1.4.2.2 重要的主体成为视觉中心13

1.4.2.3 多种信息组合成块状13

1.4.2.4 突出主体，侧重于图形元素创作13

1.4.3 版面布局结构13

1.4.3.1 版式设计的基本步骤14

1.4.3.2 如何让技巧与审美起作用14

1.4.3.3 梳理文字脉络，明朗结构关系14

1.4.3.4 初学者应尽可能少用设计元素14

1.5 报纸版式设计基础14

1.5.1 了解报纸14

1.5.1.1 信息的不灭性15

1.5.1.2 信息的时效性15

1.5.1.3 报纸作为定期连续出版物的特点15

1.5.1.4 报纸的读者对象15

1.5.1.5 报纸的水准15

1.5.2 报纸的类型15

1.5.2.1 按照发行数量与覆盖区域分16

1.5.2.2 按照出版时间分16

1.5.2.3 按照内容分16

1.5.2.4 按照出版周期分16

1.5.3 传播特性和受众特性17

1.5.3.1 报纸的保存性强17

1.5.3.2 受众处于专注接收状态17

1.5.4 报纸设计工作的特点17

1.5.4.1 报纸设计工作的内容及流程17

1.5.4.2 报纸由视觉性符号构造17

1.5.5 报纸设计思想18

1.5.5.1 报纸设计的知识结构18

1.5.5.2 报纸设计的能力结构18

1.5.5.3 报纸的整体规模和内部结构18

1.5.6 报纸的编辑方针19

1.5.6.1 报纸的读者对象19

1.5.6.2 新闻传播的内容19

1.5.6.3 报纸的水准19

1.5.6.4 报纸的风格特色19

1.5.7 报纸的设计方法20

1.5.7.1 定位20

1.5.7.2 想象20

1.5.7.3 选取20

1.5.7.4 推敲20

1.5.7.5 加减21

1.5.7.6 调整21

1.5.8 报纸的局部设计21

1.5.8.1 设计的操作过程21

1.5.8.2 局部版面设计的核心——传播力21

1.6 报纸版式设计的风格21

1.6.1 报纸风格特色的设定22

1.6.1.1 《人民日报》的版式风格22

1.6.1.2 《南方日报》的版式风格22

1.6.1.3 《苏州日报》的版式风格22

1.6.1.4 《广州日报》的版式风格22

1.6.2 “浓眉大眼”的版式22

1.6.2.1 大标题、大图片23

1.6.2.2 《北京青年报》的版式风格23

1.6.3 传统版式和现代版式的类型23

1.6.3.1 《京华时报》的版式风格23

1.6.3.2 《南方都市报》的版式风格23

1.6.3.3 《华西都市报》的版式风格24

1.6.3.4 《羊城晚报》的版式风格24

1.6.3.5 《城市晚报》的版式风格24

1.6.4 “杂志化”的版式24

1.6.4.1 借鉴杂志封面的表现手法24

1.6.4.2 以照片为主体的版式25

1.6.4.3 以图片为主的导读方式25

1.6.4.4 导读集纳化25

1.6.4.5 “导读 图片 广告”版式设计25

1.6.4.6 创意加时尚25

1.6.5 “太阳稿”的版式26

1.6.5.1 处理重点与非重点稿的关系26

1.6.5.2 以编排手段增强版式强势26

1.6.6 “眉清目秀”的版式26

1.6.6.1 《经济观察报》的版式风格26

1.6.6.2 《21世界经济报道》的版式风格26

1.6.6.3 《中华工商时报》的版式风格27

1.6.6.4 《南方周末》的版式风格27

1.6.6.5 《新华每日电讯》的版式风格27

1.6.7 《新民晚报》的版式风格27

1.6.8 其他类版式27

1.6.8.1 整体表现的版式27

1.6.8.2 抽象的版式28

1.6.8.3 图形为主体的版式28

1.6.8.4 造型形式的版式28

1.6.8.5 多图片的版式28

第2章 版式设计的基本类型

2.1 骨骼型版式设计30

2.1.1 标准骨骼型版式30

2.1.2 横向骨骼版式30

2.1.3 横向右视觉骨骼版式30

2.1.4 严谨的骨骼版式30

2.1.5 竖向骨骼版式30

2.1.6 和谐的骨骼型版式30

2.1.7 高位置图片的骨骼型版式31

2.1.8 条理型骨骼型版式31

2.2 满版型版式设计31

2.2.1 满版型构图中的文字31

2.2.1.1 文字上下排列31

2.2.1.2 文字右排列31

2.2.1.3 文字左排列31

2.2.1.4 文字中心排列32

2.2.1.5 文字组合排列32

2.2.2 舒展的满版型版式32

2.2.3 和谐的满版型版式32

2.2.4 直观的满版型版式32

2.2.5 丰富的满版型版式32

2.2.6 大方的满版型版式32

2.2.7 务实的满版型版式32

2.2.8 新潮的满版型版式33

2.2.9 鲜艳的满版型版式33

2.2.10 值得玩味的满版型版式33

2.2.11 庆典特刊的满版型版式33

2.2.12 迎春的满版型版式33

2.3 分割型版式设计31

2.3.1 用分割型构图合理划分版面33

2.3.2 等形分割型版式34

2.3.3 左右对称分割型版式34

2.3.4 比例与数例分割型版式34

2.3.5 自由分割型版式34

2.3.6 强弱对比倾斜分割型版式34

2.4 纵向分割型版式设计34

2.4.1 垂直中轴型版式34

2.4.2 大方的中轴型版式35

2.4.3 怀旧的中轴型版式35

2.4.4 中轴对称型版式35

2.4.5 中轴吸引型版式35

2.4.6 明确主题的中轴型版式35

2.4.7用中轴型版式表现动感35

2.4.8 用中轴型版式表现喜庆氛围35

2.5 对称型版式设计35

2.5.1 垂直对称型版式36

2.5.2 对角构图版式36

2.5.2.1 右上角与左下角对称版式36

2.5.2.2 用对角型版面展现个性风采36

2.5.2.3 文字或图形对角型构图36

2.5.3 水平对称型版式36

2.6 曲线型版式设计36

2.6.1 不规则的曲线型版式37

2.6.2 优雅的曲线型版式37

2.6.3 韵律曲线型版式37

2.6.4 规则的曲线型版式37

2.7 倾斜型版式设计37

2.7.1 局部倾斜型版式37

2.7.2 动感倾斜型版式37

2.7.3 多图倾斜型版式37

2.7.4 主体倾斜型版式38

2.7.5 整体倾斜型版式38

2.7.5.1 用倾斜的图片吸引视线38

2.7.5.2 用倾斜型构图表现动感38

2.8 三角形版式设计38

2.8.1 正三角形版式38

2.8.2 直三角型版式38

2.8.3 倒三角形版式39

2.8.4 斜三角形版式 39

2.9 横向分割型版式设计39

2.9.1 巧妙的上下分割型版式39

2.9.2 嵌入式图文上下分割型版式39

2.9.3 用横向分割型版式表现严正立场40

2.9.4 用色彩分割型版式40

2.9.5 用图片倾斜分割型版式40

2.9.6 用上下分割型版式报道突发事件40

2.9.7 用上下分割型版式表现生动与幽默40

2.9.8 用构图表现上下分割型版式40

2.9.9 用构图暗示上下分割型版式40

2.9.10 用对比色表现上下分割型版式41

2.9.11 自由型上下分割版式41

2.9.12 创意式上下分割型版式41

2.10 并置式版式设计41

2.10.1 说解并置式版式41

2.10.2 并置式意象组合41

2.11 严谨四角型版式设计42

2.11.1 四角型版式设计42

2.11.2 用四角形构图表现规整的版面效果42

2.12 定位式版式设计42

2.13 重心型版式设计42

2.13.1 向心重心型版式42

2.13.2 离心重心型版式42

第3章 版式设计中的“点”

3.1 认识构图的基本要素——“点”44

3.1.1 什么是“点”44

3.1.1.1 “点”的性质44

3.1.1.2 “点”的位置关系重于面积关系44

3.1.1.3 “点”有各种各样的形状44

3.1.2 “点”的概念44

3.1.2.1 几何学中的“点”44

3.1.2.2 “点”与面的区别45

3.1.2.3 改变“点”的位置45

3.1.2.4 变了形的图案45

3.1.2.5 形态形成等大的视觉效果45

3.1.3 版面中被视作点的因素45

3.1.3.1 面积因素45

3.1.3.2 形状因素45

3.1.3.3 数量因素46

3.1.4 点在版面中的呈现艺术46

3.1.4.1 点的注目性呈现艺术46

3.1.4.2 点会引起注目46

3.1.5 点的张力作用46

3.1.5.1 点与点之间的吸引作用46

3.1.5.2 大小不同时的“点”46

3.1.5.3 “点”的基本特性是聚集46

3.1.6 虚点视觉映像点47

3.1.7 “点”主体和背景47

3.2 “点”的种类47

3.2.1 单“点”47

3.2.1.1 单纯点的灵活排列47

3.2.1.2 “点”的艺术魅力47

3.2.1.3 “点”是力的中心48

3.2.1.4 中间点的性质48

3.2.2 多“点”48

3.2.2.1 多“点”间视觉作用力 48

3.2.2.2 多“点”利于形成动感和立体感48

3.2.2.3 多“点”的表现形式48

3.2.2.4 “点”的线化排列 48

3.2.2.5 “点”是视觉传达艺术的设计49

3.2.2.6 单纯的“点”排列49

3.2.2.7 缩小图形形象更引人注意49

3.2.3 分散型的“点”49

3.2.3.1 张弛有度的“点”49

3.2.3.2 “点”产生优美的韵律感49

3.2.3.3 等间距的“点”产生动感49

3.2.3.4 运用自然散点的构图50

3.2.3.5 “点”是构成视觉空间的基本元素50

3.2.4 重叠的“点”50

3.2.4.1 “点”能产生微妙的动态视觉50

3.2.4.2 华丽组合型版式的“点”50

3.2.5 组合的“点”50

3.2.5.1 “点”的面化组合51

3.2.5.2 不规则点51

3.2.5.3 “点”构成不同深度的空间感51

3.2.5.4 处在边缘位置的“点”51

3.3 了解“点”的形态51

3.3.1 “点”的形态能引起高度注意51

3.3.2 自然形态中的“点”51

3.3.3 “点”是视觉中心52

3.3.4 “点”的不同形态及其组合52

3.3.5 “点”的不同形态的视觉特征52

3.4 从“点”元素中获取灵感52

3.4.1 “点”在三个方向平均散开时52

3.4.2 当两“点”的大小不同时52

3.4.3 “点”有一种跳跃感53

3.4.4 “点”有一种生动感53

3.4.5 “点”有一种节奏感53

3.5 “点”的基本表现53

3.5.1 “点”的线化53

3.5.1.1 线化的点赋予版面抽象性54

3.5.1.2 点的线化视觉张力54

3.5.2 “点”的面化54

3.5.2.1 “点”的面化运用54

3.5.2.2 “点”的线化排列54

3.5.2.3 三个以上相隔的“点”54

3.5.3 “点”的对比55

3.5.3.1 等距离排列的“点”55

3.5.3.2 以“点”的对比强调差异性55

3.5.4 “点”元素的和谐统一55

3.5.5 相同的“点”给人感觉大小不同55

3.6 “点”的性质和作用55

3.6.1 “点”与面的区分55

3.6.1.1 差点构成56

3.6.1.2 网点构成56

3.6.1.3 参照物对“点”的影响 56

3.6.2 “点”构成的基本形态元素56

3.6.2.1 “点”视觉吸引力56

3.6.2.2 “点”的聚焦性56

3.6.2.3 “点”大吸引力强57

3.6.3 点的群集性组合，显露时代风格57

3.6.3.1 点的集聚57

3.6.3.2 “点”赋予版面灵性57

3.6.3.3 “点”的群化组合57

3.6.3.4 面化的“点”在版面上的构成58

3.6.4 “点”的性格58

3.6.4.1 点的无形状性58

3.6.4.2 “点”的情感色彩58

3.6.4.3 用“点”表达情感58

3.6.4.4 用“点”表现“跳跃”感58

3.6.5 有序的“点”的构成59

3.6.5.1 丰富而有序的“点”构成59

3.6.5.2 “点”在构成中的特性与表现59

3.6.5.3 自由的“点”的构成59

3.7 “点”的错视59

3.7.1 远近错觉59

3.7.1.1 周围空间对比所产生的错觉60

3.7.1.2 “点”的交错与重叠60

3.7.2 亮度错视60

3.7.3 图底反转错觉60

3.7.4 两个同相点的错觉60

3.8 “点”在版面上的位置61

3.8.1 “点”导向在上61

3.8.2 “点”导向在下61

3.8.3 “点”偏左或偏右 61

3.8.4 “点”导向斜向向下61

3.8.5 “点”导向在中心61

3.8.5.1 “点”居中会有平静、集中感62

3.8.5.2 “点”导向中心位置62

3.8.5.3 改变视线中心的“点”62

3.8.5.4 设计中心的突显62

3.8.6 “点”的三分法视觉效果62

3.8.6.1 “点”位于画面三分之二偏上的位置62

3.8.6.2 “点”高低不同的组合63

3.9 “点”在设计中的应用63

3.9.1 强调整齐，形成秩序美63

3.9.1.1 “点”的节奏与韵律63

3.9.1.2 “点”节奏的感染力63

3.9.1.3 “点”能产生节奏感63

3.9.2 运用自然散点的构图63

3.9.2.1 “点”的变化64

3.9.2.2 “点”有利于构思明确的主题 64

3.9.3 “点”元素与版式设计64

3.9.3.1 整体与局部变化相结合64

3.9.3.2 文字转化为点与图形的结合64

3.9.3.3 图形与文字结合形成整体64

3.9.3.4 整体选择和编辑素材的颜色64