PC端报表设计

楼主
十八般武艺,坑蒙拐骗,样样不通
报表展示平台的不同往往意味着看的人的目的不同,大屏展示相对来说,对外展示效果更多,移动端较适用于业务人员,而PC端的则较为复杂。
针对PC端的展示,目前设计方案多如牛毛,在此我仅分享我的方案,还望多多指教:
1、版本1,此版本的特点有:模块与模块间有空隙,body背景与每个图表块/报表块及背景块颜色不同,body块大多为灰色系,每个图表块/报表块为白色,每个图表展示各自的KPI,块与块之间根据需求来定,基本不会呈现出豆腐块状,一般一个界面内的KPI数量不超过9个,同时不低于5个为佳。KPI与KPI之间的放置通常错落有致,以避免豆腐块的情况发生
  • 界面中的图表一般成多样化展示,系列多的情况下尽量用组合图展示,但不建议同时使用多个一样的组合图,如多个柱状折线组合图
  • 在报表块中添加图表,容易产生自适应问题,尤其是单元格内放置试管型仪表盘,若遇到此种状况,我通常会使用堆积条形图来解决
  • 在KPI较多的情况下,可使用tab块切换的方式来实现空间节省,但使用tab块通常会遇到一些问题,如图表的底端与其他图表不在统一水平线、在tab块宽度有限制时添加多个KPI标题时,开发时会比较‘心塞’,尤其是在添加标题添加图表时,若遇到以上情况,我通常会使用报表块的超链接及条件属性的组合方式来实现类似tab块切换功能
2、版本2:此版本与普通版最大的不同是,该版本无间隔,不需要用body的组建间隔来把图表块给分割开,亦不需要body背景与图表块背景不符,相反,他们的背景需要一致。
该版本的界面讲究的是图与图之间要有适当的距离,所谓距离产生美,不能让整个界面看上去密密麻麻,纷乱复杂




          版本1 版本2
                                                   
编辑于 2019-1-29 08:46  
分享扩散:

沙发
发表于 2019-3-29 20:58:15
学习了,谢谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1回帖数 1关注人数 7175浏览人数
最后回复于:2019-3-29 20:58

返回顶部 返回列表