反馈已提交

网络繁忙

组件化设计思维

  • 文档创建者:susie
  • 历史版本:5
  • 最近更新:susie 于 2021-06-10
  • 1. 概述

    组件化思维是报表工程师的必备技能之一。如何搭建组件库和设计规范更应该是项目开工前的前瞻性动作。

    • 组件库:当报表工程师遇到同一类组件设计场景时,可直接拖拽复用组件,避免生产出新的样式。

                       减少设计和开发的时间成本,又可以增强产出成品的统一性,提升用户体验。

    • 设计规范:由报表工程师和视觉工程师配合输出复用组件时的规则。


    推荐:帆软组件库

    2. 没有组件化遇到的问题

    可视化项目制作过程中,如果没有组件化,那么会遇到 5 大问题:维护成本高、效率低、统一性差、复用性差、难以协同

    • 维护成本高:不同报表工程师使用了不同的方法制作同一类组件,维护更新的过程需要所有人参与,否则会存在模板更新不及时不同步的问题,从而产生更大的维护成本

    • 效率低:报表工程师重复设计相同类型的组件,这个过程会消耗工程师大量的时间,导致设计师工作效率低下

    • 统一性差:存在相同组件被重复造新样式的情况,导致统一性差,造成用户的认知成本

    • 复用性差:组件之间无法复用,需要不停的制作新样式

    • 难以协同:每个报表工程师都有自己设计习惯,协同困难

    3. 组件化的优点

    统一性

    • 整个可视化项目的不同模板按照统一规范制作,提升整个数据决策系统工程的视觉交互统一性,减少组件样式差异,提高制作效率

    • 避免报表工程师创造新的组件样式。

    • 统一样式规则,减少普通用户操作的迷惑感,提升使用体验

    高效性

    • 使用组件复用插件,由单个报表工程师设计出一套组件和组件规范,其他人直接拖拽组件搭建模板,节约时间,提升工作效率

    • 减少制作组件的时间,不需要反复调整组件样式,提高制作效率,将更多的时间放在模板指标设计上

    延续性

    • 通过设计规范,在以后更新中可以连续迭代,避免断层

    • 即使之前负责的报表工程师离开或者新报表工程师加入,通过设计规范和组件库可以快速的接手和进行正常工作

    4. 组件化的最佳实践

    1. 设计出一套组件和规范,以一个典型的组件为例, 对背景、边框、线条、配色等,制定规范内容模板。确定组件的类型,组件的标注,组件的注意事项。详细请参见:几套预定义样式推荐

    2. 形成组件库:按照制定的规范模板,制作并生成组件,形成可复用的组件库,更多组件,请参见:https://market.fanruan.com/reuse



    附件列表


    主题: 素材库
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持