V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
favori
V2EX  ›  分享创造

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

  •  
  •   favori · 27 天前 · 1296 次点击

    如何让 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  
       27 天前
    鉴定为硬广
    zx900930
        2
    zx900930  
       27 天前
    鉴定为 cloudcraft
    favori
        3
    favori  
    OP
       27 天前
    @mainjzb 的确是推广自己的产品哈
    favori
        4
    favori  
    OP
       27 天前
    欢迎大家提出宝贵意见和建议!
    favori
        5
    favori  
    OP
       27 天前
    @zx900930 的确有对标 cloudcraft 在做,但是真 3D
    3img
        6
    3img  
       27 天前
    看起来不错,要是有动画就更好了
    7gugu
        7
    7gugu  
       27 天前
    看起来效果很棒
    favori
        8
    favori  
    OP
       27 天前
    @3img 支持动画的,可以看这篇哈 https://www.v2ex.com/t/1083621
    pdog18
        9
    pdog18  
       26 天前
    我感觉这种网站技术好强大啊,我这种小白完全想不出有什么办法实现这个效果
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2705 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 00:26 · PVG 08:26 · LAX 16:26 · JFK 19:26
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.