前言
众所周知,表格是一种可以清晰、全面、高效地将数据展示出来的组件,作为B端产品,表格一定是产品设计工作中接触最多的组件,今天我就以一个小场景来说说B端表格的应该如何入门。
关于本系列文章,有几点需要提前告诉你:
- 无特别说明的业务案例,都是虚构案例,逻辑合理,但可能过于简洁,不符合业务的复杂性;
- 使用的解决方案更像是一个临时方案;
- 简单的业务、临时的方案是为了将你快速地带入到场景中来,无需深究;
我是个野路子出身的产品经理,做过Java研发,后来转做过2G、2B的产品经理,我的学习历程是先看别人怎么做,想想为什么,然后尝试自己做一下,最后再想办法去学习怎么做,慢慢去提升。所以,我的文章通常会分为三个部分,本次B端表格设计入门指南将分为如下几个部分:
- 上篇:表格常见的样式、组件配合(看看别人怎么做的,为什么这么做,然后自己试一下)
- 中篇:表格的概念和设计原理(想办法去学习)
- 下篇:只能帮你到入门了(慢慢去提升)
一、 基础表格
假设有个系统,现在需要将人员信息展示出来,这时也许就是一个简单的表格。
随着信息的增加,业务的推进,表格可能变成下面这种情况。