画匠小E已经入驻三开间开设专栏
会不定期和大家分享信息图各类干货
小E开讲
今天要讲的Diagram(图表)分析图是信息图也是比较基础,普遍的。
diagram(图表)分析图,其实就是我们经常所做的信息图,而这类图最基础的就是图表分析的制作。常常我们在做方案的前期调研时,需要处理很多数据,这时就会用到diagram分析图。一个好的信息图,不是为了做一个好看的图表,而是讲好一个故事。
和设计是一样的,我们每做的一个分析图从传达信息本身之外而言,还应该有一部分设计的元素在里面。此次的应用软件是Excel表格和Ai。
(为何要用Excel表格?ai确实可以做图表分析图,但是在ai众多的功能中图表制作是最不受大家喜爱的,因为在ai中生成的图表信息想做变形换颜色并不是很方便,但是借助excel表格会事半功倍)
今天的案例数据是来自Tani电脑存的一张图“一票难求”。虽然没有和建筑相关,但是原理是一样的。(新年即将来临,你们是否已经回到家中了呢?)
A.分析参考图
上面的四张图是我在网上找到的几张数据图,后两张还算简单一点,而前两张和更接近于可视化的数据表达(我们按照先易后难的原则,后面后将如何制作可视化分析图)。而这些数据图的共同点都是由简单的数据形成的简单的图形并通过一定的设计变化而来的,今天我们先学习如何把简单的数据形成简单的图形的diagram分析图。下面是制作好的成图。
B.制作数据
我们采用案例数据图中的右边部分制作
①.打开Excel表格,键入数据(分行分列,整齐排布)我这里用的是wps的 表格。office表格也是可以的,但是表格可选形式没有wps的样式多
②.插入——图表——确定
可以根据喜好或者需要,选择合适的图形数据形式,后期也是可以调整的。
Excel表格的数据图表的形式是多种多样的,可以根据自己喜好选择形式,同时颜色可是可以调整的(颜色表的面搭配的颜色比较搭配,也可以后期自己配)
这里我选择的是圆环图形式,颜色是单色的绿色
(这里会发现圆环图和条形图不一样了,之前四个数据,到这怎么三个了,原因是WPS表格的一个BUG。WPS表格的圆环数据图是默认整数的,即便改为小数点后两位,也是.00,所以之前最后的一个数据是0.3,四舍五入就给摸没了--天啊,小编也是很无奈,就当做原来就是三个吧。。。哈哈哈)
C简单处理
①.导数据图
打开Ai,默认新建文档——在Excel表格中复制(快捷键ctrl c)——在ai操作面板里粘贴(快捷键ctrl v)
②.修改
从Excel表格粘贴过来的图需要我们取消编组,然后对每一个元素释放剪切蒙版
修改后的图为
③.处理
Excel表格粘贴过来的图内的信息包括文字、数字和甚至是每一个形状都是可以编辑的。对于后期的变化处理很有帮助。
调整字体、删减图面信息。形成初步成图。
其实平时我们做到这里就已经可以了,已经把简单的信息转换为可以用来读的图示语言了,但是对于设计师的我们而言还是缺乏设计感。做深度调整。
D.深度调整
可以根据自己的设计来深入下去,或拆分、或删减、或添加一些元素便可把图面信息表达的更加生动。
这里我用的是平板化的处理。一直很流行的平板化也是可以用在这里哦。
①.添加背景
ai和ps不一样的一点是ai不能直接把背景色换掉,这里可以新建一个底色图层,放在最后,画一个画布大的方块,填色。这里我用的是浅绿色。然后需要们把画面做微调,这里我把字体颜色改为了白色。
(如果你对色彩不敏感的话,建议你找一个合适的色板,或者相近色,但是要和图面区分开,后期我会专门讲一节关于颜色的专题)
②.制作投影
平板化的icon一般都带有阴影,突出感强烈。
画一个椭圆——合适旋转——做调整,使超出diagram图作为阴影的白色部分合理——调出路径查找器面板(快捷键shift ctrl F9)——选择diagram图的圆环和画好的白色椭圆,点击路径查找器中的分割按钮
结果是,白色的椭圆被切分为三块。作为阴影
③.投影上色
删去不需要的白色阴影,填色改为渐变——调出渐变面板(快捷键ctrl F9),调整渐变角度,使之合理——调出透明度面板(快捷键shift ctrl F10),模式改为正片叠底,调整合适透明度
④.微调
这里加入一个数字的编码,把一个色块加了一个白色描边——出图
平板化的diagram分析完成。
按照上述的操作,我把之前的个人课程设计中做的diagram分析图改了一下,加在里面,形成一个完整的数据图。此类的图一般多为形式简易,微做调整,阵列排布。
画匠小E
E 建筑工作室合伙人
三开间开放私人微信号啦
吐槽投稿提建议专用通道
快来长按图片添加我
文末链接是手绘复兴第二季【画如其人】的活动链接,好礼奉送,爱画画的朋友不要错过啦
▼
联系客服