Skip to main content

列表页

列表页设计的核心目标是为了让用户能方便的筛选定位目标数据、查看目标数据关键信息、对目标数据进行操作。设计要点如下：

  • 要尽可能减少定位到目标数据所需的操作次数；
  • 列表页中仅展示关键信息，更多信息折叠或放在详情页；

整体布局#

示意图

筛选区域#

极简#

输入框不展示输入框标题，输入内容以输入框中的提示形式出现。 TODO：给一个对错的对比图 示意图

操作区域#

对列表的操作分为通用操作和业务操作。通用操作以浅色按钮呈现，业务按钮以深色按钮呈现。

  • 通用操作示例：搜索、刷新、列配置
  • 业务操作示例：下载、创建、批量发布等等

内容区域#

标准列表#

示意图

多列表#

示意图