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

大家好,我是晓凡。

写在前面

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

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

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

一、ER图 (实体关系图)

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

二、甘特图

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

三、时间图

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

四、树形图

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

五、网络拓扑图

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

六、架构图

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

七、数据流图

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

八、状态图

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

九、泳道图

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

十、概念图

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

十一、鱼骨图

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

十二、金字塔图

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

十三、漏斗图

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

十四、韦恩图

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

十五、矩阵图

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

十六、信息图

  • 作用:综合可视化展示复杂信息
  • 使用场景:数据报告、宣传材料、知识传播
相关推荐
songgeb12 小时前
Compositional layout in iOS
ios·swift·设计
Tisfy5 天前
LeetCode 1622.奇妙序列:懒更新
数学·算法·leetcode·题解·设计
南山安18 天前
手写 Cursor 核心原理:从 Node.js 进程到智能 Agent
人工智能·agent·设计
JavaTalks19 天前
高并发保护实战:限流、熔断、降级如何配合落地
后端·架构·设计
anOnion1 个月前
构建无障碍组件之Accordion Pattern
html·设计·交互设计
top_designer1 个月前
Magnific:老旧 UI 糊成马?720p 截图重铸 4K 界面
前端·游戏·ui·prompt·aigc·设计师·游戏策划
da_vinci_x1 个月前
Luma:手绘特效肝出血?“关键帧补全流”,两张图生成丝滑序列帧
游戏·3d·aigc·设计师·特效·游戏策划·游戏美术
老萧闲唠1 个月前
Seedance 2.0 在哪可以用?Seedance 2.0 Fast模型,不排队、更省钱、速度快到飞起!
设计
reddingtons1 个月前
Scenario: SLG 地图铺到吐?搭建“轴测流水线”,量产建筑不重样
游戏·3d·prompt·aigc·设计师·游戏美术·slg
reddingtons1 个月前
Magnific AI:拒绝“马赛克”?AI 幻觉重绘流,拯救 1024px 废片
图像处理·人工智能·设计模式·新媒体运营·aigc·设计师·教育电商