如何为网站设计表格?
2020.10.26

由于表格有如此之多的好处,网页设计中,需要在必要的时候使用表格。
那么,如何在网页中设计表格呢?我们提供一些设计参考。
不要拉伸表格
许多设计师会本能地为增加表格应用宽度——就像他们处理其他图像一样——将它们拉伸以填充文本列或页面。你可以让它们看起来有点像图片。然而,更仔细地观察就会发现,数据会被分隔开,阅读起来会更困难。
减少装饰和附加
在表格方面,应该尽量删除除过数据之外其他的东西。要避免表格周围的边框或边框。
尝试使用对齐、间距和分组来实现表格的可读性。避免斑马条纹,着色和填充,和任何其他背景。这些表面上看起来很漂亮,但通常会分散注意力。
注意表格的排版
不要将文本放在表的中间。像在其他地方一样对齐表文本——也就是向左对齐。
由于表中的文本往往会出现在窄列中,所以也不要对文本进行调整——让它右对齐,否则将会造成混乱,并且肯定会损害可读性。
如果是数字,最好选择右对齐,以方便访客比较。
为了一致性和易于理解,将标题的对齐方式与数据的对齐方式相匹配。
如果表格中数字有小数点,应该对其小数点。 您可能会发现自己无法控制数值精度,或者您正在处理的数据四舍五入为相同的有效数字,而不是保持相同的精度。将数字对齐到小数点,这将使你的读者更容易地比较数字大小。
数字的宽度应该相同
许多表格,如财务报表或时间表,主要由数字组成。一般来说,它们的目的是为读者提供数字数据,以行或列的形式表示,有时以两者的矩阵形式表示。您的读者可以通过扫描列来使用该表,或者搜索一个数据点,或者进行数字之间的比较。您的读者也可以通过简单地浏览列或行来理解数据。如果个位、十位和百位都垂直排列,比较数字就容易得多;也就是说,所有数字的宽度应该完全相同。

期待与您的沟通
我们始终如一为客户提供高性价比产品与服务
zhumaweb