通過表格,訪客可以對兩件或者多件事情進(jìn)行比較,通過表格可以完美地呈現(xiàn)數(shù)據(jù),也可以通過表格,可以減少文字說明,直接讓訪客自己體會(huì),增強(qiáng)說服力。...
表格可以成為一種選擇。通過表格,訪客可以對兩件或者多件事情進(jìn)行比較,通過表格可以完美地呈現(xiàn)數(shù)據(jù),也可以通過表格,可以減少文字說明,直接讓訪客自己體會(huì),增強(qiáng)說服力。由于表格有如此之多的好處,網(wǎng)頁設(shè)計(jì)中,需要在必要的時(shí)候使用表格。

怎樣在網(wǎng)頁中設(shè)計(jì)表格呢?
1.注意表格的排版
不要將文本放在表的中間。像在其他地方一樣對齊表文本——也就是向左對齊。
由于表中的文本往往會(huì)出現(xiàn)在窄列中,所以也不要對文本進(jìn)行調(diào)整——讓它右對齊,否則將會(huì)造成混亂,并且肯定會(huì)損害可讀性。
如果是數(shù)字,*好選擇右對齊,以方便訪客比較。為了一致性和易于理解,將標(biāo)題的對齊方式與數(shù)據(jù)的對齊方式相匹配。
如果表格中數(shù)字有小數(shù)點(diǎn),應(yīng)該對其小數(shù)點(diǎn)。 您可能會(huì)發(fā)現(xiàn)自己無法控制數(shù)值精度,或者您正在處理的數(shù)據(jù)四舍五入為相同的有效數(shù)字,而不是保持相同的精度。將數(shù)字對齊到小數(shù)點(diǎn),這將使你的讀者更容易地比較數(shù)字大小。
2.不要拉伸表格
許多設(shè)計(jì)師會(huì)本能地為增加表格應(yīng)用寬度——就像他們處理其他圖像一樣——將它們拉伸以填充文本列或頁面。你可以讓它們看起來有點(diǎn)像圖片。然而,更仔細(xì)地觀察就會(huì)發(fā)現(xiàn),數(shù)據(jù)會(huì)被分隔開,閱讀起來會(huì)更困難。
3.數(shù)字的寬度應(yīng)該相同
許多表格,如財(cái)務(wù)報(bào)表或時(shí)間表,主要由數(shù)字組成。一般來說,它們的目的是為讀者提供數(shù)字?jǐn)?shù)據(jù),以行或列的形式表示,有時(shí)以兩者的矩陣形式表示。您的讀者可以通過掃描列來使用該表,或者搜索一個(gè)數(shù)據(jù)點(diǎn),或者進(jìn)行數(shù)字之間的比較。您的讀者也可以通過簡單地瀏覽列或行來理解數(shù)據(jù)。如果個(gè)位、十位和百位都垂直排列,比較數(shù)字就容易得多;也就是說,所有數(shù)字的寬度應(yīng)該完全相同。
4.減少裝飾和附加
在表格方面,應(yīng)該盡量刪除除過數(shù)據(jù)之外其他的東西。要避免表格周圍的邊框或邊框。嘗試使用對齊、間距和分組來實(shí)現(xiàn)表格的可讀性。避免斑馬條紋,著色和填充,和任何其他背景。這些表面上看起來很漂亮,但通常會(huì)分散注意力。
5.可以橫向滾動(dòng)查看
幫助任何大小和復(fù)雜性的表的*簡單的解決方案是讓瀏覽器盡可能地布局變革,并根據(jù)需要在屏幕外呈現(xiàn)表格的一部分。如果讀者能夠不受其他文本的影響,將該表橫向滾動(dòng),則可以相對容易地看到該表。