可能大家都聽過這樣的話:文不如字,字不如表,表不如圖,以及一圖勝千言等等,另外,我們經(jīng)??吹竭@樣的文章——《三張圖帶你看懂兩會要義》等等,的確,圖表相比文本和文字都具有得天獨厚的優(yōu)勢,而這種優(yōu)勢來源于一個字——懶。
對的,就是人比較懶。相比于一段文字,我們更喜歡圖形化的語言,單個的數(shù)字,字母,文字,圖表,圖片都可以當作圖形化的語言。我們處理文本信息和圖表信息的邏輯是不同的,TED有一個演講《數(shù)據(jù)可視化之美》,推薦給大家。處理之間的差異見下圖:
我們看時間,只需要一個圓環(huán)和兩個指針就完全夠了,所以,有很多極簡風格的鐘表設(shè)計和上邊幻燈片左邊的圖形是理念一致的。另外這張幻燈片的制作很好的用了色塊來進行分割來實現(xiàn)對比。
這一點其實很好理解,比如很多l(xiāng)ogo就是對文字,字母或者數(shù)字做出改動形成辨識度,比如Google,比如MUJI,比如Cocacola等等:
當然,不止英文字母,其他的文字也是可以的,比如下面這本書《白》(原研哉著)的封面就是用的方塊字“白”:
當然,除了這些文字型的logo,數(shù)字也是一種很好的圖形化語言,我們經(jīng)??吹降幕脽羝袉蝹€數(shù)據(jù)放大處理,就是因為數(shù)字的高識別性,當然了,像3.141592653…這種就算啦,見例子:
幾何圖形就更容易理解,大部分的logo,比如蘋果公司的logo,比如錘子的logo,華為的logo等等,具有品牌效應,具有廣泛傳播力。
所以,無論你走到哪里,只要看到這些logo,就能馬上想起這個logo背后的各種信息,而蘋果無疑是最具代表性的,它的所有產(chǎn)品,包括發(fā)布會,旗艦店等等,都會貼上一個“缺口蘋果”的情感化標簽,需要且僅需要這一個幾何圖形。
其他的手機廠商,如小米,錘子做法都是一樣的,當圖形化符號具有一定影響力和傳播力,當它代表了一種集體文化,當它能建立起與客戶或者其他人群的感情聯(lián)系,需要且僅需要這樣一個圖形化符合。
當你看到五星紅旗,你便不需要再加上一個中國。同樣,當一個符號是你的觀眾都熟知的,便無需廢話。
數(shù)據(jù)可視化很多時候其實就是合理運用基本幾何圖形,比如用條形長度進行對比,比如用線條反應走勢,用面積表示比例,使用見下圖,這里條形圖和餅圖效果差不多,不過從從美觀的角度,我更愿意選擇條形圖。
當然,我們可以將數(shù)據(jù)和圖形對比完美的結(jié)合,只要在數(shù)據(jù)后加上圖形化語言即可,既可以直觀看出差距大小,又能得到詳細準確的數(shù)據(jù)信息:
這是前面的一個頁面還原,還想多說幾句,第一,弱化線條,增加透明度,若影若現(xiàn)即可。
因為誰都知道這是一張表格,清清楚楚的四列,線條太多反而覺得雜亂,影響信息獲取,另外,弱化表格線條的處理方法非常常見,無論是美觀上還是信息傳遞上,都具有優(yōu)勢。
還有就是背景漸變,很多人處理得太丑,還不如不要漸變,直接用深灰色。關(guān)于如何制作出一個漂亮的漸變效果,放到以后的文章中。
幻燈片最忌諱點之一就是亂用圖片,當一張圖片與要表達的內(nèi)容構(gòu)不成聯(lián)系,而這張圖片還高清專業(yè)攝影,這就好比一個屌絲身邊站了一個美女,觀眾的目光會毫不猶豫地忽略屌絲。對比用得夸張一點就像下面這張圖一樣:
一張高質(zhì)量的圖片往往天生傲嬌,用好了,能直觀有效傳達信息,用得不好,直接對信息的傳達造成10000點傷害。
一張正確的全圖加文本傳遞信息應該像這樣,以豆瓣2015的電影榜單全圖網(wǎng)頁為例:
對于幻燈片的制作而言,很多網(wǎng)站能提供非常好的參考,比如之前調(diào)到過的dribble——文章鏈接少有人知的創(chuàng)意門,以及很多知名品牌的網(wǎng)站都非常具有參考價值。