设计的逻辑 INFOGRAPHICS深入人心的视觉法则PDF电子书下载

序 3

什么是资讯图表I nfographics 8

Chapter 1示意图 18

何谓示意图Diagram 18

Technique 1[考虑视觉动线的编排]整理出想知道的内容，然后详细深入采访。同时也需兼顾编辑方面的视点。 20

Technique 2[比较1]相互比较，设法强调差异性。 24

Technique 3[比较2]用实体大小营造临场感十足的体感效果。 26

Technique 4[比较3]具象比较与强制移动。 28

Technique 5[连续动作的表现方法1]用局部上色突显重点。 30

Technique 6[连续动作的表现方法2]用缎带般的立体箭头来表现动态。 32

Technique 7[连续动作的表现方法3]静态与动态分别使用不同箭头，明确表现出动作。 34

Technique 8[回应单纯的疑问1]聚焦在读者最想知道的部分。 38

Technique 9[回应单纯的疑问2]传达魅力与震撼力，强烈吸引读者的目光。 40

Technique 10[回应单纯的疑问3]传达看不见的部份，引起读者更多的阅读兴致。 42

Technique 11[找出最佳视点]解说构造时，构图角度很重要。 44

Technique 12[加入诱导的内容]将读者带入画面，并诱使产生某种行动。 46

Technique 13[勾起过往经历]勾起读者过往经历，让感受更为真实。 48

Technique 14[比较4]让事物差异显而易见。 50

Technique 15[将行为化为有形]简明扼要地表现某种行为造成的现象。 52

Technique 16[发挥同理心]顾及读者的心情与立场。 54

Technique 17[考虑第一印象]以优美的图像消弭恐惧感。 56

Technique 18[使用隐喻（譬喻·举例）]使用譬喻法来帮助理解长时间发生的事。 58

Technique 19[把概念画出来]创造虚构的场景，让概念更容易传达。 60

Technique 20[让空间格局易於辨识的表现]初次看到的人也不会迷惑，整体空间易於辨识的导览图。 62

Technique 21[颜色的用法]只在希望读者关注的部位上色。 64

Technique 22[顾及视觉动线的故事性]使用插画明确传达形象。 67

Technique 23[将形象具体化]明确传达随著时间经过而产生的情势变化。 68

Technique 24[使用模型模拟测试]理不清头绪时，可制作模型实际模拟测试。 70

Technique 25 [箭头的表现]用箭头演绎空间与时间。 72

Technique 26[地形示意图·地形剖面图]以示意图·剖面图表现构造与现象。 74

Column影响我至深的设计师及其作品1 Nigel Holmes奈吉·荷姆斯 78

Chapter 2图表＆表格Chart＆Table 82

何谓图表＆表格Chart＆Table 82

Technique 27[图表与统计图表的组合]在图表中加入其他要素。 86

Technique 28[用单一线段来表现流程]线段可让流程更清楚明确。 88

Technique 29[基本的循环图]用圆形有效表现循环流程。 90

Technique 30[箭头以外的流程图]箭头以外的流程表现。 92

Technique 31[时间经过的表现方式]由远处往前方推演的时间序。 94

Technique 32[年表的表现方式]制作清楚好懂且吸引人的年表。 96

Technique 33[年表的颜色使用实例]只突显欲强调之部位的颜色。 98

Technique 34[年表与地图的组合]结合时间与地点，让年表更具传达力。 99

Technique 35[关连图·组织图]明确设计出各要素之间的关连性。 102

Technique 36[系统图]让时间经过的变化一目了然。 105

Technique 37[表格的表现方法1]善用颜色及形状来传达形象。 106

Technique 38[表格的表现方法2]结合地图及统计图表。 108

Technique 39[分类表]分类表的设计与样式。 110

Column影响我至深的设计师及其作品2 Javier Zarracina哈维尔·札西纳 112

Chapter 3统计图表 116

何谓统计图表Graph 116

Technique 40[直条图]改变直条图的视觉图像。 120

Technique 41[刻度比例的表现]将刻度配置在设计的中心。 122

Technique 42[具跃动感的图表]令人震撼的动线是由远到近移动。 124

Technique 43[造成误解的表现1]利用错觉的表现手法。 126

Technique 44[造成误解的表现2]过度强调的表现手法。 127

Technique 45[造成误解的表现3]折线图的使用限制。 128

Technique 46[面积图·体积图]在有限版面中表现差距大的数据。 130

Technique 47[雷达图]用雷达图直接传达概要。 134

Technique 48[应用实例]统计图表与影像结合。 137

Column影响我至深的设计师及其作品3 Rufus Segar路法斯·席格 138

Chapter 4 地图Map 146

地形图是一种省略的设计 146

Technique 49[导览图的表现1]导览图的表现方法。 148

Technique 50[导览图的表现2]各种改变视觉印象的表现手法。 150

Technique 51[地图的颜色表现]4种基本设计类型。 151

Technique 52[城市地图]活用基本设计制作城市地图。 152

Technique 53[用色]制作色表。 154

Technique 54[颜色的深浅]理解颜色给人的感觉。 156

Technique 55[灰阶地图]灰阶地图的制作要点：最多只使用4～5种不同深浅的颜色。 158

Technique 56[建筑物的插画表现1]利用标志记号般的建筑物插图，表现街道风貌。 159

Technique 57[建筑物的插画表现2]在平面地图中正确配置建筑物插图。 162

Technique 58[建筑物的插画表现3]考虑目标对象的年龄层。 164

Technique 59[插画地图的表现]表现自由度高的插画地图。 166

Technique 60[电车路线图的表现]路线图设计的方向性。 170

Column路线图设计的原点，Harry Beck哈里·贝克。 174

Technique 61[公车路线图的表现1]用一条线表现单一路线。 176

Technique 62[公车路线图的表现2]用一条线表现全部路线。 178

Technique 63[公车路线图的表现3]方便看出公车搭乘处。 180

Technique 64[道路图]路线图只需配置必要资讯，且需意识到地图与文章的主从关系。 182

Technique 65[地图的应用表现1]倾斜变形地图，使其呈现鸟瞰图风格。 186

Technique 66[地图的应用表现2]倾斜变形地图，使画面前方的空间变大。 188

Technique 67[地图的应用表现3]以做出有别於既有地图的形式为目标。 190

Technique 68[鸟瞰图的表现]鸟瞰图的角度。 196

Technique 69[鸟瞰图的制作步骤]制作鸟瞰图。 197

Technique 70[鸟瞰图的应用表现1]配合页面变形地图。 199

Technique 71[鸟瞰图的应用表现2]用云朵巧妙遮盖非必要资讯。 202

Column影响我至深的设计师及其作品4森下畅雄Nobuo Morishita 204

Chapter 5象形图Pictogram 210

何谓象形图Pictogram 210

Technique 72[象形图的制作重点]能让目标对象理解的简要设计。 212

Technique 73[简单的象形图制作法]不会画图也能制作象形图。 215

Technique 74[象形图的应用表现1]在统计图表前端配置象形图。 216

Technique 75[象形图的应用表现2]用象形图表现统计图表的数值。 218

Technique 76[象形图的应用表现3]用象形图在地图上作记号。 220

Column影响我至深的设计师及其作品5 John Grimwade约翰·格里穆瓦德 222

总结·资讯图表的潮流～节录自演讲内容～In the Lump 225

资讯图表研习营INFOGARPHICS WORKSHOP 245

结语 254