shevawen / Severe-Weather-Signs

An icon set follows Google's Material Design Guidelines. An unoffical version of the CMA's icon set. See http://www.cma.gov.cn/2011zwxx/2011zflfg/2011zgfxwj/201110/t20111027_134927.html

Severe Weather Signs

An icon set follows Google Material Design Guidelines. An unoffical version of the CMA's icon set.

See http://www.cma.gov.cn/2011zwxx/2011zflfg/2011zgfxwj/201110/t20111027_134927.html

依照 Google Material Design 制作一套非官方的“突发气象灾害预警信号”图标，与现代软件界面相适应。

图标

暴雨

暴雪

寒潮

大风

沙尘暴

高温

雷电

冰雹

大雾

道路结冰

台风

关于图标设计

对于 CMA 设计中专业性比较强的几个图标做了调整，使图标的传达性更好。 Icon SVG 文件使用 Adobe Illustrator 制作输出。

关于字体

中文: Source Han Sans CN adobe-fonts/source-han-sans English: Roboto google/roboto

关于生成器

源文件中包括一个 python 写的生成器，可以基于模板生成图标。 利用了 phantomjs 将 SVG 转化为 PNG ，所以要先安装 phantomjs 。

npm install phantomjs -g

Thanks

progers/content-screenshot

Medium/phantomjs

Todos

• convert text to path with alt.
• improve accessiable follow http://www.sitepoint.com/tips-accessible-svg/
• rewrite the generator use nodejs follow https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/font-awesome-svg-png.js

Working in progress.