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