ByteDance IconPark
中国
职场办公模板图库

ByteDance IconPark

IconPark,停放你的图标。由ByteDance制作。

标签:
其他站点: github开源

IconPark 开源图标库,ByteDance IconPark


IconPark 开源图标库
图标库于2019年7月正式立项,经历了一年的研发工作,现在就要和大家正式见面了。
IconPark致力于图标应用规范化、统一化,提供丰富多样的高质量图标内容,满足批量配置图标样式的能力;同时满足多方技术团队通过接口调用图标资源,让图标使用变得更简单,更高效。

为什么要做?
开始做这个项目的初衷其实是为了满足内部设计的图标需求,我们团队大部分是B端产品,对图标的需求量比较大,各平台之间的图标风格差异很大,在品牌体验上很难形成统一的体验和认知;无论是设计师还是开发同学,对于图标的管理和使用也没有统一的收口,导致管理成本很高。为了解决这些问题,我们决定做内部图标库。后来随着绘制数量的增多,就发现这是一笔设计财富,相信这也会对其他有需要的人带来帮助,就把目标放到了开源上面,希望能为更多有需要的同学带来帮助。

做了什么?
通过收集各业务线的图标使用情况,我们对全部图标进行汇总、分类和分析,抽离出高频的图标进行图标绘制规则的定义。这个过程中我们会考虑到图标的屏显效果,复杂程度,疏密关系,线性还是面性等问题,让绘制规范变得更通用,更简单。
通过对图标的分析研究,制定出不同于常规思路的Keyline绘制规范,我们在Keyline的制定上充分考虑了图标坐标小数点问题,所以我们的Keyline是绘制版的,要求绘图时路径要落在Keyline上,很大程度上能够减少坐标小数点的出现,以保证屏显的最佳效果。
图标命名与分类是一个比较重要,也比较惹人烦的事情,我们在前期没有特别严谨对待这件事情,所以后面的分类调整上遇到了很多的坑,后面不得不对线上1291个图标进行命名和分类的梳理优化,这是一个漫长又煎熬的事情,没办法,自己留的坑,边哭边改。
图标的样式配置,这也是图标库最有特色的一点,完全是通过技术能力实现的,通过改变一套基础图标的Svg基础属性配置,就能达到N多套图标风格,极大的提高了图标的可应用性;对于图标的大小、线粗、风格、拐角、端点都可实现灵活配置。在线性、填充、双色、多色的风格变化的方案实现中,经历了比较多的难题,最终我们按照颜色最多的四色风格作为基础图标样式,通过对于颜色的删减实现双色、填充和线性图标风格,线上的最终功能实现比较符合预期。

做成什么样?
现在整个图标库的基础服务已经开发完成,字节跳动公司内部已经投入使用,受到各业务团队的热捧,图标的整体使用情况也是比较正向的,每周,每月都会有比较明显的数据提升。截止2020-09-02,总下载量超过11万次,NPM包单周下载峰值达7300+,最近一个月下载量近3万次,被各部门近50个前端框架作为依赖包引入。
也正是因为如此的倍受青睐,我们正式对外开源,把这套图标库开源给更多的人去使用,希望能为更多的人带来帮助,也欢迎大家能够多多的提供建议和需求,一块把图标库做的更好。

数据统计

数据评估

ByteDance IconPark浏览人数已经达到10,如你需要查询该站的相关权重信息,可以点击"爱站数据""Chinaz数据"进入;以目前的网站数据参考,建议大家请以爱站数据为准,更多网站价值评估因素如:ByteDance IconPark的访问速度、搜索引擎收录以及索引量、用户体验等;当然要评估一个站的价值,最主要还是需要根据您自身的需求以及需要,一些确切的数据则需要找ByteDance IconPark的站长进行洽谈提供。如该站的IP、PV、跳出率等!

关于ByteDance IconPark特别声明

本站商娱网提供的ByteDance IconPark都来源于网络,不保证外部链接的准确性和完整性,同时对于该外部链接的指向,不由商娱网实际控制,在2022年11月21日 11:10收录时,该网页上的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系我们进行删除,商娱网不承担任何责任。

相关导航