如何让 2D 架构图变为 3D 立体架构图? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
favori
V2EX    分享创造

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

  •  
  •   favori 2024-10-25 09:56:14 +08:00 2218 次点击
    这是一个创建于 441 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如何让 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

    9 条回复    2024-10-26 18:17:03 +08:00
    mainjzb
        1
    mainjzb  
       2024-10-25 10:41:15 +08:00
    鉴定为硬广
    zx900930
        2
    zx900930  
       2024-10-25 11:00:36 +08:00
    鉴定为 cloudcraft
    favori
        3
    favori  
    OP
       2024-10-25 11:01:31 +08:00
    @mainjzb 的确是推广自己的产品哈
    favori
        4
    favori  
    OP
       2024-10-25 11:01:59 +08:00
    欢迎大家提出宝贵意见和建议!
    favori
        5
    favori  
    OP
       2024-10-25 11:03:31 +08:00
    @zx900930 的确有对标 cloudcraft 在做,但是真 3D
    3img
        6
    3img  
       2024-10-25 14:20:32 +08:00
    看起来不错,要是有动画就更好了
    7gugu
        7
    7gugu  
       2024-10-25 14:21:59 +08:00
    看起来效果很棒
    favori
        8
    favori  
    OP
       2024-10-25 15:41:06 +08:00
    @3img 支持动画的,可以看这篇哈 t/1083621
    pdog18
        9
    pdog18  
       2024-10-26 18:17:03 +08:00
    我感觉这种网站技术好强大啊,我这种小白完全想不出有什么办法实现这个效果
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     908 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 20:33 PVG 04:33 LAX 12:33 JFK 15:33
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86