0. 痛点和方案
当前公司内部开发的Web应用多数属于以下类型:
- 数据可视化报表
- 中后台管理界面
当前项目开发中的痛点有这些:
- UI设计人员使用PS设计的整体布局,开发人员无法结合echarts等工具100%还原
- UI设计的布局通常只考虑到一种分辨率,但实际情况下客户显示器的分辨率种类繁多,设计师无法逐一为之设计总体布局
- 产品工程师根据行业经验对UI组件的功能添加很多要求,但开发未必能找到合适的组件库,多数时候需要进行二次开发
- 产品工程师设计了一些图表的呈现方式,开发无法100%还原。另外由于数据的数量,长度等原因都会影响布局,通常难以在设计阶段考虑这些复杂的境况。
因此,为了解决以上痛点,我需要一种方案能做到以下几点:
- UI设计师的设计是能被前端工程师快速开发实现的
- 产品工程师设计的UI组件和图表符合基本的UI最佳实践,UI设计师可以方便地对颜色搭配,交互做出调整,前端人员也能快速开发实现
- 产品工程师在设计图表的时候就可以自己添加各种类型的数据,充分考虑数据的多样性带来的界面布局问题
对此,我参考了阿里巴巴给出的解决方案:Ant Design和飞冰。
另外,图表的生成,我们采用主流的echarts,百度对此也给出自己的快速原型设计解决方案 - 百度图说