有何不同
发表于:2018/05/29

你一定关心zico图标系统有何不同,这里我们罗列了一些我们与同类产品的对比。

对比表格

zico 其它图标库
中文语义化 支持 不支持
政务图标
单位 rem(一种面向现代化的单位标尺) em或px(旧式浏览器标准规范)
取样单位 大,最低是1800px基数,以支持高清屏(未来的4k\8k) 低,一般是480px基数,无法 支持高清浏览
兼容性 高,覆盖了Fontawesome等子集
扩展性 高,逐浪字库团队提供支持 低,没有企业级产品支持
开放性 开源 不明
编码规范 以下划线区隔+驼峰式命名,便于在大多数软件中,双击就能选中一个文本 烤肉串式命名(即中间一杠),此类设计者多以最初输入时简单、不需要组合键,但不支持一个文件名即进选中状态
图标数量 多,考虑到了CJK图标的数量,我们采用了驼峰式 少,外文图标素材少
识别度 高,分别以默认、TM品牌商标、GOV政务识别 不多

由于SVG标准是em,所以如果是采用js方式输出svg图标,其根root定义font和hight为1em,而以此为基准依然是rem,而基于css方式不受此影响。
目前以zico、Bootstrap 4.0框为代表,均采用rem规范。

效率对比

我们以微软公司Visual Studio软件为例,来对比两种输入状态的效率,zico在这方面遥遥领先:

本文档基于Zoomla!逐浪CMS MarkDown编辑器输出。