如何让 2D 架构图变为 3D 立体架构图？

[favori]

如何让 2D 架构图变为 3D 立体架构图？

2D 架构图是一种简单、直观的架构图，它将系统的功能、子系统、组件等层级结构以二维图表的形式展现出来。然而，随着系统的发展，2D 架构图的局限性也越来越明显。比如，当系统的功能、子系统、组件等层级结构变得复杂、分支较多时，2D 架构图就无法直观地展现系统的架构。

为了解决 2D 架构图的局限性，3D 架构图应运而生。3D 架构图是一种三维的图表，它将系统的功能、子系统、组件等层级结构以空间的形式展现出来，可以直观地展示系统的架构。3D 架构图的优点是可以直观地展示系统的架构，可以更好地反映系统的复杂性。

将 2D 架构图转化为 3D 架构图的步骤

1. 打开 iCraft Editor 软件，创建一个新文件，按键盘快捷键 V 切换为 2D 俯视图，如下图所示。

2. 通过俯视图先绘制出系统的功能区块，我们可以在 iCraft Editor 中通过俯视图进行和 2D 图形软件一样的区块绘制, 如下图所示，用平面元素画出 Auto Scaling 以及 AWS Lambda 两个区块。

3. 然后，将需要的元素添加上来，拖拽放置到对应的位置。

4. 根据元素与元素之间的关系，进行元素与元素之间的连线。

5. 接着开始添加解说文字，添加文字描述各个区域或者元素的功能，以及元素之间的联系，这时可以选择性的打开元素属性的显示提示开关，用于显示悬浮文字提示。

至此，就像使用 2D 图形软件一样，完成了 2D 架构图的绘制。

6. 最后，按键盘快捷键 V,一键切换视图为 3D 视图正轴测图，将看到 2D 架构图转换为了空间上的 3D 立体架构图。

7. 我们可以按住 Alt+鼠标左键进行旋转,可以从不同的角度观察和解说系统的架构。

8. 通过添加相机按钮可以保存当前相机视角, 通过键盘数字键可以切换到对应的相机视角，方便我们快速切换观察解说不同视角下的系统架构。

推荐使用 iCraft Editor

那么大家可以看到，绘制一幅 3D 架构图所需的步骤和绘制 2D 架构图基本一致，只不过是使用了 iCraft Editor 软件，iCraft Editor 目前是全世界唯一一款绘制真 3D 架构图的软件。通过 3D 架构图，我们可以更加直观地展示系统的架构，更好地反映系统的复杂性。

iCraft Editor 官网： https://icraft.gantcloud.com

keywords: system architecture diagram 、software architect 、IT architecture diagram 、network architecture diagram 、free architecture software

[mainjzb]

鉴定为硬广

[zx900930]

鉴定为 cloudcraft

[favori]

@mainjzb 的确是推广自己的产品哈

[favori]

欢迎大家提出宝贵意见和建议！

[favori]

@zx900930 的确有对标 cloudcraft 在做，但是真 3D

[3img]

看起来不错，要是有动画就更好了

[7gugu]

看起来效果很棒

[favori]

@3img 支持动画的，可以看这篇哈 https://www.v2ex.com/t/1083621

[pdog18]

我感觉这种网站技术好强大啊，我这种小白完全想不出有什么办法实现这个效果