网页设计表单字体居中 第1篇
除了在单元格中引用图表之外，很多时候都会提供图表/表格视图切换，便于用户从图形角度查看、分析自己关注的数据。有时也会有“图表+表格”的形式，这时候，表格往往只作为明细放在页面底部。大量的表格也会导致视觉的单调。
当一个表格里面有多种图表数据进行展示时，他就是图表表格。
可以用卡片的形式来展示信息，将信息以组的概念呈现，单张卡片内的信息按优先级进行排列。此外，卡片彼此之间又形成一个整体。
用户无需以特定顺序浏览条目，将每个条目以富有吸引力的方式呈现。
参考资料：
1、B端表格设计实战指南 Nick
2、列表页 AntDesign
3、web表格设计解析 小龙
4、web表格设计攻略 THE TAO
5、B端设计指南-06表格 CE青年
6、数据表设计 塔拉斯·巴库斯维奇（Taras Bakusevych）
网页设计表单字体居中 第2篇
列宽的设置对于用户的高效阅读还是很有作用的，在设计时要根据具体的业务信息进行分析。
列信息内容长度固定时：（例如手机号、性别、身份证号等）可以设置为固定的列宽，
列信息内容长度不固定时：要根据产品设置的最大字符数与用户数据来进行设置，如组织名称，字符限制为60，如果表格数据内容很少，可以全部展示60个字符时则全部展示；当内容较多时要根据大部分的用户数据设置表格中最多展示的字数，（例如组织名称：某某某集团有限公司市场拓展与服务部第_支部；某某某集团有限公司产品事业部第_支部..）大部分数据都是某公司名称前缀的展示信息，在设置展示内容时最少也要保证公司名称前缀之后三个字的展示，才能让用户大致区分数据差异。
列与列之间的间距保持相同大小，首列尾列与表格边缘的间距保持相同。
列的间距n1 保持不变，n2定义最小值，随着页面的尺寸自适应变化。（我的参考：n1固定值定义为12px，n2最小值定义为24px）
列的数量建议最多展示9条，因为人们的记忆在7±2之间，数据太多用户会找不到重点，但也不是必须，根据业务需求，如果需要大量数据展示时也要展示，因为视觉永远低于业务（好用比好看更重要）。
列的视觉也可以根据业务需求做引导，一般配合排序或比较使用，比如数据或同类信息的对比性。
常见的表现形式有两种：分割线、填充底色。
在一些用户高度自定义表格中，数据的列宽不好确定的情况下，可以允许用户对列宽进行调节。
通过光标的变化提示列宽自定义操作，拖动可完成列宽设置。
列数据还可以根据用户需求进行自定义设置，可以选择要展示的列，也可以对列进行排序。
例如下面两个案例，都是在表格右上方的设置按钮对表格进行设置，清晰高效。
通常系统会记住你上次的自定义设置，作为这次展示的默认形式。
表格数据量过大页面无法展示时，不得不采用水平滚动或横向拖拽来阅读数据。滚动带给用户的是不稳定性，容易迷失，就需要固定重要信息作为参照让用户稳定下来，这时固定首列一般是最优解，让用户滚动数据时也能得到固定的参考，提高查找效率。同时固定表尾可以方便用户找到对应信息后及时操作。如下图element组件库
网页设计表单字体居中 第3篇
表格标题的示例展示
示例：teambition项目截图标题同时承担切换视图与分组的功能操作；飞书会议室管理标题随着右侧架构的变化进行变化，提醒用户当前表格显示内容；Prowork事项标题内容带表格展示日期的区间；TAPD查找过滤表格标题位于表格左上方鲜明扼要的表格展示。
上图标题使用图标样式，增加表格特征与归属感，强化品牌调性。
网页设计表单字体居中 第4篇
表格中数据信息的对齐遵循一定的规则会让表格更好查找，提高效率。
文字信息的阅读习惯一般是从左向右、从上到下。按照阅读习惯进行文字排列。
数字的阅读习惯是从右向左，用户会先看个位再看十位、百位、千位等来确定当前数据的单位大小。
比如日期（2020-11-11），状态文字（未审核等）或者布尔关系的文本（是/否等），字段固定不变，居中对齐能更好的信息呈现。这里说明根据业务也可以按照文本型左对齐处理，让用户查看表格不会感觉混乱。
对齐方式保持相同可以使表格更好阅读，上下文保持一致。
使表格更加规则，视觉统一提高操作效率。