一区二区三区日_色又黄又爽18禁免费网站_日本三级吃奶头添泬无码苍井空_久久av在线影院_亚洲精品乱码久久久久久久久久久久_夫妇交换性三中文字幕_亚洲天天做日日做天天欢毛片_国产成人综合怡春院精品_99re在线视频观看_日韩久久成人

×

4006-234-116

13681552278

手機版

公眾號

天晴創藝網站建設公司。主要為北京、天津全國各地提供網站建設與網頁設計制作服務,歡迎大家咨詢。您的IP地址是:137.175.88.153。今天是:,,(),,現在是:7:54:20 AM,

網頁頁面數據可視化設計原則

作者:天晴創藝發布時間:3/10/2019 9:15:22 AM瀏覽次數:12263文章出處:網站改版

本文提到了一些常見錯誤,也是經驗總結出的一些技巧。這25條小技巧能夠快速提升和鞏固你的數據可視化設計。一起來看看!
一「原則」
1. 選擇可以講故事的圖表
你首先需要思考清楚你想達到什么目的、傳達什么信息、以及你的用戶是誰等。
2. 刪減與故事無關的元素
這并不意味著要減半數據量,而是要多留意圖表垃圾、多余的信息、不必要的說明、陰影、裝飾等?梢暬慕^妙之處在于它可以四兩撥千斤般強化并傳達你想表達的故事。(但可別用3D圖表——它會讓視覺化感知效果出現偏差)。
3. 為了更好的理解去設計

創建好可視化原型后,退一步考慮如何才能讓讀者更容易地理解數據。還可以增加、微調或者移除哪些簡單的元素?或許要在線性圖表里增加一條趨勢線,你也可能會發現餅圖切片太多了(最多只能用6片)。這些微妙的調整將會帶來極大的改變。

網頁設計原則

網頁設計原則


二「對比」 
可視化讓數據對比更直觀,但是僅僅把兩組圖表緊挨著放在一起并不能達成這個目標,甚至更令人費解。(試想將32個不同的餅狀圖放在一起對比?No way!🙅)
4. 加入零點基準線
盡管線性圖表不一定從零點開始,但如果圖表中含大量對比數據的話,零點就很有必要!相對來說,數據的小幅波動是有意義的(比如股票市場的數據),那么你就需要截斷一個范圍以展示它們的不同。
5. 選擇最高效的可視化圖形
保持視覺的一致性,讓讀者可以一眼辨別出,這意味著你可能要使用堆疊型柱狀圖、分組條形圖或者折線圖了。但無論選擇哪種圖形,不要讓讀者費力去對比太多東西。
6. 注意擺放的位置
如果用兩個好看的堆疊型柱狀圖讓讀者去對比,但如果它們相距甚遠,那就別談什么對比了。
7. 講完整的故事
或許你第四季度的銷售額增長了30%,這是不是很令人興奮?但還有更令人興奮的!對比展示第一季度的數據,銷售額就有了100%的增長。

網頁設計原則

網頁設計原則

三「上下文」 
誠然,數據與數字相關,但它通常結合上下文,一般是為后文要點提供背景知識。但在諸多數據可視化、信息圖表和電子書中零下一度,我們看到的都是將數據可視化和上下文對立起來,而非結合使用。
8. 不要過度解釋
如果上下文已經提到了某件事,副標題、標注、標題中不必重申一遍。
9. 讓圖表標題簡單扼要
沒必要用俏皮、啰嗦或雙關的語句。圖表上方的描述性標題應簡明扼要,并與下方圖表直接相關。記。宏P注那些讓人快速理解的方式。
10. 善用標注
標注并非用來填充空白的,而該用來強調相關信息或提供額外的背景知識。
11. 不要使用讓人分心的字體或元素
有時確實需要強調某一點,只要用粗體或斜體文字即可,無須同時使用二者。

網頁設計原則

網頁設計原則

四「顏色」
使用得當,顏色是出色的工具。但使用不當,不僅會讓讀者分心,甚至會產生誤導。因此,請合理地使用顏色。
12. 使用一種顏色去表達相同類型的數據
如果條形圖展示了月銷售數據,那只需一種顏色即可。如果要在一組圖表上對比今年和去年的銷售數據,那么可用不同顏色代表不同年份的數據。另外諾金物流,還可使用一個強調色去突出重點數據。
13. 注意積極和消極數據的表達
不要用紅色表示積極數據或用綠色表達消極數據。這些顏色關聯歷來很強,它們早已在讀者心中打上了標簽。
14. 確保顏色間有足夠的對比
如果顏色過于相似(例如淺灰與更淺的灰),人們難以發現兩者間的區別。相反,也要避免強烈的對比色信息咨詢類網站制作,例如紅配綠或藍配黃。
15. 避免使用圖案
條紋和波點圖案聽起來有趣,但卻十分讓人分心。如果你想在地圖等地方加以區分,可使用不同飽和度的同色,而且要純色實線。
16. 使用恰當的顏色
當圖表中的某些顏色比其他顏色更加突出時,會給數據增加不必要的重要性。因此,應該使用陰影有區別的單色或相同光譜中的兩個類似色來區分強度。記住要用直覺以及色彩明暗去調整重要性。

17. 不要在一張圖上使用6種以上的顏色

看圖足矣。

網頁設計原則

網頁設計原則

五「標簽」
標簽可能會變成雷區。雖然讀者依靠標簽來解釋數據,但是太多或太少都會產生干擾。
18. 保證一切都貼上了標簽
確保所有需要的信息都有標簽——并且沒有重復或拼寫錯誤。
19. 確保標簽可見
所有標簽應清晰可見,并且對應的數據點都可以輕松識別。
20. 可以直接標記線條
如果可能,請在數據點中包含數據標簽。讀者可以快速識別線條和對應標簽,不必尋找圖例說明或類似的數值。
21. 不要過度標記
如果數據點的精確度對于故事講述很重要,那么請包含數據標簽以增強理解力。若并不重要,請忽略數據標簽。

22. 不要傾斜地放置標簽

如果在數據軸上的標簽過于擁擠,請考慮刪除軸上的其他標簽,以使文本排布更舒服。

網頁設計原則

網頁設計原則

六「排序」
數據可視化旨在幫助理解,難以理解的隨機模式讓人感到沮喪,并會破壞想傳達的內容。
23. 直觀地排列數據
圖表應該有一個邏輯結構,可以將數據按照字母、順序或大小類別排列。
24. 排序連貫
圖例的排序應和圖表中的順序保持一致。
25. 排序均勻
在軸上使用自然增量(0,5,10,15,20),而非不均勻的增量(0,3,5,16,50)。

網頁設計原則

網頁設計原則

,

文章來源:網站改版

文章標題:網頁頁面數據可視化設計原則

文本地址:http://m.yoyoenglish.cn/info_1197.html

收藏本頁】【打印】【關閉

本文章Word文檔下載:word文檔下載 網頁頁面數據可視化設計原則

用戶評論

客戶評價

專業的網站建設、響應式、手機站微信公眾號開發

© 2010-2022 北京天晴創藝科技有限公司 版權所有 京ICP備16050845號-2   

關注公眾號 關注公眾號

進入手機版 進入手機版

主站蜘蛛池模板: 丰城市| 德庆县| 灌南县| 酉阳| 乌恰县| 兰州市| 秦皇岛市| 松潘县| 阜新| 金堂县| 台江县| 冷水江市| 壶关县| 长汀县| 涿州市| 攀枝花市| 柳江县| 利津县| 绥芬河市| 巢湖市| 安国市| 龙游县| 嘉黎县| 庆安县| 洛隆县| 读书| 额尔古纳市| 天等县| 景洪市| 黔西县| 隆安县| 揭西县| 呼伦贝尔市| 巴东县| 陈巴尔虎旗| 静安区| 奉节县| 中西区| 加查县| 黔江区| 兴仁县|