【图表框架】
在PC端做的最好的就是echarts,由百度主导的,不过他们只适合做pc端,比如下面这个pc端的交互。echarts在移动端实现的时候,只是把图形缩小了而已,交互还是很难用。
再看看移动端的交互,这个是简单的交互
如果花点时间,可以做复杂一点,他们自己官方也有案例
看看支付宝成功的案例
产品经理在画图的时候,需要给前端做建议,让他们选择什么框架,要不然到时候实现不了效果,人家又开发完了,要返工,非常麻烦。
【组件框架】
在PC端,用的最多的框架就是 element 这个是 饿了么开源的框架,对前端来说,不用从头写样式,只需要把组件组合在一起就行了。
对产品来说,需要用标准化的组件,不要去抄袭对手,异想天开,导致人家前端无法使用现成的组建,最后导致工作量很大。
如果做移动端设计的时候,特别是你们没有UI,就参考移动端的网站,uni-app,他们的插件市场里面排名第一的插件,里面有成熟的前端样式
记住,产品经理画图的时候,需要用成熟的组建。在没有足够多的研发资源的时候,不要创新样式。如果你有足够多的设计和前端资源,那就可以做到最好。比如这个底部组件,你甚至都不需要,告诉前端组件的距离,用默认的就行了。
好了,产品经理在画原型图的时候,只需要告诉前端他需要用什么组建就可以了。不用把交互和细节说的太细,要不然人家会耻笑你。