| 1 | 蓝橙经营图谱以白色画布、藏蓝秩序和赭红警示组织经营信息。它服务于结论、趋势和比较,视觉重点始终是可核对的数据。 |
| 2 | |
| 3 | ## 配色 |
| 4 | |
| 5 | 背景使用 #FFFFFF 与 #F2F2F2。主色为 #1D4273、#305598、#4474C5、#5C7DB9、#778EAB、#99B0E3;强调色为 #A13422、#C7857A。正文使用 #000000,表格线使用 #D1D5DB,关键边界使用 #0F213A。赭红只能突出异常、目标或关键节点。 |
| 6 | |
| 7 | ## 排版 |
| 8 | |
| 9 | 使用 SF Pro Text、PingFang SC、Helvetica Neue 等系统无衬线体。标题 46-60px,以黑色为主,可使用一个蓝色词组强调;正文与数据标签保持 13-23px。KPI 仅在需要强调结论时使用蓝色实底和白色粗体。 |
| 10 | |
| 11 | ## 布局 |
| 12 | |
| 13 | 使用顶部结论、主体图表、底部 KPI 的阅读顺序。适用左右分栏、卡片矩阵、甘特图、条形图、趋势图和表格。按内容取舍指标,卡片与色条必须严格对齐并保留真实留白,避免密集堆叠或把所有指标做成同等大小。 |
| 14 | |
| 15 | ## 插画与装饰 |
| 16 | |
| 17 | 只使用图表、色带、圆角标签、细描边表格和必要的连接线。装饰必须表达数据关系,不使用具象插画。 |
| 18 | |
| 19 | ## 动画 |
| 20 | |
| 21 | 图表可做数值增长、色带延展、KPI 计数和进度条填充,时长 0.4-0.8s,使用 ease-out。 |
| 22 | |
| 23 | ## 适合场景 |
| 24 | |
| 25 | 经营数据汇报、年度总结、KPI绩效、市场运营分析、项目进度。 |
| 26 | |
| 27 | ## 配图 |
| 28 | |
| 29 | 不支持配图。 |
| 30 | |
| 31 | ## 不要 |
| 32 | |
| 33 | - 不要使用大面积深色背景、霓虹色、手绘或卡通插画。 |
| 34 | - 不要使用花哨字体、强阴影或失控的大圆角。 |
| 35 | - 不要让图片替代图表、表格或关键数据。 |
| 36 |