嗨,我是小木。
废话不多说,直接看几张反面案例:
信我,像这种又丑又复杂的架构图,其实你只要理解以下两个设计思路,就能让它们有很大改观:
- 缕清层级关系;
- 递减式地使用颜色;
我直接改一下前面的案例给大伙儿看看,你们就明白我在扯啥了。
▎案例修改实操
当图表中的模块数量比较多的时候,你要做的第一件事,就是缕清模块之间的信息等级关系。
比如在这个模块中,信息的等级关系就非常明显:
缕清了等级关系,然后呢?
然后你就需要为它们使用显眼程度不同的设计样式,最简单的方法就是——递减式地为它们使用颜色。
比如,一级标题用最显眼的彩色形状来承载,二级标题用彩色文字,三级标题用白色形状来承载:
你瞧,现在信息的结构是不是很分明?而且配色也轻盈了不少。
另外在上图中有一个细节——我为用来装载信息的模块使用了最不显眼的渐变白色。
很多小伙伴在做这种架构图时,都会下意识地认为模块也需要填充颜色,这正是导致你的架构图显得很臃肿的原因。
当你能理解「根据信息等级,递减式地用色」这句话时,你就能做出下面这种信息等级清晰、配色轻盈的架构图了:
为了帮大伙儿加深印象,我们再用一模一样的设计步骤来修改一下这个案例,不过这次我们尝试换成深色背景:
先缕一下模块中的信息等级关系:
接着,继续根据等级关系,为它们使用「显眼程度递减」的配色:
最后,把这个配色套路应用到所有模块中,搞定:
你瞧,只要思路对了,各种不同配色的架构图我们都能 hold 住。
OK,如果你只是想应付一下领导,那你看到这里就可以拉到末尾去点【赞】,然后关掉这篇小破文了。
要是你觉得自己还年轻,作死欲望强烈,那你可以继续往下看,我再给你介绍多一种耗发量惊人的架构图做法。
▎案例延伸
当领导说他想要一个「立体架构图」时,也许这是你以为他想要的效果:
直到 3000 块的工资被扣了五毛二时,你才发现原来他想要的是这种:
▲2021 阿里巴巴云栖大会 PPT
骚年莫慌,今天我就教你怎么把这五毛二要回来。
就拿前面那个肇事的案例来开刀。
这里我们先根据信息的三层结构,插入三个普通的椭圆形,再为其设置【渐变填充】,有空间感的「立体平台」就是这么来的:
为了让整个平台看着更丰富,我们还可以给不同圆形使用不同样式,或是换成其他素材:
接着把文字补充上去,图表雏形就出来了:
最后,再插入设置了渐变色的箭头形状,营造出上升的趋势感,同时再加些装饰物进去,搞定:
好了,现在你可以拿着这页 PPT 去跟领导要回你那五毛二了,不谢。
另外,除了圆锥式的架构图,像下面这种立方体架构图也是用同样的方法做出来的,只不过就是把椭圆形换成了平行四边形而已:
现在我们来总结一下以上内容:
- 绘制平面的架构图:先内容的缕清层级关系,再递减式地为元素配色。
- 绘制立体的架构图:先根据层级数量,插入对应数量的形状,再为形状设置渐变色。
懂了