編者按:這篇小文圖文并茂地展現(xiàn)了可視化設(shè)計的十條法則,有時候好設(shè)計和壞設(shè)計就在一念之間。 1.展示數(shù)據(jù)
顯而易見,數(shù)據(jù)設(shè)計不能離開數(shù)據(jù)。 一旦收集到了數(shù)據(jù),第一步要做的便是展示它,或是決定你如何展示。 如何去展示你的數(shù)據(jù),取決于數(shù)據(jù)本身、受眾和媒介。 在這個案例中,魚的圖形和數(shù)據(jù)標(biāo)尺共同提供了有價值的信息。 2.使用圖表
“在如此小的空間中,只有圖片能傳遞這么大量的數(shù)據(jù)信息?!?——Edward Tufte 在上面這個案例中,文字描述是不夠的,事實上,單獨的文字描述并沒有什么用處。 當(dāng)單獨的文字不能有效地傳遞信息時,最好使用圖片和表格。 地圖、手冊和教學(xué)指南只是利用圖片和圖表形式的其中幾種。 3.規(guī)避無效信息
“無效信息會將小錯釀成大災(zāi),但永遠(yuǎn)無法拯救單薄的數(shù)據(jù)集?!?——Edward Tufte 當(dāng)數(shù)據(jù)可視化設(shè)計太注重設(shè)計的時候,就容易產(chǎn)生無效信息。 上述所示的案例中,圖表不需要多余的陰影和立體效果,若是有了多余的內(nèi)容,解讀數(shù)據(jù)就會變困難。 分散的形式、過分的顏色,甚至是不必要的格子和線條都可能成為無效信息。 4.簡化圖表 看看我們?nèi)绾魏喕瘓D表(Data-ink是指一張圖表中用來代表數(shù)據(jù)的無法擦除的核心部分所使用的墨水) 正如上圖所展示的案例,是我們?nèi)绾魏喕瘓D表。 然而,在決定設(shè)計元素去留的時候要小心謹(jǐn)慎??刹灰獮榱撕啙嵍サ袅酥匾男畔?。 最重要的是,數(shù)據(jù)是第一位。在考慮設(shè)計元素的時候,應(yīng)該以“數(shù)據(jù)更容易被理解”為前提。 5.貼上標(biāo)簽
在這個案例中,標(biāo)簽的數(shù)字指向具體部位。 沒有標(biāo)簽,所有部位將變得雜亂無章。 標(biāo)簽是信息性的指引,并且在數(shù)據(jù)可視化設(shè)計中至關(guān)重要。 為了使標(biāo)簽更有效,應(yīng)集中在清晰性、易讀性和區(qū)別性的設(shè)計上。標(biāo)簽應(yīng)該和數(shù)據(jù)有所區(qū)別。 6.利用微閱讀
細(xì)節(jié)都在微閱讀中。 “若要清晰,加上細(xì)節(jié)?!?——Edward Tufte 在這個案例中,巴黎的這幅繪畫上充滿了細(xì)節(jié)。 從遠(yuǎn)處看,成千上萬的門窗交織在一起,形成了凝聚結(jié)構(gòu)的建筑和社區(qū)。 因此,宏觀的清晰是由微觀的質(zhì)量和數(shù)量決定的。 7.分層展示 點擊五線譜來顯示更多一層數(shù)據(jù),數(shù)據(jù)就像音樂流淌耳邊。 “要不可避免地、堅定地認(rèn)為,最重要的是信息圖層之間的合適關(guān)系?!薄狤dward Tufte 當(dāng)設(shè)計元素在基調(diào)、顏色、形狀上明顯不同時,就需要分層展示。 在上述的案例中,因為不同的顏色和形狀,音符和五線譜看起來是兩種不同的元素。 音符是純黑且粗的,五線譜是灰且細(xì)的。若是二者都被用以黑色和粗體,那么就很難顯示區(qū)別。 8.利用多樣性
“設(shè)計的不變性使重點放在數(shù)據(jù)變化上,而非數(shù)據(jù)框架的變化上?!薄狤dward Tufte 在這個案例中,當(dāng)看到那件向下的T恤時,我們就會立馬感覺到不一致。 在其他地方你也能看到多樣性的運用,那便是天氣預(yù)報。 一周7天都是一致的設(shè)計,改變的只是天氣。 9.運用顏色
“最重要的在于,至少不去破壞。” ——Edward Tufte 在上述案例中,地圖的配色前者差勁,后者明智。 明智的上色地圖利用了自然色,比如藍(lán)色標(biāo)識海洋、棕色標(biāo)識大地,并且運用深淺色來描述深度。 差勁的上色地圖則被明亮的毫無意義的色彩填滿。 10.理解敘事
敘事著重于“時間”和“空間”。圖中案例是關(guān)于日本金龜子長達(dá)一年的生命周期。 在金龜子的案例中,月份代表“時間”,實際的甲蟲居住的土壤代表“空間”。 另一個敘事數(shù)據(jù)設(shè)計的案例是火車時刻表。 時刻表本身代表“時間”,到達(dá)目的地代表“空間”。 作者:Edward Tufte,信息設(shè)計先驅(qū),耶魯大學(xué)統(tǒng)計學(xué)和政治學(xué)的退休教授。 原文鏈接:http://www./school/tuftes-rules/rule_one.php 翻譯:魯念 校對:曾明 |
|