大家好,我是粒子!
最近终于想起了公众号密码,跑来更新了。
今天就来说说,「解决方案架构图」。
等等,先停止你的想象,这里所说的架构图并不是常见的「组织结构图」,而是这种的。
相比常见的公司组织结构图,它更具有专业性与复杂性。
这类图一般由专业技术人员通过专业软件绘制而成,除了画风奇特,还常常以低质量截图形式出现在PPT中,从此再高大上的页面都沦为路人。
这些常见的架构图都有哪些问题呢?
以百度的结果为例,辣眼的原因主要有三个:
1/随意的文字内容: 文字的位置摆放随意,没有对齐和重点。
2/混乱的颜色搭配: 颜色搭配过多,色彩丑陋,画面让人眼花缭乱。
3/过多的形状效果: 渐变、阴影、三维,不同的特效混搭,导致页面杂乱。
那么问题来了,当我们面对这样的架构图,该如何美化呢?
曾经我也很疑惑,直到翻遍了大部分互联网大厂的官网后,我终于发现了架构图的终极奥义,「简约」。
看看下面的案例也许你就明白了,比如华为的架构图。
阿里的。
百度。
或者是亚马逊。
简约及正义,复杂及原罪。
无一例外,这些架构图都有着以下三大特点:
01.**整齐清晰的文字**
内容文字上,整齐如一。不同层级的文字具有明显的对比,阅读清晰,层级结构呈现得很直观。
02.**简约的配色**
配色上都遵循基础色(黑白灰)加一种强调色组成,这个强调色可以是单色,也可以是渐变色。
通过强调色,为页面增添一丝色彩,或者强调某一重要的内容。而在文字的颜色选择上,都是以浅底黑(灰)字,深底白字为主。
03.基础**的形状**
装饰上,多用基础形状,比如矩形、线框、箭头等。整个图的风格统一,避免各种渐变、三维效果、厚重阴影效果的混搭。
**▼**
下面,就以百度上一张架构图为例,教你如何美化一页架构图,俘获领导的芳心。
01.第一步,还原页面框架
既然是架构图,拥有一个清晰的框架理所当然地成为了首要任务。
而第一步,需要我们抛弃原先的所有设计,根据原图,用色块临摹出内容区域,还原出内容框架。
这里我们用最简单的矩形就行了,不过需要注意的是,要牢记「对齐」原则,色块之间排列整齐。
02.第二步,根据框架,填入相应的文字内容。
填入内容的同时,注意不同层级文字之间的「对比」,通过字号、粗细进行划分。
03.最后,我们就可以进行可视化设计了。
不会原创?不要紧,我们模仿优秀的案例就行了,比如阿里的风格。
这样,一个清晰明朗的解决方案架构图就完成了。
这种架构图的不可替换性比较强,比如上图中存在的主机、交换机、服务器、工作站等都是比较专业的元素,一般不能将其去掉或者换成简单的小图标。
这时候,最好的办法就是通过关键词查找,对素材进行取舍替换。
(部分文字懒得打)
这样,就完成了一个架构图的华丽变身。
以上,就是今天的全部内容。
我们下期再见!
–