气象预警信号图标设计中的坑

23 篇文章 63 订阅
10 篇文章 7 订阅

在做一个项目时,要根据气象预警的类型在地图上显示图标。
所以需要先收集所有现有的气象预警的图标。
在这个过程中,我发现一个重大的问题——全国气象预警信号的凌乱简直不忍直视!!!

气象预警信号除了国家制定的基本的14类,还有各个地方自行设置的,加起来总共有48种。

下图是我根据中国天气网的预警列表(左),按类型将所有预警列了出来(右)。
在这里插入图片描述

可以看到,同一大类里面有很多相近的预警,比如寒潮预警、严寒预警、寒冷预警、低温预警、降温预警……
或许是因为各地省市由于地理位置和气候条件的不同,国家的标准不适用于某些地方,所以地方局自行设定了预警触发的阈值,为了不和国家的预警混淆,所以起了另外的名字。不过这也太相近了,难免会使人混乱。

于是我在网上搜搜看,到底是哪些省份这么鹤立独行。
首先搜了“冰冻预警”,看到了这条新闻
在这里插入图片描述
同一篇报道中出现了三种预警名称,但通篇都没有放出预警信号的图标。

继续搜“严寒预警”,看到了一篇媒体报道中有张吉林气象官方微博的截图:
在这里插入图片描述
但这个截图太模糊了,于是我去吉林气象微博里搜,终于找到了一张高清大图:
在这里插入图片描述
这个“严寒预警”连预警图标都有了,很棒啊!虽然这个图标看起来有违和,可能是当地气象局自己设计的。

继续搜“寒冷预警”,在广州市政府网站看到了信号图标,但这里使用的依然是“寒潮”的图标。
在这里插入图片描述
放个寒潮图标对比下:
在这里插入图片描述

另外,上海的低温图标是这样:
在这里插入图片描述

但实际上,也许这种重叠的箭头更适合表示一种连续的、持续的状态,个人觉得用来做“持续低温”预警的图标更合适。

北京的“持续低温”预警图标正合我意:
在这里插入图片描述

还有一个,“低温雨雪冰冻”,全网只找到一些文件,没有这个信号图标。
在这里插入图片描述

不得已,只有自己设计一些没有的预警信号图标啦。

在Figma社区可以下载到Share同学制作的一套国家标准的预警图标组件库:预警信号Icon,我们在这套基础上继续添上那些没有的。

在这里插入图片描述

哼哧哼哧,间歇性地做了两天,终于弄完了。

在这里插入图片描述

特别要说一下,在Figma里面,组件是可以做成变体组件的,这样调用的时候,选择不同的类型和预警等级都会很方便。

在这里插入图片描述


9月18日更新:
新增了“风暴潮”和“海浪”预警图标。
目前已有50类预警图标+1类“其他”图标,未来可能还要加🥲
在这里插入图片描述

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值