如何画好一张架构图/业务图/流程图

作为一个开发，日常工作中免不了要画一些图，无论是技术架构图还是业务流程图。基于个人的一些经验，作者分享了他的作图方法，给大家一点思路提供参考，希望在未来的工作、生活中都能有所帮助。

1. 代码实现图

2. 技术架构图

3. 业务流程图

4. 技术链路图

5. 交互时序图


三. 关键点
如何让图结构更清晰？具有设计感，设计四大原则。
如何让图外表更美观？具有美感，色轮的运用、黄金分割。
如何让图内容更完整？以终为始的设计，用户为先的思想，信息补全/添加标注。

1. 设计感：设计四大原则

• 亲密性：实现组织性（让有关系的元素挨在一起，有区别的元素分开）
• 对齐：使页面统一而且有条理（元素与元素之间存在一些对齐效果）
• 对比：增强页面的效果、有助于信息的组织（元素与元素之间存在一些对比效果）
• 重复：更统一，增强视觉效果（让类似的元素存在一样的效果/样式）
  将这些原则应用到图的线、块、面上。
  
  

4. 完整感：以终为始的设计

思考先行：以终为始的设计

列出所有要素：所有能帮助看图人理解的元素都要有，包括图例标注、箭头顺序、标题、注解

用户为先：把自己当作看图人，在没有上下文的情况下能获取到图中多少信息

在这里我们要借鉴以终为始的思维模式，在作图前我们要想清楚作这张图的目的是什么，是想要表达清楚什么，以及需要哪些元素，最终实现的效果就是通过一张图，就能完整地了解你的意图和目标。