设计蓝图
兼具工程精确度的严谨技术蓝图风格
设计美学
运用蓝图、图表与示意图等元素，打造简洁有序的视觉呈现方式。风格精准、富有分析性且审美精致，信息以网格布局呈现，尽显工程精度，具有专业水准的技术绘图质感。
背景色
- 颜色：蓝图米白 (#FAF8F5)
- 质感：淡淡的网格叠加效果，模拟工程用纸触感
颜色方案
| 角色 | 颜色 | 十六进制值 | 用途 |
|---|---|---|---|
| 背景 | 蓝图纸色 | #FAF8F5 | 主背景色 |
| 网格 | 浅灰色 | #E5E5E5 | 背景网格线 |
| 主文本 | 深石板灰 | #334155 | 标题及正文内容 |
| 主强调色 | 工程蓝 | #2563EB | 关键元素 |
| 次强调色 | 海军蓝 | #1E3A5F | 辅助元素 |
| 第三级颜色 | 浅蓝色 | #BFDBFE | 填充色及背景色 |
| 警告提示 | 琥珀色 | #F59E0B | 警告信息及重点标注 |
视觉元素
- 线条精准，线宽保持一致
- 采用技术示意图与简洁的矢量图形
- 以技术绘图风格呈现细线元素
- 连接线仅限直线或90度角
- 数据可视化尽量减少图表使用
- 包含尺寸线与测量标识
- 采用剖面图样式
- 可使用等轴测或正投影方式
风格准则
应该这样做
- 保持线条粗细一致
- 所有元素均需对齐网格
- 控制颜色方案的使用范围
- 通过尺寸比例构建清晰的视觉层次
- 所有图形均需体现几何精确性
不应该这样做
- 使用手绘风格或自然形态的图形
- 添加装饰性元素
- 使用曲线作为连接线
- 使用照片元素
- 添加不必要的繁杂装饰
最佳适用场景
技术架构设计、系统设计、数据分析、工程文档、流程图、基础设施相关内容