制图教室丨是什么让分析图变得如此简单清晰
算起来已经很久没有给大家出过分析图的教程了，是时候安排一期了~这不，本期就为大家带来的是一张分析图的制作过程，不难，但绝对实用！就说谁不愿意花少少的时间和少少的精力就能拥有美美的效果呢？~那么，话不多说，我们直接进入正式的教学吧~
STEP 1
首先我们需要准备一张城市底图，这个底图可以根据自己的喜好和设计范围选择合适尺度的城市区域，在百度个性地图中可以轻松将地图调整为黑白模式，然后将自己需要的区域截图保存就可以作为我们的底图啦。在这里我选取的范围比较大，因此在百度个性地图中需要放大到合适的尺寸，在相同比例下截取多张图片再在Photoshop中进行拼合就可以获得一张完整的底图。
将制作好的底图调整透明度，就可以垫在整幅图的最下方，为分析图赋以空间属性，增加分析图的阅读性。这里我将透明度调到了31%，这样既不影响其他信息的表达，又不至于看不清底图。
STEP 2
本分析图以外卖小哥一天的行为流线为出发点，将其完整的工作流程表达在图纸中，因此选用环状的结构，表达其日复一日的闭环流程。
这张图中同时表达了多重信息，既有外卖小哥自身的工作流程，又有与其接触的人群，还有和人群会发生的关系，所以将不同信息分层十分重要。在这里我以外卖小哥为圆心，最内层文字构成的虚圆圈表达其工作流程；向外一层为其接触到的人群，用实线圆圈加以明确，并通过向外发散的线将不同人群分割为不同区块；最外圈为外卖小哥与人群之间发生的活动；整个圈层外侧用概括性语句总结该互动关系。
整个分析图就体现出了层层向外，每层代表不同含义的比较清晰的结构。
这里呈圆圈状的字是在AI中完成的，首先在AI中左侧工具栏中找到形状工具，在底图上画一个大小合适的圆，再用路径文字工具（点击文字工具右下方的小三角就可以看到啦）点击刚刚画好的圆，圆上就会出现默认文字，这时候就可以沿着圆弧加入文字啦，可以通过空格来控制文字间距，如果觉得画圆不好掌控各文字位置和方向也可以用钢笔或曲率工具绘制曲线，再使用路径文字工具。这里要注意文字的可读性，避免看图时需要将脑袋转的角度过大。我在这里是使用两个半圆弧拼合的方式完成文字的，这样可以使上下的文字顺序都为从左往右，阅读起来比较容易。
STEP 3
确定好底图和整体结构之后，就要开始准备用于表达人物关系的素材啦，这个项目选择外卖小哥和其工作流程中会接触到的人群作为选用的素材。
整个分析图是以黑白色调为主的，因此在素材的选择上保持相同的风格，通过灰度的变化体现出不同信息的差别。因为很难直接找到契合主题的素材，我就在百度中搜索图片，根据自己的需求找到合适的照片，再在PS中将人物单独抠出，涂成黑色或灰色。制作素材的关键点就是要细心一点，抠图时抠的越细致最后做成的素材效果就越逼真，用于分析图时会更加形象。
为了突出主要人群特征，我在对素材进行处理时采用美团黄色对外卖小哥的配送盒进行了处理，这样在整个黑白色调的图中就会凸显出外卖小哥的身份，更利于读图。
STEP 4
到这一步这张分析图已经比较清晰了，但是为了进一步增强其逻辑性和信息丰富度，我们需要再为它添加一些小图标。为了不使图面变得杂乱，我将小图标添加在结构线上，在第二圈层对应不同人群互动的地方增加“+”、“-”号来代表该互动的积极性及消极性，直观的表达外卖小哥与人群的关系。
另外，整个结构在设计中遵从着一定的先后顺序，所以在最外部的圈层表达这一先后顺序，在放射线上增加一个比较醒目的三角标志，表示其行为顺序。到这一步这张分析图就十分完整啦。
STEP 5
最后我们需要对图片进行一些小调整。首先，外卖将外卖小哥与不同人群发生的互动颜色调整为暗黄色，这样图面的丰富度会有所增加，并且与外卖小哥的身份相对应，进一步提高其逻辑性。接下来我们根据图面效果对底图进行一些调整，由于这张分析图核心结构是圆形，我们将底图进行一定遮盖，使其不是明显的方形，但又比核心结构扩展出去一部分，这样可以体现出其空间性。到此，我们就可以得到一张清晰而漂亮的分析图啦！