数据展示类组件可以让界面的信息更合理、更有序地展现，有助于用户阅读

数据展示类组件可以让界面的信息更合理、更有序地展现，有助于用户阅读。

1. 设计原则

1）合理展现

使用合理的数据展示方式，可以帮助用户高效获取信息。

2）低频收纳

中后台系统数据量很大，设计者要考虑将用户低频使用的数据进行收纳，给予高频数据更充分地展示空间。

3）状态提示

数据会存在一定的状态，合理的状态提示，使用户的下一步操作目标更明确。

2. 徽标数

一般出现在通知图标或头像的右上角，用于显示需要处理的消息条数，通过醒目视觉形式吸引用户处理。

3. 折叠面板

折叠面板通过对界面信息的分组和收纳，提高界面的使用率。

4. 时间轴

以纵向信息流的方式组织和展现信息。

1. 通常这一系列信息具有很强的时间属性，可正序或者倒序排列。
2. 时间通常为主要字段，重点展示，顺着时间，引导用户查阅信息。

5. 时间轴（带操作）

时间轴中单个时间节点上的信息内容较多，不适合全部展示给用户，可以将不太重要的信息置入操作内。

6. 文字提示

简单的文字提示框，当鼠标移入则显示提示，移出则消失，通常会在以下情况使用。

1. 当文字太长，被隐藏显示。
2. 当操作被禁用，需要告知用户如何启用禁用的操作。
3. 当图标代替文字展示的时候晦涩难懂。

7. 气泡提示

当目标元素有进一步的描述和相关操作时，可以收纳到卡片中，根据用户的操作行为进行展现。