可以組織數據和信息是不可無視的技巧。組織內容和文本的方式,通常稱為復制,直接影響到用戶如何接納內容。你必需找到一種方式來組織信息,它可掃描能夠疾速被讀者。以潔凈的方式組織信息的一種辦法是運用數據表。數據表提供了顯現大量信息的構造化方式。
自從Web開發開端以來,數據表不斷在運用。桌子的構造沒有改動,也不會改動,由于,它是一張桌子。但是,雖然構造堅持不變,款式曾經有了很長的路;最近的表和早期的表一樣易讀。
數據表的常用用法
表以簡約易讀的方式組織信息十分容易。它們能夠用來存儲和顯現大量的信息、少量的信息、靜態數據,以至是不時變化的數據。
由于表的相似圖表的規劃,它們關于停止比擬十分有用。許多網站用它們來比擬產品、效勞以及如上所述的定價方案。
下表對蘋果的網站比擬一切的MacBook。該圖表包含大量信息,但仍有組織,易于閱讀。這是一個十分簡單的表,但看起來不錯,由于良好的間距和邊境。同時,留意筆記本電腦的圖像如何包含重要的信息是粗體。這使得表很可。
數據表通常用來比擬定價方案。它們提供空間來顯現方案的稱號、價錢和每個方案的共同之處。通常狀況下,顯現定價方案的表包含每個方案的列和每個特性的行。然后,每個單元格內部都有一個標志,指示方案能否具有該特定功用。
最后,表格經常呈現在電視網絡網站上以顯現日程布置。它們與典型的表有點不同,由于交織的察看周期,細胞大小不同。除此之外,進度表遵照完整相同的構造。
網站制作現代網頁設計數據表
有用數據表的組件
固然簡直每個用戶都曉得如何了解一個表,但依然能夠做一些事情使您的可用性更高一級。
標題+標簽+數據=數據表
顯然,數據表由列標題、行標簽和單元格中的實踐數據組成。一張桌子應該是什么也沒有少了。
添加顏色時,應使單元格與標簽和標題構成比照。使標簽和標題的背景顏色比用于中心數據的顏色不同。這使表格更容易閱讀和消弭紊亂。
下面的表goplan運用深色的列標題和行標簽。請留意,由于比照度,閱讀這張表要容易得多。
網站制作現代網頁設計數據表
堅持簡單的網格
一切的表都是網格,它們的工作方式很好,那么為什么不同呢?網格是有效的,由于您能夠在一個小范圍內包容大量的信息,并且查看器依然可以輕松地讀取內容。
運用圖標
圖標是減少頁面上單調文本的好辦法。圖標還能夠協助組織數據表。
下面的表格能夠很好地運用圖標,看起來十分潔凈。檢查標志和穿插運用替代“是”和“否”。
不要留下空白空間
表通常有數據不適用的單元格。防止簡單地將這些空格留空,而是用一個標志填充它們,如十字(x)、圖標或如下表中的破折號。
這個潔凈的表運用三個破折號表示數據不適用于一個單元格;這看起來比分開一個空白的空間要好得多。
突出顯現重要列和行
許多數據表突出顯現提供重要信息或有用信息的列和行。在定價圖表中,您通常會看到突出顯現的最佳計劃??纯聪旅娴淖雷?。最重要的一行——餐桌被觀看的日程布置——用粗邊框和不同背風光突出顯現。
運用更大和更復雜的數據表
到目前為止,我們主要集中在小型和簡單的數據表上,但關于大型、復雜和數據重的表又如何呢?關于大型數據表,有許多可用性思索事項。
網站制作現代網頁設計數據表
使可挪動列
數據表在許多基于Web和裝置的軟件應用程序中占重要位置。通常,開發人員將創立表,以便用戶能夠按任何方式挪動和組織列。此外,應用程序通常允許用戶添加和刪除列。
允許列重新排序
在具有頻繁變化的大量數據或數據的表中,應該給用戶重新排序內容和單元格的才能。您能夠訂購數據的最常見的變量包括日期、字母表和重要性。
提供大表的搜索
假如數據普遍且表很大,則應提供一個搜索框。這將進步大表的整體可用性,并使查找數據更快。
網站制作現代網頁設計數據表
提供不同的觀念
假如您的表包含有縮略圖或其他視覺內容的信息,您能夠運用的另一個可用性功用是以不同方式查看該信息的才能。提供查看一切文本、文本和縮略圖或僅縮略圖的選項。
看看這個基于flash的數據表。它提供了許多與大表有效的特性,如上所述,包括搜索、重新排序選項和不同視圖。
設計數據表
外型,或缺乏外型,在用戶如何對待表格和吸收數據方面起著重要作用。但是請記住,它依然只是一個數據表,不應該被重載。堅持簡約易讀是你的總體目的。陰影和藝術邊框能夠與規劃中的其他元素協同工作,但要遠離數據表。下面是一些對數據表更有效的款式元素。
交替的顏色
任何數據表最重要的特性是可讀性。完成這一點的一種辦法是對列和行交替運用顏色。這使得它更容易閱讀和閱讀。
下面的數據表布置得很好。表的行交替顏色,提供潔凈、流利、高效的規劃。它有很多信息,但依然可讀。
網站制作現代網頁設計數據表
邊境
用邊境別離細胞是十分重要的。邊境使數據更易讀,能夠消弭紊亂。有了大量的信息,不同單元格中的數據能夠像一個一樣混合在一同,但是你想把它們分開。
充足的間距
和邊境一樣,數據之間的間隔也有助于可用性。在每個單元格中,在邊境和數據之間留出足夠的填充。運用至少20像素的空間。
簡單的背景顏色
正如我們不斷說的,良好的數據表都是關于可讀性的。顏色和可讀性常常是齊頭并進的。數據表應該總是簡單的,簡單的辦法之一是運用簡單的顏色。防止運用亮堂、令人厭惡的背景顏色,由于這些顏色反映的數據不好。