一个不会画图的程序员不是好的设计师

大家好,我是晓凡。

写在前面

你有没有遇到过这样的困扰:面对一堆密密麻麻的数据、文字,看了半天还是一头雾水?

或者想要向别人解释一个复杂的流程,说了半天对方还是似懂非懂?

有时候不是我们不会表达,而是画图更直观明了。

一、ER图 (实体关系图)

  • 作用:描述数据库中实体之间的关系
  • 使用场景:数据库设计、系统分析阶段

二、甘特图

  • 作用:展示项目进度和时间安排
  • 使用场景:项目管理、任务规划、进度跟踪

三、时间图

  • 作用:显示事件或数据随时间的变化趋势
  • 使用场景:数据分析、历史趋势展示、监控

四、树形图

  • 作用:表示层次结构关系
  • 使用场景:组织架构图、文件目录结构、决策树

五、网络拓扑图

  • 作用:展示网络设备间的连接关系
  • 使用场景:IT网络规划、系统运维、网络安全

六、架构图

  • 作用:描述系统的整体结构和组件关系
  • 使用场景:软件设计、系统规划、技术文档

七、数据流图

  • 作用:展示数据在系统中的流动过程
  • 使用场景:系统分析、业务流程梳理、需求分析

八、状态图

  • 作用:描述对象或系统的状态变化
  • 使用场景:软件开发、工作流程建模、协议设计

九、泳道图

  • 作用:展示跨部门或角色的业务流程
  • 使用场景:业务流程优化、跨部门协作分析

十、概念图

  • 作用:可视化展示概念间的关系
  • 使用场景:知识整理、教学、头脑风暴

十一、鱼骨图

  • 作用:分析问题的根本原因
  • 使用场景:问题分析、质量改进、根因分析

十二、金字塔图

  • 作用:展示层次结构和重要性递减关系
  • 使用场景:管理体系、需求优先级排序、营销策略

十三、漏斗图

  • 作用:展示逐步减少的过程
  • 使用场景:销售转化率分析、用户行为分析、营销效果评估

十四、韦恩图

  • 作用:展示集合间的逻辑关系和重叠部分
  • 使用场景:数据分析、集合关系展示、比较分析

十五、矩阵图

  • 作用:展示多维数据间的关系强度
  • 使用场景:风险评估、优先级排序、关联分析

十六、信息图

  • 作用:综合可视化展示复杂信息
  • 使用场景:数据报告、宣传材料、知识传播
相关推荐
冬奇Lab2 天前
每日一个开源项目(第137篇):Penpot - 真正开源的设计协作工具,SVG 原生格式消灭设计-开发鸿沟
前端·开源·设计
songgeb6 天前
iOS Dark Mode 适配笔记
设计·ui kit
星心源七境12 天前
七境体系全解析:从六韬兵法到AI锁颜,一套贯穿古典智慧与现代应用的成长操作系统
人工智能·设计模式·设计
广州智造13 天前
如何在HyperMesh的两片相邻体单元间批量创建RBE3实现载荷传递
人工智能·设计·建模·网格·网格划分·hypermesh·前处理
_code_bear_16 天前
如何设计 Agent 场景下的 Prompt
程序员·开源·设计
湖南精循科技17 天前
Ansys 案例研究 | 刹车片应力变形仿真
设计·仿真·ansys·机械·cae·大变形
bryant_meng18 天前
【Design Patterns】23 Design Patterns: The Ultimate Developer‘s Toolkit
设计模式·编程·计算机科学·设计·工程
用户58124415415721 天前
产品经理用AI画原型,代码怎么交付?GemDesign MCP vs Claude Design Handoff 技术对比
设计
等一场雾25 天前
升级一时爽,修 Bug 火葬场:2026 年主流框架升级兼容问题血泪全记录
设计
Yeats_Liao1 个月前
5:Servlet程序-Java Web
java·后端·设计