蓝蓝设计-中央气象台系统交互优化和界面设计

2020年6月以来，全国共有433条河流发生超警以上洪水。长江、黄河上游、珠江流域的西江和北江、太湖都发生今年1号洪水，防汛形势严峻。截至7月下旬，全国有3873万人次受灾，人员死亡失踪141人。这几天每天关注鄱阳湖洪水状况，整理网站类作品，看到给中央气象台近十年设计的诸多网页和系统，当时以为寻常事，回顾时感慨万千。作为公民，我们在用我们擅长的设计去服务社会，在这个过程中形成自己的积淀，这是不可用金钱来衡量的价值。

蓝蓝设计将中央气象台十年合作项目总结为一份设计说明，与大家分享我们气象预报行业设计经验；蓝蓝设计也会继续在我们擅长领域竭力服务社会，在这个过程中形成自己的积淀，创造不一样的价值。中央气象台（National Meteorological Center of CMA）是承担全国天气预报、海洋、环境、生态和农业气象以及中国气象局业务数值预报系统研发与运行、决策气象服务等工作的国家级气象业务中心.网页链接：http://www.nmc.cn/

理解气象业务做好产品调研

气象局各子部门众多，改版一次差不多需一年的时间，做各种需求的调研，分析，征求大家的意见，层层审批。

气象业务研发部门也在根据国民需求不断的开发出新的气象产品。

蓝蓝设计与开发工程师协作，根据后台统计数，热力图，分析用户属性.喜好，做出用户画像。输出多版交互原型和视觉方案供客户选择，最终在多套方案中选择一套，经过后续修改后最终定版。（见右图）

版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段。随着气象服务的发展，中央气象台网站功能也越来越多，页面承载信息也越来越多，这对页面版面规划提出了更高的要求。

我们在设计时将“条理性”作为此次改版的思维指导，把大量“扑面而来”的信息，通过视觉化的手段，处理成有条理的且具有引导性的“视觉走势”或者视觉引导，让读者在短时间内可获得想要表达的信息，最终形成预期收益。针对以上问题，我们经过调研、探讨，列出一下几点修改思路

1、整体风格切换，风格采用目前较为流行的扁平风，让页面更加简洁，减轻用户的视觉压力，更好突出要展示的内容。
2、调整版面比例，根据内容重新划分版面，增加鼠标滑过、点击跳转等部分操作动效，区分可操作版面和信息展示版面，使页面布局更加清晰，合理。
3、图标定制，为了更好的和页面整体风格相契合，所有的天气图标和预警图标都重新设计。天气图标包括白天、晚上、有背景、无背景等好几种状态。

城市天气预报页丰富的页面配色视觉重量分布

从色彩心理学上讲，颜色可以影响用户对产品价值的认知，合适的色彩可以给用户直接的指示；我们在页面中使用蓝色色调，给人一种平静、可信、可靠的认知；它的意图是，给用户有价值信息。

视觉重量是控制页面节奏感和张驰度的设计方法，视可以调整画面中的文字或者线条粗细度以及内容明度来增加或者改变页面的视觉重量。视觉重量影响因素有很多，包括大小，明暗，粗细，虚实等等，通过不同类型的组合，形成丰富的页面版式，同时可以突出页面重要内容，弱化次要内容，最终达到页面张弛有度，信息层次明确的效果。

这次改版，我们大胆尝试大面积蓝色+高饱和度的设计，理由如下：