最近大家在項(xiàng)目中遇到了圖表設(shè)計(jì),發(fā)現(xiàn)數(shù)據(jù)圖表里面也有很多地方值得推敲,在此我分享一些關(guān)于餅圖的心得。
正視實(shí)心餅圖最常用的餅圖,配合數(shù)值標(biāo)簽 (Label) 和彩色的圖例 (Legend) 能夠清楚反映各數(shù)據(jù)間的比例關(guān)系。 站點(diǎn)流量分析軟件Google Analytics的餅圖,由于數(shù)據(jù)較多,所以只有占較大份額的項(xiàng)目標(biāo)注了文字標(biāo)簽。 站點(diǎn)流量分析軟件Omniture SiteCatalyst的餅圖,在2D圖形上加上一些漸變,形成鮮明的視覺風(fēng)格。 環(huán)形餅圖環(huán)形餅圖中間的空白處可以容納額外的信息,設(shè)計(jì)上可以做出很多變化。 靈活使用餅圖配上插圖,平面效果非常出色。 I Love Robots 網(wǎng)站導(dǎo)航,采用非常纖細(xì)的環(huán)形餅圖形式,每個(gè)板塊是一種色調(diào),作品集分為許多彩色的小扇形組成,每個(gè)分別代表一個(gè)作品,整個(gè)網(wǎng)站的內(nèi)容能夠全部在這個(gè)環(huán)形上了。 環(huán)形的年歷,將一周七天縱向(半徑方向)排列,圓弧方向上每一列為一周,每個(gè)月使用不同的色相表示。這個(gè)雖然不是通常意義上的數(shù)據(jù)圖,但是有相似之處。 其他一些受餅圖啟發(fā)的平面設(shè)計(jì)。 立體實(shí)心餅圖為追求新穎的視覺效果,3D餅圖也被廣泛使用。通常通過標(biāo)注線將數(shù)據(jù)標(biāo)簽指引到餅上,標(biāo)簽盡可能對(duì)齊排列。目前Microsoft Office和Mac下的iWork軟件都可以生成這類餅圖。 Google 提供了一個(gè)免費(fèi)的圖表Chart API [http://code.google.com/intl/zh-CN/apis/chart/],通過一條帶參數(shù)的URL就可以獲得一個(gè)PNG格式的圖表。當(dāng)然除了餅圖,他還可以生成其他各種數(shù)據(jù)圖表,如條形圖、柱狀圖等。下面的范例URL為[http://image53.360doc.com/DownloadImg/2012/08/0422/25959979_11]。 電子商務(wù)數(shù)據(jù)挖掘軟件Omniture Discover生成的3D餅圖,通過餅圖和表格的色彩對(duì)應(yīng)關(guān)系,使用戶既可以直觀地了解數(shù)據(jù)地大體比重,又能很方便地查詢到詳細(xì)的數(shù)值。 其他餅圖Pie Chart 巧克力? 不知道味道怎么樣,不過那么有形的東西設(shè)計(jì)師都喜歡的吧。 ![]() Pie Chart Chocolate ![]() Pie Chart Chocolate ![]() Pie Chart Chocolate |
|