如何让网络图更平衡?

平面设计 批判 平衡
2022-01-13 00:27:16

我想说明一个人的网络图。这个想法是网络由 3 种类型的人组成,因此有 3 种颜色和面部。角色是其中一种类型,因此它的圆圈最大且位于中心。圆圈的大小代表了那个人对角色的重要性。所以第一级圆比中心圆小50%,第二级比第一级圆小50%。

不知何故,我不觉得图表是匀称的。也许中心圆太大了?移动笔记会进一步帮助吗?

总的来说,你觉得有什么可以改进的吗?


这是SVG文件

4个回答

很难回答这样的问题,因为它们是基于意见的。但是,我准备给您一个答案,但前提是这只是我的个人意见。随意完全无视它。

我认为该图看起来很复杂,并且缺乏对比度,这使得该图很难阅读。我不认为这是“不平衡”。与其依赖所有这些彩色笔触,不如使用颜色填充来简化图表。

像这样的东西给你一个非常粗略的想法

在此处输入图像描述

图表平衡很难,如果您修改某些连接,您为上述图表获得的任何提示可能不再适用。

此任务有专用工具,例如Graphviz

您可以为节点提供 id:在此处输入图像描述

并简单地列出每个连接:

graph G {
    1 -- 2
    1 -- 4
    2 -- 3
    2 -- 5
    2 -- 6
    3 -- 8
    4 -- 5
    4 -- 11
    5 -- 6
    5 -- 9
    6 -- 7
    6 -- 9
    6 -- 10
    6 -- 12
    7 -- 8
    8 -- 10
    8 -- 13
    9 -- 11
    9 -- 12
    10 -- 13
    11 -- 12
    12 -- 13
}

您还可以指定尺寸、标签和颜色。请注意,位置未在任何地方指定:

graph G {
    // Graph layout
    overlap=scalexy;
    sep="+0.1";

    // Node sizes
    node[shape=circle];
    node[width=1.5];
    6[fontcolor="dodgerblue4"];
    
    node[width=0.8];
    1;
    2[fontcolor="darkseagreen4"];
    5[fontcolor="dodgerblue4"];
    9[fontcolor="dodgerblue4"];
    10[fontcolor="dodgerblue4"];
    12[fontcolor="darkseagreen4"];
    13
    
    node[width=0.2];
    
    // Connections
    1 -- 2
    1 -- 4
    2 -- 3
    2 -- 5
    2 -- 6
    3 -- 8
    4 -- 5
    4 -- 11
    5 -- 6
    5 -- 9
    6 -- 7
    6 -- 9
    6 -- 10
    6 -- 12
    7 -- 8
    8 -- 10
    8 -- 13
    9 -- 11
    9 -- 12
    10 -- 13
    11 -- 12
    12 -- 13

    // Colors
    4[fontcolor="darkseagreen4"];
    8[fontcolor="darkseagreen4"];
    1[fontcolor="gold2"];
    3[fontcolor="gold2"];
    7[fontcolor="gold2"];
    11[fontcolor="gold2"];
    13[fontcolor="gold2"];
}

有不同的平衡算法。neato给出与您的示例类似的结果:

在此处输入图像描述

它也适用于数百个节点。您可以使用此在线编辑器进行尝试,并使用大小和连接进行操作。

您还可以在节点内插入图像并输出 png 或 svg 文件。

对我来说...

问题在于看似随机的连接。

就圆圈的位置而言,仅仅对齐事物并更有条理地了解连接的关系,对于更巩固的印象大有帮助。使用相对对称的外形将传达更多的平衡。

在此处输入图像描述

请注意,我还确保所有笔划的重量相同,即使圆圈尺寸减小了。统一的笔画权重也有助于整体平衡。

就格式塔而言...使用统一的笔划权重使所有连接的强度看起来都相同,并且大小表示不同的重要性。

为了适应内部图标,这可能意味着您需要稍微放大小圆圈。

  1. 打破未完成的正六边形。它是如此接近完整,以至于看起来令人不安。

  2. 最大的圈子呈现出比其他圈子更出色的成员。让他成为质心 - 换句话说:如果在最大圆的中点有一个旋转轴,那么由所有其他项目(包括线条)的重量引起的扭矩将相互抵消。我想它不会改变图表的含义。

我移动了几个项目以满足要求 1. 以及大约要求 2。

在此处输入图像描述