你一定关心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在这方面遥遥领先: