幾乎每個人都有這樣的感覺：相比于表格中列出的數據，我們更容易理解可視化圖表中顯示的數據。因此，為了讓用戶更直觀地理解數據信息并提升網站整體的吸引力，很多設計師都會將數據以可視化的方式嵌入網頁，而這一趨勢最吸引人的地方就是交互式的動態信息展現。

設計原則

在數據可視化的設計過程中，設計師往往要遵循以下3大原則。

①輕量。眾所周知，普通的表格可以承載數以萬計的數據信息，但將相同的內容進行可視化展示時，就不太適合將其一股腦兒全堆砌在圖表上了，這樣不但顯得非常笨重，也在一定程度上增加了用戶的思考時間。因此，如果數據過多，設計師最好進行分層展示或將主要信息提煉出來再呈現在圖表上。

②適用。數據可視化的方式有很多種，設計師應對數據進行全面了解并考慮好展示目的后，再選擇一種最能清晰地突出其變化趨勢、關聯情況或分布構成的展現方式，使用戶一眼就能洞察事實，更快地發掘其中的價值。

③美感。這包括兩個部分，第一部分是整體協調美，比如對圖表中的各個元素（標題、網格、坐標軸、提示信息等）進行合理排版。第二部分是局部細節美，比如根據流行趨勢給圖表加上漸變色。

精彩示例

現如今，網頁數據可視化儼然已成為用戶體驗設計中最重要的剛需之一。如果你想向用戶展示大量數據卻還不知道該以什么樣的形式處理它們時，可以參考以下2個精彩示例~

Five Thirty Eight

Five Thirty Eight成立于2008年，曾因通過棒球比賽數據成功預測出奧巴馬將贏得美國總統大選而成為人們關注的焦點。目前，該網站包含政治、體育、經濟等板塊，用戶可在上面查看MLB、NBA等各大賽事的結果預測和諸多時事數據分析。

Selfiecity

Selfiecity的數據表現形式非常特別：在一定的模式下通過無數張圖片的視覺效果展現相應的統計數據，例如性別、年齡、心情等。

我們生活在一個數據驅動的時代，能夠將大量數據融入設計是一項寶貴的技能，隨著科技及用戶視覺要求的提升，數據可視化已變得越來越生動，并且幾乎無處不在。

期待大家可以在新一代響應式網站設計工具Coolsite360的幫助下設計出精彩的作品！