良功绘图良功绘图在线画组织架构图
首页/组织架构图专题/组织架构图排版与配色

组织架构图怎么画好看:12 条规则,照做就行

组织架构图看着乱,几乎不是审美问题,是六件很具体的事没做:层级没对齐、框宽不一致、间距不均、颜色太多、文字写法不统一、虚线滥用。这 12 条按顺序做完,图会明显不一样。

12 条规则,顺序很重要

先结构、再对齐、再文字、最后颜色。反过来做的话,颜色调半天,一调整层级就全废。

  1. 先把层级数压到 4 层以内超过 4 层的架构图,读者基本放弃阅读。层级过多时把下层拆成子图,主图只画到部门层,部门内部另出一张。
  2. 同一层级的框,宽高完全一致最立竿见影的一条。选中同层所有框,统一宽度和高度。文字长短不同就换行,不要靠拉宽框来适应文字。
  3. 层与层之间的垂直间距统一建议 50~70px 并全图一致。这条决定了图看起来"有节奏"还是"东一块西一块"。
  4. 同层框之间的水平间距统一用"横向等距分布"一键完成。手动拖出来的间距,肉眼一定看得出差别。
  5. 连线只走横平竖直上级到下级用"竖线 + 横干线 + 竖线"的树形连接,不要用斜线。多个下级共用一条横干线,比每个都单独连要干净得多。
  6. 一个框只写一个岗位"总经理 + 副总经理"写在同一格是常见错误。副职另起一框,并注明分管范围。
  7. 文字写法全图统一要么全写"岗位名",要么全写"岗位名 + 姓名",不要一半写名字一半不写。姓名建议另起一行并用较小字号。
  8. 字号只用三级标题一级、岗位名一级、姓名/说明一级。岗位名建议 13~15px,姓名比它小 2px。
  9. 颜色只用三种,且承载含义推荐:治理层一色、管理层一色、执行层一色;或者按业务/职能/支持三类分色。每种颜色都要在图例里有解释。
  10. 虚线只用于非隶属关系虚线表示业务指导、专业汇报、外包协作。滥用虚线会让人分不清谁真正管谁。图例里必须写明虚线代表什么。
  11. 给整张图留出四周留白上下左右各留一个框的高度。挤到边缘的图,插进 Word 或 PPT 都显得局促。
  12. 右下角固定放图例、版本号与生效日期很多"好看的图"仍然不好用,就是因为读者不知道这版是不是最新的。这三样加起来只占一个角落,价值却很高。

一个 30 秒自检法

把图缩小到屏幕宽度的三分之一,眯眼看。这时候应该还能分辨出:有几层、哪些框是一类、主线在哪。如果眯眼后是一片糊,通常是颜色对比不足或框大小太接近——这两点都可以在两分钟内改好。

这几套的排版可以直接抄

四套的共同点:层级清楚、同层等宽、配色克制。点开就能改,把文字换成你的,配色和间距原封不动保留即可。

更多版式见 组织架构图模板大全

用途治理 / 高层中层 / 职能执行 / 一线为什么
内部制度文件深蓝 #23407A中蓝 #4B65E8浅灰蓝 #EEF1FA黑白打印后靠深浅仍可区分
对外宣传 / 官网品牌主色主色 60% 透明度中性灰跟品牌走,不自创配色
投标 / 资质材料全灰阶 + 一处强调色中灰浅灰评审多为黑白打印,稳妥优先
党建 / 政务展示按本单位视觉规范规范中的辅助色中性色以主管部门的视觉规范为准

选色前先问一句:"这张图会被黑白打印吗?"会的话,就用同色系的深、中、浅三档,而不是三种不同色相。

6 组"改前改后"

框宽跟着文字长短变

一排框长短不一,像被啃过。

同层统一宽高,文字换行

长名称换行显示,框仍整齐。

每个部门一种颜色

看着热闹,读者不知道颜色代表什么。

颜色按层级或类别分

三色封顶并在图例中说明。

每个下级单独连一根斜线

连线成放射状,交叉严重。

共用一条横干线的树形连接

横平竖直,干净。

正副职写在同一个框里

看不出谁是负责人。

副职另起一框并注明分管

层级关系明确。

一半岗位写名字一半不写

读者以为没写名字的岗位空缺。

全图统一写法

要么都写,要么都不写。

虚线到处都是

分不清谁真正管谁。

虚线只用于非隶属关系

并在图例中明确定义。

部门太多,一行放不下怎么办?

三种办法:一是改用竖排(层级从左往右),二是按职能分组后换行排列并给每组一个组标题,三是把二级部门收起来另出子图。不要靠缩小字号硬塞。

人名和岗位怎么排更好看?

岗位在上、姓名在下,姓名字号小 2px 且用较浅的颜色。这样扫图时先看到结构,需要找人时再看名字,符合阅读顺序。

要不要给每个框加头像?

对外介绍类的图可以加,能显著提升亲和力;内部管理图不建议,头像会占用大量空间并让更新变麻烦(人一变就要换图)。

架构图适合什么导出格式?

插进 Word 或需要放大查看的用 SVG;发微信、贴钉钉用 PNG;印刷或张贴用 PDF。避免用屏幕截图,放大后文字会糊。

导出前,按这 10 条过一遍

  • 层级不超过 4 层,超出的部分已拆成子图
  • 同一层级的框宽高完全一致
  • 层间垂直间距、同层水平间距全图统一
  • 连线全部横平竖直,同一上级的下级共用横干线
  • 一个框只写一个岗位,副职单独成框
  • 文字写法全图统一(是否写姓名保持一致)
  • 字号只有三级,最小不低于打印可读下限
  • 颜色不超过三种,且每种在图例中有解释
  • 虚线只用于非隶属关系并已在图例定义
  • 右下角有图例、版本号与生效日期

组织架构图排版常见问题

组织架构图用什么配色比较稳?

同一色系的深、中、浅三档最稳:治理层深色、管理层中色、执行层浅色。这套配色在彩色屏幕和黑白打印下都能区分层级,适用于绝大多数正式场合。

架构图该横排还是竖排?

部门数量少、层级多时用横排(从上往下);部门数量多、层级少时用竖排(从左往右),因为竖排可以往下无限延伸而不受页面宽度限制。

为什么我的图对齐了还是显得乱?

多半是间距不均。对齐解决"在一条线上",间距解决"节奏一致"。用等距分布把层间距和同层间距各统一成一个值,观感会立刻改善。

字号多大合适?

按最终用途算:A4 打印时岗位名对应 9~11 号字;投影 PPT 不小于 18px;张贴用的 A1 展板正文不小于 36px。定稿前按实际尺寸打印一张确认。

好看和好用会冲突吗?

不冲突,但有优先级。图例、版本号、生效日期这些"好用"的要素必须先满足,再谈观感。一张漂亮却没标日期的架构图,半年后没人敢引用。

有没有省事的办法?

有:直接用排版已经做好的模板,只换文字不动样式。本文第二节的四套模板都遵守了同层等宽和三色封顶,可以当作现成的排版骨架。

好看是排版的结果

打开任意一套范例模板,配色和间距原封不动,只换文字——出来的图就已经比大多数手画的整齐了。

打开可编辑模板