久久成人免费-久久成人激情视频-久久成年人视频-久久成年片色大黄全免费网站-亚洲人成网址在线观看-亚洲人成网址

 
深圳網站建設設計

將想法與焦點和您一起共享

深圳網站建設設計 深圳網站優化排名 深圳網站設計制作欣賞

網站制作現代網頁設計數據表

2017-08-02  閱讀: 深圳網站建設設計

網站制作現代網頁設計數據表
能夠組織數據和信息是不可忽視的技巧。組織內容和文本的方式,通常稱為復制,直接影響到用戶如何接收內容。你必須找到一種方式來組織信息,它可掃描可以迅速被讀者。以干凈的方式組織信息的一種方法是使用數據表。數據表提供了顯示大量信息的結構化方式。

自從Web開發開始以來,數據表一直在使用。桌子的結構沒有改變,也不會改變,因為,它是一張桌子。但是,盡管結構保持不變,樣式已經有了很長的路;最近的表和早期的表一樣易讀。


數據表的常用用法

表以簡潔易讀的方式組織信息非常容易。它們可以用來存儲和顯示大量的信息、少量的信息、靜態數據,甚至是不斷變化的數據。

由于表的類似圖表的布局,它們對于進行比較非常有用。許多網站用它們來比較產品、服務以及如上所述的定價計劃。

下表對蘋果的網站比較所有的MacBook。該圖表包含大量信息,但仍有組織,易于閱讀。這是一個非常簡單的表,但看起來不錯,因為良好的間距和邊界。同時,注意筆記本電腦的圖像如何包含重要的信息是粗體。這使得表很可。

數據表通常用來比較定價計劃。它們提供空間來顯示計劃的名稱、價格和每個計劃的獨特之處。通常情況下,顯示定價計劃的表包含每個計劃的列和每個特性的行。然后,每個單元格內部都有一個標記,指示計劃是否具有該特定功能。

最后,表格經常出現在電視網絡網站上以顯示日程安排。它們與典型的表有點不同,由于交錯的觀察周期,細胞大小不同。除此之外,進度表遵循完全相同的結構。

網站制作現代網頁設計數據表

有用數據表的組件

雖然幾乎每個用戶都知道如何理解一個表,但仍然可以做一些事情使您的可用性更高一級。


標題+標簽+數據=數據表

顯然,數據表由列標題、行標簽和單元格中的實際數據組成。一張桌子應該是什么也沒有少了。

添加顏色時,應使單元格與標簽和標題形成對比。使標簽和標題的背景顏色比用于核心數據的顏色不同。這使表格更容易閱讀和消除混亂。

下面的表goplan使用深色的列標題和行標簽。請注意,由于對比度,閱讀這張表要容易得多。

網站制作現代網頁設計數據表

堅持簡單的網格

所有的表都是網格,它們的工作方式很好,那么為什么不同呢?網格是有效的,因為您可以在一個小范圍內容納大量的信息,并且查看器仍然能夠輕松地讀取內容。

使用圖標

圖標是減少頁面上枯燥文本的好方法。圖標還可以幫助組織數據表。

下面的表格可以很好地使用圖標,看起來非常干凈。檢查標記和交叉使用代替“是”和“否”。

網站制作現代網頁設計數據表
不要留下空白空間

表通常有數據不適用的單元格。避免簡單地將這些空格留空,而是用一個標記填充它們,如十字(x)、圖標或如下表中的破折號。

這個干凈的表使用三個破折號表示數據不適用于一個單元格;這看起來比離開一個空白的空間要好得多。


突出顯示重要列和行

許多數據表突出顯示提供重要信息或有用信息的列和行。在定價圖表中,您通常會看到突出顯示的最佳方案。看看下面的桌子。最重要的一行——餐桌被觀看的日程安排——用粗邊框和不同背景色突出顯示。


使用更大和更復雜的數據表

到目前為止,我們主要集中在小型和簡單的數據表上,但對于大型、復雜和數據重的表又如何呢?對于大型數據表,有許多可用性考慮事項。

網站制作現代網頁設計數據表
使可移動列

數據表在許多基于Web和安裝的軟件應用程序中占重要地位。通常,開發人員將創建表,以便用戶可以按任何方式移動和組織列。此外,應用程序通常允許用戶添加和刪除列。


允許列重新排序

在具有頻繁變化的大量數據或數據的表中,應該給用戶重新排序內容和單元格的能力。您可以訂購數據的最常見的變量包括日期、字母表和重要性。


提供大表的搜索

如果數據廣泛且表很大,則應提供一個搜索框。這將提高大表的整體可用性,并使查找數據更快。

網站制作現代網頁設計數據表
提供不同的觀點

如果您的表包含有縮略圖或其他視覺內容的信息,您可以使用的另一個可用性功能是以不同方式查看該信息的能力。提供查看所有文本、文本和縮略圖或僅縮略圖的選項。

看看這個基于flash的數據表。它提供了許多與大表有效的特性,如上所述,包括搜索、重新排序選項和不同視圖。


設計數據表

造型,或缺乏造型,在用戶如何看待表格和吸收數據方面起著重要作用。但是請記住,它仍然只是一個數據表,不應該被重載。保持簡潔易讀是你的總體目標。陰影和藝術邊框可以與布局中的其他元素協同工作,但要遠離數據表。下面是一些對數據表更有效的樣式元素。


交替的顏色

任何數據表最重要的特性是可讀性。實現這一點的一種方法是對列和行交替使用顏色。這使得它更容易閱讀和瀏覽。

下面的數據表布置得很好。表的行交替顏色,提供干凈、流暢、高效的布局。它有很多信息,但仍然可讀。

網站制作現代網頁設計數據表
邊界
用邊界分離細胞是非常重要的。邊界使數據更易讀,可以消除混亂。有了大量的信息,不同單元格中的數據可以像一個一樣混合在一起,但是你想把它們分開。

充足的間距
和邊界一樣,數據之間的距離也有助于可用性。在每個單元格中,在邊界和數據之間留出足夠的填充。使用至少20像素的空間。

簡單的背景顏色
正如我們一直說的,良好的數據表都是關于可讀性的。色彩和可讀性往往是齊頭并進的。數據表應該總是簡單的,簡單的方法之一是使用簡單的顏色。避免使用明亮、令人討厭的背景顏色,因為這些顏色反映的數據不好。


數據表的展示
深圳網站制作正如所承諾的,下面是一些數據表正確的網站。
一個干凈和基本的表格,有不錯的字體和良好的調色板。

將文章分享到..