Fisheye 在之前几个版本的迭代中增加了很多重要功能,设计和前端上都出现了很多相同组件的样式不同,或者样式相同交互效果却不同的问题,系统的前端样式上缺少一致性。原因是设计和开发过程中对组件和样式缺少统一的规划,如果不解决,后续产品迭代中可能还会引入新的样式,不一致的问题可能会越积越多,设计样式和前端代码会越来越冗余。
因此在对 Fisheye Dashboard 逐个页面进行重新设计的同时,设计组同步开始了 UI Kit 的整理,包括字体、颜色和 Logo 的使用规范,另外将前端页面常用的组件进行规范化设计,包括下拉菜单、表单、弹窗、通知、面包屑、表格等等。整理出每个组件在系统中用到的位置和组件所有的变化状态,统一整理成文档。前端同事则将已经整理好的组件样式通过代码编写出来,并逐步替换系统中已经存在的组件样式,使系统中的所有组件拥有统一的样式和交互效果。










