聯(lián)系我們
- 聯(lián)系人:首創(chuàng)特裝設(shè)計(jì)
- 手機(jī):15975558396
- 電話:(86-020)29840768
- 郵箱:sczhanlan@163.com
- 地址:廣州天河區(qū)珠吉街東橫三路8號(hào)廣橋商務(wù)園B棟4樓
好設(shè)計(jì)、壞設(shè)計(jì)?可視化設(shè)計(jì)的十條法則
這篇小文圖文并茂地展現(xiàn)了可視化設(shè)計(jì)的十個(gè)規(guī)則,有時(shí)候好設(shè)計(jì)和壞設(shè)計(jì)就在一念之間。
1展示數(shù)據(jù)
在魚(yú)的下方加上標(biāo)尺,展示數(shù)據(jù)。顯而易見(jiàn),數(shù)據(jù)設(shè)計(jì)不能離開(kāi)數(shù)據(jù)。一旦收集到了數(shù)據(jù),第一步要做的便是展示它,或是決定你如何展示。如何去展示你的數(shù)據(jù),取決于數(shù)據(jù)本身、受眾和媒介。在這個(gè)案例中,魚(yú)的圖形和數(shù)據(jù)標(biāo)尺共同提供了有價(jià)值的信息。2使用圖表
編組信號(hào)。
“在如此小的空間中,只有圖片能傳遞這么大量的數(shù)據(jù)信息。” ——Edward Tufte在上面這個(gè)案例中,文字描述是不夠的,事實(shí)上,單獨(dú)的文字描述并沒(méi)有什么用處。當(dāng)單獨(dú)的文字不能有效地傳遞信息時(shí),最好使用圖片和表格。地圖、手冊(cè)和教學(xué)指南只是利用圖片和圖表形式的其中幾種。3規(guī)避無(wú)效信息
圖表中立體效果和陰影是會(huì)分散注意力的;現(xiàn)在沒(méi)有了,很好。
“無(wú)效信息會(huì)將小錯(cuò)釀成大災(zāi),但永遠(yuǎn)無(wú)法拯救單薄的數(shù)據(jù)集。” ——Edward Tufte當(dāng)數(shù)據(jù)可視化設(shè)計(jì)太注重設(shè)計(jì)的時(shí)候,就容易產(chǎn)生無(wú)效信息。上述所示的案例中,圖表不需要多余的陰影和立體效果,若是有了多余的內(nèi)容,解讀數(shù)據(jù)就會(huì)變困難。分散的形式、過(guò)分的顏色,甚至是不必要的格子和線條都可能成為無(wú)效信息。4簡(jiǎn)化圖表
看看我們?nèi)绾魏?jiǎn)化圖表。
?。―ata-ink是指一張圖表中用來(lái)代表數(shù)據(jù)的無(wú)法擦除的核心部分所使用的墨水)
正如上圖所展示的案例,是我們?nèi)绾魏?jiǎn)化圖表。然而,在決定設(shè)計(jì)元素去留的時(shí)候要小心謹(jǐn)慎。可不要為了簡(jiǎn)潔而去掉了重要的信息。
最重要的是,數(shù)據(jù)是第一位。在考慮設(shè)計(jì)元素的時(shí)候,應(yīng)該以“數(shù)據(jù)更容易被理解”為前提。
5貼上標(biāo)簽
標(biāo)簽可以讓圖片更突出、有意義。在這個(gè)案例中,標(biāo)簽的數(shù)字指向具體部位。沒(méi)有標(biāo)簽,所有部位將變得雜亂無(wú)章。標(biāo)簽是信息性的指引,并且在數(shù)據(jù)可視化設(shè)計(jì)中至關(guān)重要。為了使標(biāo)簽更有效,應(yīng)集中在清晰性、易讀性和區(qū)別性的設(shè)計(jì)上。標(biāo)簽應(yīng)該和數(shù)據(jù)有所區(qū)別。6利用微閱讀
點(diǎn)擊圖片上的任意處來(lái)觀看微閱讀。“若要清晰,加上細(xì)節(jié)。” ——Edward Tufte細(xì)節(jié)都在微閱讀中。在這個(gè)案例中,巴黎的這幅繪畫(huà)上充滿了細(xì)節(jié)。從遠(yuǎn)處看,成千上萬(wàn)的門(mén)窗交織在一起,形成了凝聚結(jié)構(gòu)的建筑和社區(qū)。因此,宏觀的清晰是由微觀的質(zhì)量和數(shù)量決定的。
7分層展示
點(diǎn)擊五線譜來(lái)顯示更多一層數(shù)據(jù),數(shù)據(jù)就像音樂(lè)流淌耳邊。“要不可避免地、堅(jiān)定地認(rèn)為,最重要的是信息圖層之間的合適關(guān)系。”——Edward Tufte當(dāng)設(shè)計(jì)元素在基調(diào)、顏色、形狀上明顯不同時(shí),就需要分層展示。
在上述的案例中,因?yàn)椴煌念伾托螤?,音符和五線譜看起來(lái)是兩種不同的元素。音符是純黑且粗的,五線譜是灰且細(xì)的。若是二者都被用以黑色和粗體,那么就很難顯示區(qū)別。8利用多樣性
多樣性都是關(guān)于一致性。“設(shè)計(jì)的不變性使重點(diǎn)放在數(shù)據(jù)變化上,而非數(shù)據(jù)框架的變化上。”——Edward Tufte在這個(gè)案例中,當(dāng)看到那件向下的T恤時(shí),我們就會(huì)立馬感覺(jué)到不一致。在其他地方你也能看到多樣性的運(yùn)用,那便是天氣預(yù)報(bào)。一周7天都是一致的設(shè)計(jì),改變的只是天氣。
9運(yùn)用顏色
顏色少了,更清楚了,對(duì)不對(duì)?
“最重要的在于,至少不去破壞。”
——Edward Tufte在上述案例中,地圖的配色前者差勁,后者明智。
明智的上色地圖利用了自然色,比如藍(lán)色標(biāo)識(shí)海洋、棕色標(biāo)識(shí)大地,并且運(yùn)用深淺色來(lái)描述深度。差勁的上色地圖則被明亮的毫無(wú)意義的色彩填滿。10理解敘事
改變次序,更方便理解。敘事著重于“時(shí)間”和“空間”。
圖中案例是關(guān)于日本金龜子長(zhǎng)達(dá)一年的生命周期。在金龜子的案例中,月份代表“時(shí)間”,實(shí)際的甲蟲(chóng)居住的土壤代表“空間”。
另一個(gè)敘事數(shù)據(jù)設(shè)計(jì)的案例是火車(chē)時(shí)刻表。時(shí)刻表本身代表“時(shí)間”,到達(dá)目的地代表“空間”。