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

大家好,我是晓凡。

写在前面

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

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

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

一、ER图 (实体关系图)

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

二、甘特图

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

三、时间图

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

四、树形图

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

五、网络拓扑图

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

六、架构图

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

七、数据流图

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

八、状态图

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

九、泳道图

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

十、概念图

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

十一、鱼骨图

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

十二、金字塔图

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

十三、漏斗图

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

十四、韦恩图

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

十五、矩阵图

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

十六、信息图

  • 作用:综合可视化展示复杂信息
  • 使用场景:数据报告、宣传材料、知识传播
相关推荐
anOnion9 天前
构建无障碍组件之Accordion Pattern
html·设计·交互设计
top_designer12 天前
Magnific:老旧 UI 糊成马?720p 截图重铸 4K 界面
前端·游戏·ui·prompt·aigc·设计师·游戏策划
da_vinci_x12 天前
Luma:手绘特效肝出血?“关键帧补全流”,两张图生成丝滑序列帧
游戏·3d·aigc·设计师·特效·游戏策划·游戏美术
老萧闲唠14 天前
Seedance 2.0 在哪可以用?Seedance 2.0 Fast模型,不排队、更省钱、速度快到飞起!
设计
reddingtons14 天前
Scenario: SLG 地图铺到吐?搭建“轴测流水线”,量产建筑不重样
游戏·3d·prompt·aigc·设计师·游戏美术·slg
reddingtons15 天前
Magnific AI:拒绝“马赛克”?AI 幻觉重绘流,拯救 1024px 废片
图像处理·人工智能·设计模式·新媒体运营·aigc·设计师·教育电商
牛奶16 天前
《前端架构设计》:除了写代码,我们还得管点啥
前端·架构·设计
前端的阶梯16 天前
浅谈支付行业的「聚合支付」
设计
三水不滴19 天前
深度分析 RocketMQ 幂等性设计与生产级实现方案
后端·rocketmq·设计
怒放吧德德19 天前
后端 Mock 实战:Spring Boot 3 实现入站 & 出站接口模拟
java·后端·设计