在做一个项目时,要根据气象预警的类型在地图上显示图标。
所以需要先收集所有现有的气象预警的图标。
在这个过程中,我发现一个重大的问题——全国气象预警信号的凌乱简直不忍直视!!!
气象预警信号除了国家制定的基本的14类,还有各个地方自行设置的,加起来总共有48种。
下图是我根据中国天气网的预警列表(左),按类型将所有预警列了出来(右)。
可以看到,同一大类里面有很多相近的预警,比如寒潮预警、严寒预警、寒冷预警、低温预警、降温预警……
或许是因为各地省市由于地理位置和气候条件的不同,国家的标准不适用于某些地方,所以地方局自行设定了预警触发的阈值,为了不和国家的预警混淆,所以起了另外的名字。不过这也太相近了,难免会使人混乱。
于是我在网上搜搜看,到底是哪些省份这么鹤立独行。
首先搜了“冰冻预警”,看到了这条新闻:
同一篇报道中出现了三种预警名称,但通篇都没有放出预警信号的图标。
继续搜“严寒预警”,看到了一篇媒体报道中有张吉林气象官方微博的截图:
但这个截图太模糊了,于是我去吉林气象微博里搜,终于找到了一张高清大图:
这个“严寒预警”连预警图标都有了,很棒啊!虽然这个图标看起来有违和,可能是当地气象局自己设计的。
继续搜“寒冷预警”,在广州市政府网站看到了信号图标,但这里使用的依然是“寒潮”的图标。
放个寒潮图标对比下:
另外,上海的低温图标是这样:
但实际上,也许这种重叠的箭头更适合表示一种连续的、持续的状态,个人觉得用来做“持续低温”预警的图标更合适。
北京的“持续低温”预警图标正合我意:
还有一个,“低温雨雪冰冻”,全网只找到一些文件,没有这个信号图标。
不得已,只有自己设计一些没有的预警信号图标啦。
在Figma社区可以下载到Share同学制作的一套国家标准的预警图标组件库:预警信号Icon,我们在这套基础上继续添上那些没有的。
哼哧哼哧,间歇性地做了两天,终于弄完了。
特别要说一下,在Figma里面,组件是可以做成变体组件的,这样调用的时候,选择不同的类型和预警等级都会很方便。
9月18日更新:
新增了“风暴潮”和“海浪”预警图标。
目前已有50类预警图标+1类“其他”图标,未来可能还要加🥲