設(shè)計(jì)師必看的5個(gè)小技巧!50%的人都用錯(cuò)!

大家都知道我們?cè)O(shè)計(jì)用戶界面越來越受到數(shù)據(jù)驅(qū)動(dòng),不管是匯報(bào)PPT、B端的程序、還是最基本的作品集項(xiàng)目數(shù)據(jù)整理導(dǎo)出等等,對(duì)于數(shù)據(jù)可視化的需求都十分高。然而實(shí)際使用中令人困惑和誤導(dǎo)的圖形表達(dá)無處不在,但我們其實(shí)可以通過遵循一些簡(jiǎn)單的規(guī)則來改變這一點(diǎn)。

01
正負(fù)值在數(shù)據(jù)有正負(fù)值時(shí)不要在同一側(cè)同時(shí)去表達(dá)正值和負(fù)值,會(huì)引起視覺上的混亂。需要像XY軸一樣,在基準(zhǔn)線的基礎(chǔ)上,左側(cè)、下側(cè)表現(xiàn)負(fù)值,右側(cè)、上側(cè)表現(xiàn)正值。



?
02
避免平滑折線圖
不要使用平滑的折線圖。平滑的折線圖可能在視覺上令人愉悅,但它們歪曲了背后的實(shí)際數(shù)據(jù),而且過粗的線也掩蓋了真正的標(biāo)記位置。


03
0基線開始條形圖
始終要在0基線處開始繪制條形圖。雖然像右側(cè)截取頂部數(shù)值繪制條形圖會(huì)使圖表看起來更加漂亮,但那會(huì)導(dǎo)致人們對(duì)數(shù)值產(chǎn)生虛假印象。從0基線開始可以確保用戶獲取更準(zhǔn)確的數(shù)據(jù)及概念。
?


04
折線圖自適應(yīng)Y軸刻度雖然對(duì)于條形圖來說0基線開始是必須的,但折線圖就不一定了。由于折線圖本身就是為了展現(xiàn)數(shù)據(jù)的上升和下降趨勢(shì),所以如果一直保持0基線開始很可能會(huì)導(dǎo)致圖表整體趨勢(shì)幾乎趨于平坦,那就失去了折線圖的意義所在。因此折線圖的Y軸要根據(jù)整體數(shù)據(jù)趨勢(shì)來定,要確保折線至少占據(jù)整體Y軸范圍的三分之二。

?

05
避免隨機(jī)性避免隨機(jī)或者按首字母排序,將最大值放在頂部(對(duì)于水平條形圖)或左側(cè)(對(duì)于垂直條形圖),以確保最重要的值占據(jù)最顯眼的空間,從而減少用戶閱讀圖表所需要的時(shí)間。同樣的建議也適用于許多其他圖表。

?
?