為什么數(shù)據(jù)可視化設(shè)計(jì)非常重要？
如何設(shè)計(jì)一個(gè)數(shù)據(jù)可視化界面？
1. 區(qū)分層級(jí)
-
通過定義信息層級(jí)，讓用戶清楚什么是最重要的 -
在左上角顯示更重要的信息，沿著對(duì)角線方向，信息的重要程度應(yīng)該依次減弱，右下角的信息重要性最弱 -
還可以將信息劃分為不同類別，并在不同的視圖中顯示它們
2.簡單易懂
-
不要放一些大多數(shù)用戶都難以理解的信息 -
使用更少的列來顯示信息 -
刪除冗余內(nèi)容來減少混亂
3. 一致性
-
為了使界面更容易閱讀，可以在信息組之間使用類似的可視化效果。 -
把相關(guān)的信息放的更近一些 -
對(duì)相關(guān)內(nèi)容進(jìn)行可視化分組
4. 臨近原則
-
把相關(guān)的信息放的更近一些 -
不要將相關(guān)信息分散在界面上 -
對(duì)相關(guān)內(nèi)容進(jìn)行可視化分組
5. 對(duì)齊
-
將可視化組件元素在視覺上進(jìn)行對(duì)齊，可以將界面組織的更好 -
嘗試將組件元素進(jìn)行網(wǎng)格布局設(shè)計(jì) -
不對(duì)齊的界面會(huì)給用戶帶來糟糕的體驗(yàn)
6. 留白
-
當(dāng)用戶查看需要的信息時(shí)，界面中的留白能夠吸引用戶的目光，提升用戶體驗(yàn)。 -
減少留白會(huì)使用戶的界面變得混亂 -
使用留白能對(duì)信息進(jìn)行可視化分組
7. 顏色
-
仔細(xì)選擇顏色，目標(biāo)是使內(nèi)容易于閱讀。 -
使用大對(duì)比度來顯示背景上的視覺元素。
8. 字體
-
使用標(biāo)準(zhǔn)字體，因?yàn)樗鼈兏菀组喿x和掃描。 -
特別和美術(shù)字體可能看起來不錯(cuò)，但很難理解 -
避免所有的大寫字母文字，因?yàn)樗茈y閱讀，人類的大腦需要時(shí)間來消化它。 -
使用合適的字體大小和風(fēng)格，有效地傳達(dá)信息。
9. 數(shù)字排版
-
必要時(shí)使用整數(shù)，因?yàn)殚L數(shù)字會(huì)使用戶混淆 -
省去不必要的信息 -
讓用戶能夠容易地比較簡單的差異細(xì)節(jié)
10. 標(biāo)簽
-
避免使用帶旋轉(zhuǎn)的標(biāo)簽，因?yàn)楹茈y閱讀 -
盡可能的使用標(biāo)準(zhǔn)的縮寫
總結(jié)
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》后臺(tái)數(shù)據(jù)可視化界面設(shè)計(jì)的10條經(jīng)驗(yàn)法則
藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司