我想不出任何特别好的软件架构图,它们显示的数据没有经过大量简化和缩减,但我们可以通过首先分解软件架构图来找到一些相关的东西。
然后,我们将看一些应对类似挑战的设计示例。
这是一种流程图/流程图,侧重于元素/节点的类别。这又是一种节点-链接网络图,增加了方向性:本质上,节点可以有类别,连接可以有方向。
当它试图表示的复杂性增加时,任何基于节点链接的东西都可能变成一个混乱的“毛球”。如果以下基于节点链接的建议没有任何效果 - 如果所讨论的事情太复杂 - 这是一位受人尊敬的数据可视化学者的文章,关于“节点链接”概念的一些替代方案,作为数据可视化研究人员的网络地图的基础想出了。如果您能弄清楚如何将其中一些调整为用户友好且具有方向性的内容,那么您可能会成为赢家。但这真的很难走,只有在必要时才尝试。
因此,复杂的流程图和网络图强调方向/流和节点/元素的类别。一、基本原则:
- 保持每个节点/元素简单
- 使元素类型之间的差异清晰而简单,它们之间的层次结构清晰
- 使流程和连接尽可能多地成为背景元素
想想信噪比(有时在信息图形的上下文中称为数据墨水比):连接是视觉指南,而不是数据,所以要尽可能地让它们变得微妙,而不会让它们更容易理解。还要考虑图形背景:数据应该是前景中关注的东西,显示流程和类别的视觉提示应该是人们意识到但不会分散注意力的背景。
第一个例子,排版决策流程图海报(我相信有些人会不同意内容......)。仅使用黑色和白色,它可以使复杂的图表在元素之间具有清晰的层次结构:
很清楚每个元素是什么,使用清晰但微妙的突出显示和增加最小噪音的变化。整体很复杂,但每个部分都很清楚。
可能的改进 - 没有整体方向,它从中间向外 - 线条可以通过非常小的微妙虚线 V 形(如 >>>>>)而不是点来获得方向信息而不会增加噪音,因此您可以从任何地方开始,并且在没有那些方向提示分散注意力的情况下,看看下一步该去哪里。
这是另一个类似的示例,其中流程在层次结构中移动(最一般 > 最具体)。它将很多类别变成了两种类型的节点:产品和类型,节点的大小告诉你类型的特殊性。(圆形轮廓和连接线可能要微妙得多,但它们似乎已被加权以补充字体并使除中央品脱玻璃之外的所有东西都具有更均匀的质感)。圆圈的大小也可以作为位置和流动的指示——你从更大的圆圈到更小的圆圈,所以它们不需要像箭头这样的任何其他增加复杂性的视觉提示。
啤酒的种类非常多
PopChartLab所做的很多工作都是相关的。他们专注于展示许多相互关联的事物的大海报,他们有时会写下他们的过程。这是他们对一个项目的记录,在这个项目中,他们真的为想要展示的东西的数量而苦苦挣扎。我个人不太喜欢最终结果(他们努力驯服毛球,但最终结果仍然是毛球),但阅读他们尝试过的、有效的和无效的。
这是一个巧妙地利用页面上的位置来显示类别和顺序的示例。它不需要耀眼的花哨配色方案(这是对主题的参考,Apple 的旧彩虹色徽标)。像这样使用页面 x 和 y 轴意味着它可以保存其他类型信息的连接线。
最后,正如我在开头提到的,软件架构图是网络地图的一个例子,它是一种地图。因此,您可以从常规(制图)地图中获得想法,这些地图也有类似的问题,即许多类别的密集、复杂信息通常具有联系和方向——不断试图阻止您的许多信号变成噪音。
Axis Maps 产生了令人惊叹的印刷地图,它具有我见过的任何信息图形中最好的信噪比,只需使用它们的标签作为标签标签的东西 - 然后颜色和一些印刷和间距的微妙扭曲来指示类别。
如果你不介意一些极端的排版,这可能被用来驯服一个失去控制的流程图。看似艰苦的工作,但结果却很棒。