数据展示
  • 表格

    表格是数据展示最为常见的一种展示形式,是用于收集、整理、组织及分析数据的信息组织手段。

    完整列表组成(部分元素根据业务需要展示):

    操作区搜索、筛选、增删改、其他业务操作等。

    标题区、内容区承载表格内容信息。

    批量操作区解决列表重复操作需求。

    分页器解决列表内容过多、用户浏览不变、加载过慢等问题。

  • 折叠面板

    对信息按照不同层级不同分类进行渐进展开信息的显示方式,使用户专注于显示关键信息的同时有效节省页面可视面积。当需要用户聚焦于一个关键信息的详情时,可采用手风琴折叠面板(仅展开当前选择项,同时展开项收起)。

  • 卡片面板

    卡片面板将不同形式的信息归纳划分到不同区域中,每块卡片中关键性的摘要信息能够快速有效地吸引用户的注意力。在采用卡片展示不同类型内容时,信息可以根据上下文排序并组织成符合逻辑的分组。易于操作且视觉切换效率高。

  • 走马灯

    在空间不足时对于同层级间的信息进行轮播展现,常用于图片(常规样式、图文分离样式)或卡片轮播。常用于广告及产品展示,一般位于页面顶部,可采用系统自动轮播或用户手动触发轮播。轮播数量控制在 3~5 张为宜。指示器常置于图片底部居中、底部居右及底部居左。

  • 时间轴

    一种按照时间维度排列信息的方式,将事件以时间建立了可视化的联系。一般按照时间倒序排列,方便用户聚焦于当前发生的事件。内容包括:描述时间的轨迹或路径、点或段的定义、标签定义、事件主题等。