在做企业介绍、供应链、技术架构等主题的PPT时,我们往往会用到架构图。
对大部分人来说可能不常见,但每次遇到都很头疼,容易做的凌乱,影响信息传达:
其实架构图虽然内容往往很繁琐,但掌握诀窍后,做好就并不难。
而所谓
递减式设计
是指:通过元素
显眼度的递减
来塑造内容层级,比如颜色深浅、元素大小等等。
如果你不太能理解也无妨,接下来通过几组案例的修改来辅助大家理解~
我们经常会看到这样颜色完全一致或差别不大的组织架构图,第一眼不易分清职位的高低:
而优秀的组织架构图应该做到层级清晰,不用读具体的文字都能一眼看出层级:
原稿这架构图整个都是一个颜色,无法在视觉上体现层级:
而且最右边线框里的内容逻辑很乱。
表面上看把“核心职责”、“工作描述”、“组织构成”3项内容罗列的很清楚:
仔细阅读后才发现,这是3个团队相关的内容被拆散开摆放了,阅读体验极其反人类...
要优化整个架构图,我们得先把这组内容梳理好。
把每个团队对应的
“核心职责”、“工作描述”、“组织构成”摆放在一起即可:
比起原稿分散的形式,归纳整合后阅读起来是不是清晰多了:
梳理完以上内容后的页面如下,这里为了排版最后一组内容,我把架构图的方向改成纵向的了:
▼
目前架构图优化完成,就是页面整体色彩有些寡淡。
我们可以再在底部加一个渐变色块,这页就设计完成了:
除了组织架构图之外,大家平时遇到的更多应该是这种内容很多的架构图:
架构图设计的重点就是
信息层级清晰
,原稿第一层架构里就有标题不如正文显眼的问题:
同理,第三层架构里的内容,也应该按照内容等级设置不同显眼层度的样式:
除此之外,因为架构图里的元素比较多,容易显得凌乱,所以你还得尽量让元素之间
严格保持对齐
。
比如,第三层架构里零散的内容,如果给它们换个排版,你会发现一切豁然开朗:
把所有架构的内容都根据层级设置好样式后,
咱们就能得到这样一个整洁清晰的架构图:
目前的页面信息已经一目了然,比起原稿是不是翻天覆地的改造了呢~
最后,我们依然可以添加图标来丰富页面视觉,降低单调感,这页也完成了:
原稿可以看出就“一段话+架构图”两个模块,逻辑很简单,但是元素太杂乱了:
我们先来梳理页面顶部那段话。
将内容拆分成多句话,并区分层级,最后添加图标:
处理完以上内容后的页面如下,看着比一段话舒服多了吧:
一共3个模块,每个模块里要么小标题+几项内容,要么只有内容,结构很简单: