
大家好,我是粒子!最近终于想起了公众号密码,跑来更新了。今天就来说说,「解决方案架构图」。
01.
关于架构图
等等,先停止你的想象,这里所说的架构图并不是常见的「组织结构图」,而是这种的。
相比常见的公司组织结构图,它更具有专业性与复杂性。
这类图一般由专业技术人员通过专业软件绘制而成,除了画风奇特,还常常以低质量截图形式出现在 PPT 中,从此再高大上的页面都沦为路人。这些常见的架构图都有哪些问题呢?

以百度的结果为例,辣眼的原因主要有三个:
1/随意的文字内容:文字的位置摆放随意,没有对齐和重点。
2/混乱的颜色搭配:颜色搭配过多,色彩丑陋,画面让人眼花缭乱。
3/过多的形状效果:渐变、阴影、三维,不同的特效混搭,导致页面杂乱。
02.
大企业的架构图长什么样
那么问题来了,当我们面对这样的架构图,该如何美化呢?
曾经我也很疑惑,直到翻遍了大部分互联网大厂的官网后,我终于发现了架构图的终极奥义,「简约」。看看下面的案例也许你就明白了,比如华为的架构图。
2.1 华为

2.2 阿里

2.3 百度


2.4 亚马逊

简约及正义,复杂及原罪。
03.
优质的架构图三大特点
无一例外,这些架构图都有着以下三大特点:
3.1 整齐清晰的文字
内容文字上,整齐如一。不同层级的文字具有明显的对比,阅读清晰,层级结构呈现得很直观。
3.2 简约的配色
配色上都遵循基础色(黑白灰)加一种强调色组成,这个强调色可以是单色,也可以是渐变色。
通过强调色,为页面增添一丝色彩,或者强调某一重要的内容。而在文字的颜色选择上,都是以浅底黑(灰)字,深底白字为主。
3.3 基础的形状
装饰上,多用基础形状,比如矩形、线框、箭头等。整个图的风格统一,避免各种渐变、三维效果、厚重阴影效果的混搭。
04.
框架图优化实战案例
下面,就以百度上一张架构图为例,教你如何美化一页架构图,俘获领导的芳心。

4.1 第一步,还原页面框架
既然是架构图,拥有一个清晰的框架理所当然地成为了首要任务。而第一步,需要我们抛弃原先的所有设计,根据原图,用色块临摹出内容区域,还原出内容框架。

这里我们用最简单的矩形就行了,不过需要注意的是,要牢记「对齐」原则,色块之间排列整齐。
4.2 第二步,根据框架,填入相应的文字内容
填入内容的同时,注意不同层级文字之间的「对比」,通过字号、粗细进行划分。

4.3 最后,我们就可以进行可视化设计了
不会原创?不要紧,我们模仿优秀的案例就行了,比如阿里的风格。

这样,一个清晰明朗的解决方案架构图就完成了。
除了以文字为主的架构图,另外还有一种以图形、图片为主的架构图也很常见。

这种架构图的不可替换性比较强,比如上图中存在的主机、交换机、服务器、工作站等都是比较专业的元素,一般不能将其去掉或者换成简单的小图标。
这时候,最好的办法就是通过关键词查找,对素材进行取舍替换。

(部分文字懒得打)
这样,就完成了一个架构图的华丽变身。以上,就是今天的全部内容。我们下期再见!