![120e992fa86df15265d1d91544e799d7.png](https://img-blog.csdnimg.cn/img_convert/120e992fa86df15265d1d91544e799d7.png)
开宗明义,今天小编分享架构图。
俗话:隔行如隔山。尽管小编以学术研究的精神,一直在研习各种图形的绘制和使用,但今天关于“架构之美”的主题,小编也谦虚的向各位大佬讨教、交流、学习,所以抛砖引玉了。
许多的小伙伴坦言画不好架构图,因为有很多困难阻碍了他们的进阶之路。
当你想用一张或几张图来描述你的系统时,经常对着画布无从下手、删了又画;不知道如何用一张图描述你的系统,让各部门同事一目了然;图画一半发现不清楚给谁看;布局怎么画都不满意······(小朋友你是否有很多问号?)
当然你可能还面临更多细碎的问题,让你画架构之路举步维艰。如果你有以上诸多困惑,本周小编的分享也许能够让你的架构图更清晰。
一、什么是架构图
系统架构图是为了抽象地表示软件系统的整体轮廓和各个组件之间的相互关系和约束边界,以及软件系统的物理部署和软件系统的演进方向的整体视图。
二、架构图的作用
要让各部门的同事理解、遵循架构决策,就需要把架构信息传递出去,架构图就是一个很好的载体。一图胜千言,使用架构图的好处就是能解决沟通障碍,达成共识,让相关同事通过图一目了然领悟作图者的信息。
架构图是提升工作效率、优化产品性能、改善用户体验等方面的体现,也是作图者专业能力的表现。
接下来,小编分享一些ProcessOn优秀架构图。
三、优秀架构图模板
先来看一下,网站上优秀的架构图长什么样子,不过这只是海量图中的几张,这些中有发布很久的,也有刚刚发布的,我们一起来学习一下吧。
1、微服务架构图 | 浏览23K,克隆4.9K
![4cb823ca09ef5f1aa490266a433159fa.png](https://img-blog.csdnimg.cn/img_convert/4cb823ca09ef5f1aa490266a433159fa.png)
2、技术架构图 | 浏览25K,克隆4.6K
![c7ee8cd6c365e89f443b4db315327080.png](https://img-blog.csdnimg.cn/img_convert/c7ee8cd6c365e89f443b4db315327080.png)
3、支付系统功能架构图 | 浏览量12.4K,克隆量2K
![ff4915542c2646b937b8f8ba1c9bcc35.png](https://img-blog.csdnimg.cn/img_convert/ff4915542c2646b937b8f8ba1c9bcc35.png)
4、数据中台全景架构图 | 浏览130,克隆29
![fa7c38dca46ea73a5fbfa151a955e319.png](https://img-blog.csdnimg.cn/img_convert/fa7c38dca46ea73a5fbfa151a955e319.png)
![d6342dacffee901780939470d852aa33.png](https://img-blog.csdnimg.cn/img_convert/d6342dacffee901780939470d852aa33.png)
5、物联网架构图 | 浏览量5.6K,克隆量1.2K
![5de74514129c00d82306237247a9ec3c.png](https://img-blog.csdnimg.cn/img_convert/5de74514129c00d82306237247a9ec3c.png)
![v2-d99efb9793a98232aeffe371366dc059_ipico.jpg](http://img-01.proxy.5ce.com/view/image?&type=2&guid=0f3805d2-cf35-eb11-8da9-e4434bdf6706&url=https://pic2.zhimg.com/v2-d99efb9793a98232aeffe371366dc059_ipico.jpg)
如何判断一个架构图是好的架构图?最直接的标准是架构图要具备一致性和准确性,能够与代码相呼应;受众能准确接收到作图人想传递的信息。
四、如何作架构图?
有两种方法:自己制作和使用模板。
第一种:新建流程图自己制作
![b54a15eadf12677153e64fb893303be5.gif](https://img-blog.csdnimg.cn/img_convert/b54a15eadf12677153e64fb893303be5.gif)
操作步骤:
Step1:新建【流程图】
Step2:在【更多图形】中添加更多架构图相关图形【网络拓扑图】、【UI界面原型图】
Step3:拖拽图形到编辑区使用即可
第二种:从模板区克隆使用别人模板制作
![ed8302628c3d24fe8d60e3546421b0f0.png](https://img-blog.csdnimg.cn/img_convert/ed8302628c3d24fe8d60e3546421b0f0.png)
操作步骤:
Step1:新建【流程图】-从模板新建
Step2:进入模板区后在搜索【架构图】或进入架构图专题中直接选用架构图模板
Step3:克隆使用模板
Step4:编辑克隆后的模板为我所用,下载或协作、分享使用即可
新手做有困难的小伙伴,推荐先克隆使用别人的优质模板,按图索骥学会架构图,先模仿别人,再超越别人!
近期模板库上线了【优质架构图合辑】模板专题,欢迎大家去切磋学习。
![05cf4b512253ca9e3382bcc823b6331b.png](https://img-blog.csdnimg.cn/img_convert/05cf4b512253ca9e3382bcc823b6331b.png)