文章插图

在列表中合适的间距和填充，在视觉中至关重要，为了保证更好的易读性，提高用户的阅读体验，我们就需要对间距进行规范 。
举例：边距为a1，中间内容为a2（定义为最小值，根据宽度进行自适应） 。
我们在设计的初期，就要做好设计规范，表格的边距要统一制定 。中间内容间距也要确定最小距离，在根据内容的展示进行自适应，如果内容表格宽度大于页面宽度，首尾列固定，边距固定，中间内容有固定最小值，根据内容进行自适应 。

文章插图

列间距我们确定之后，如果列数过多，那么就展示不全，就会出现横向滚动条，操作的浏览体验就很差，屏效低 。信息过多堆积就会造成视觉负担 。首先我们要先展示重要数据，次要的进行隐藏，，有两种方式进行设计 。
第一：可提供详情按钮，进行查看全部的内容 。
第二：用户自定义列，选择相对应的展示内容 。
如果根据业务的需求需要全部展示的情况下，那就需要滚动条，，根据业务需求来展示相关数列 。

文章插图

五、视觉标准表格中承载的数据信息才是主体，在进行表格设计时，去除所有非必要的视觉元素，让用户将注意力集中在数据信息上，不是过多的装饰，边框，底色等 。分割线的样式尽量轻盈，无关的边框不要抢视觉，数据才是主体，突出内容 。
在很多产品设计中会发现想通过斑马纹和分割线来区分信息的内容，本身是想很好的区分的，等带设计好后就会发现其实用户的视觉体验并不是很好，造成视觉疲劳，反而会使得页面更加的杂乱无章，那么想清晰的划分信息内容，我们可以通过文字对齐，间距对齐来实现，有足够的留白，使得页面设计的更加的简约和清晰 。

文章插图

对状态的区分，仅用轻量的颜色区分即可，操作栏保持主色按钮色 。图标，标签，虽然能够帮助组织数据，更直观的传达信息，但是物极必反，少即是多，要注意克制这些元素的使用，标签能用线性就不用面性，做到轻盈，否则表格中最重要的就是标签，过多的颜色细分会使表格变得更加混乱，影响用户体验 。

文章插图

对于表格内容的对齐方式，居中和顶部对齐都是可以的，针对具体的使用方式推荐采用顶部对齐 。当列表都是文字数据，不管你是居中还是顶部对齐上下的边距其实是一样的，但是当列表中出现了比较复杂的情况，就会出现参差不齐，都采用顶部对齐，浏览数据的时候更加的直观阅读效率更高 。

文章插图

在列表中会有很多没有数据来源的，那正对与没有数据显示的，用“—”代替，数据为0时，显示“0”，如果没显示，会给用户错觉，时后台的bug，还是什么问题，就会影响用户的使用感受 。
表格中不管是信息的展示，还有很多的操作，最常见的就是增删改查，当然还有其他操作，就会出现操作栏就会占据列表的半壁江山，那其他的列表数据区域就会压缩，我们要知道列表的主要目的是展示信息，然后才是对信息进行增删改查的操作，所以操作栏可以考虑隐藏，用户点击更多就可以选择更多的操作内容 。不管是精简文字或是图标，能够让用户有很高的识别性就是可以操作的 。

• 美素力奶粉怎么样 美素奶粉到底好不好
• 双12淘宝卖家订单多吗？去年双12淘宝交易额怎么样？
• 楼下是车库的二楼好吗 一楼车库二楼风水怎么样
• 速卖通韩国海外仓怎么样？具体解答
• 新东方与新航道雅思培训哪个好 新航道雅思怎么样
• 海尔电视怎么样好不好 海尔和创维电视哪个好
• 海信电视哪款比较好 海信电视质量怎么样
• 小米空调怎么样 小米空调与格力空调哪个性价比高
• 视频剪辑就业前景怎么样 未来发展好吗
• 海南程序员工资一般多少 薪资待遇怎么样