让要素之间的联系在同一画面里被看见。
本页重点
不是把图层堆上去，而是为气象画面建立清晰秩序
重点是让气象数据既有专业深度，也更容易被看懂。
Composition
图层关系更清楚
通过颜色、透明度、线型和动效节奏控制信息主次，减少多要素同时出现时的视觉冲突。
Spatial Expression
空间结构更立体
在二维地图之外，加入更适合说明高度、范围、路径和扩散关系的三维视角。
Narrative Rhythm
动态过程更顺畅
把时间轴、镜头停留、关键帧和重点区域结合起来，让过程展示更有节奏感。
Business Delivery
专题页面更完整
不止是一张图，还能把标题、摘要、指标、图例和交互控制组织成完整页面。
表达引擎
先把“画面主次”建立起来
Color System
专题配色与视觉聚焦
让高风险区域、核心过程和背景信息在颜色上明确区分，减少画面“全都很重要”的混乱感。
- 主次色阶
- 风险强调
- 背景弱化
Layer Order
多图层有秩序叠加
通过透明度、边界、线条和填色的组合，确保多个气象要素同屏出现时仍然清楚。
- 层级控制
- 透明策略
- 重点区域突出
Camera
空间视角按场景切换
二维更适合精确研判，三维更适合说明空间关系，气象家会把两者放在同一叙事体系里。
- 俯视态势
- 立体展示
- 区域漫游
Motion
动态过程更有节奏
把回放速度、关键帧、停留时间和视线引导组织起来，让天气过程更容易被讲清楚。
- 时间轴
- 过程回放
- 关键帧停留
集成方式
尊重现有数据体系，而不是要求推倒重来
Data Adaptation
面向现有数据组织方式
围绕你已有的气象、海洋或环境数据结构组织页面与图层，降低二次整合工作量。
- 现有接口
- 历史结果
- 专题数据源
Map Context
适配既有底图与区域边界
让画面既保留专业地理语境，也能根据行业需要突出园区、港区、城市或重点海域。
- 行政边界
- 园区轮廓
- 重点海区
UI Delivery
专题页面可单独交付
可以从一个场景页面开始，不必等待整套系统一次性全部完成，适合小步推进和持续演化。
- 样板页
- 专题页
- 分阶段上线
Embedding
也能融入现有门户体系
当现有系统已经承担账号、菜单或业务流转时，气象家可以作为可视化层嵌入其中。
- 嵌入式页面
- 专题入口
- 统一视觉语言
交付终端
不同终端使用同一套视觉语言
Analyst
专业分析终端
保留更多控制项和图层深度，适合高频查看、复盘和内部研判。
Executive
会商与决策终端
突出结论、趋势和重点区域，适合跨岗位沟通与领导汇报。
Showcase
品牌展示终端
把专业画面和品牌表达结合起来，适用于官网、展厅与项目演示环境。
方法论
我们更重视这四个设计原则
先定读者，再定图层
不同岗位需要看到的信息不一样，图层组织必须围绕核心受众来决定。
先定重点，再定颜色
颜色不是装饰，而是帮助阅读顺序和风险识别的最直接工具。
先定节奏，再做动效
动态回放的目标是帮助理解过程，而不是制造炫技感。
先做样板，再批量扩展
只要样板页的视觉语言稳定，后续复制到更多专题会快很多也稳很多。