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

大家好,我是晓凡。

写在前面

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

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

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

一、ER图 (实体关系图)

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

二、甘特图

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

三、时间图

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

四、树形图

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

五、网络拓扑图

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

六、架构图

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

七、数据流图

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

八、状态图

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

九、泳道图

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

十、概念图

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

十一、鱼骨图

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

十二、金字塔图

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

十三、漏斗图

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

十四、韦恩图

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

十五、矩阵图

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

十六、信息图

  • 作用:综合可视化展示复杂信息
  • 使用场景:数据报告、宣传材料、知识传播
相关推荐
无厚1 天前
Spring Boot中LLM流式交互的核心原理
后端·设计
琢磨先生TT6 天前
为什么很多后台系统功能不少,看起来却还是很廉价?
前端·vue.js·设计
小阿鑫7 天前
设计圈真的要变天了:ChatGPT Image 2 不只是会生图了
chatgpt·aigc·设计师·设计
程序员海军7 天前
设计圈真的要变天了:ChatGPT Image 2 不只是会生图了
aigc·设计师·交互设计
仿生狮子7 天前
把 Git 提交历史变成一条流动的河——Project River
vue.js·设计·vibecoding
ShingingSky11 天前
给 Claude Code 加上 Windows 提醒——一个小功能,少操十份心
人工智能·设计
KaneLogger12 天前
自建 Skills 管理工具
人工智能·设计
leonkay17 天前
到底应不应该写注释?
性能优化·架构·个人开发·注释·代码规范·设计·规格说明书
舒一笑18 天前
技术圈爆火新词:Harness 工程,OpenAI 和 Anthropic 都在卷这个!
人工智能·程序员·设计
舒一笑18 天前
AI 时代最火的新岗位,不是提示词工程师,而是 Harness 工程师
人工智能·程序员·设计