2021-6-24 資深UI設(shè)計者
本次活動中,嘉賓通過眾多豐富、有趣的案例介紹了數(shù)據(jù)可視化的概念、作用和設(shè)計方法,信息量滿滿。
嘉賓首先分享了2個數(shù)據(jù)可視化案例:
其實(shí)它就是把不可見的數(shù)據(jù)轉(zhuǎn)化為可間接被觀察數(shù)據(jù)的過程。它不提供回答,只是提供一種觀察的新方式。
舉例一個來自小數(shù)據(jù)觀察的自我探索項(xiàng)目:太極。
將太極拳的動作進(jìn)行數(shù)據(jù)采集完成了第一張數(shù)字國畫,有人質(zhì)疑說好看但無用,嘉賓解釋由于好看吸引了人群,從人群的行為進(jìn)行觀察可能會有意想不到的發(fā)現(xiàn)。
數(shù)據(jù)視覺化的初衷并不是為了解決問題,而是為了探索。
前田約翰(John Maeda)曾經(jīng)說過:“好藝術(shù)的使命是喚起思考,好設(shè)計則是讓事物變得清晰,并能解決實(shí)際的問題!”
介紹兩張數(shù)據(jù)視覺化歷史上教科書級別的神圖:
數(shù)據(jù)可視化研究的不僅僅是“數(shù)據(jù)如何能被看清”,還有“數(shù)據(jù)如何能被看懂”。
2.1 數(shù)據(jù)如何被看清?
可以通過顏色,大小,方向去提高數(shù)據(jù)的差異性。最簡單的例子就是報表中的標(biāo)紅。
2.2 數(shù)據(jù)如何被看懂?
嘉賓介紹了4個項(xiàng)目:
項(xiàng)目1:國內(nèi)外藝術(shù)院校的數(shù)據(jù)可視化展示。
由于經(jīng)常會有同學(xué)問各大美院或藝術(shù)類院校之間的區(qū)別。嘉賓抓取了17所國內(nèi)國外院校的數(shù)據(jù)來做展示,藍(lán)色是代表“設(shè)計類”,白色代表“純藝術(shù)類”。從中也可以看到院校的結(jié)構(gòu)是否扁平。
項(xiàng)目2:嘉賓基于wikidata數(shù)據(jù)庫編寫的小工具。
最初只是用來快速查找藝術(shù)家的基礎(chǔ)信息,后來加入視覺化功能,把所有查詢到的人排列到一根時間軸上,橫向觀察她所關(guān)注的藝術(shù)家的生活年代及壽命。
通過可視化的展示,她發(fā)現(xiàn)自己關(guān)注的都是集中在某一個時期的藝術(shù)家,除了看到自己的喜好之余還很有效地發(fā)現(xiàn)自己的知識盲區(qū)(只有看到了自己知道什么,才能知道自己還不知道些什么)
我們可以發(fā)現(xiàn)在人類歷史上,很多人物在時間即便在空間上沒有交集,卻在時間上相遇了。
比如Jackson Pollock,藝術(shù)史上動態(tài)藝術(shù)里面用身體的律動去做油畫的一個非常重要的藝術(shù)家,他和計算機(jī)之父圖靈原來都是同一年出生的,酒鬼Jackson Pollock居然比圖靈還多活了兩年。
我們還能八卦一些愛情故事,原來搖滾界的神話列儂跟小野洋子是姐弟戀,而且列儂只陪伴了洋子生命的一小段時間。
我們可以清楚地看到“看得見”的魅力。
很多信息的缺失并不是不存在,而是無法被看見,被觀察。
因?yàn)榭床灰?,很多信息甚至是完全錯誤的。在測試代碼的過程中作者更意外地發(fā)現(xiàn)愛迪生的生日被錯寫為2016。
項(xiàng)目3:紐約大都會藝術(shù)博物館做的Unfinished項(xiàng)目。
Unfinished是大都會藝術(shù)博物館別館在首次開幕時的處女展,Unfinished討論的是“藝術(shù)很重要”的話題:在藝術(shù)的世界里,什么是未完成,展期為半年。嘉賓認(rèn)為這個線下展展期太短非??上ВM梢酝ㄟ^技術(shù)的手段延長展期,更希望能降低門檻,讓更多世界各地?zé)o法前來觀展的人可以有機(jī)會參與討論。
于是嘉賓將Unfinished展做成了Google的插件,安裝插件之后,當(dāng)新打開空白頁的時候,空白頁會自動被Unfinished的作品填滿,把一個簡單的空白窗口變成藝術(shù)之窗,同時讓人不需要任何搜索便進(jìn)入展覽。
此外嘉賓賦予了這次改造更多的交互空間,讓人可以實(shí)現(xiàn)在傳統(tǒng)線下博物館沒有的體驗(yàn),讓他們自由地在“未完成”的作品上進(jìn)行創(chuàng)作并分享,延長了作品的壽命,讓藝術(shù)品重回人們的生活中,賦予其新的價值和靈魂。
項(xiàng)目4:通過整理全國美展的數(shù)據(jù)總結(jié)的一些獲獎規(guī)律
得到的3個有趣的結(jié)論是:
在實(shí)際工作里,大部分人會接觸到的數(shù)據(jù)視覺化實(shí)際上是信息圖表,關(guān)于信息圖表的一些規(guī)范和小技巧嘉賓也有提及到:
在做圖表時,動機(jī)往往比較重要。
下圖是為了說明布什總統(tǒng)下臺的話,居民稅收會增長多少,其實(shí)只有不足5%的區(qū)別,但對圖表做了去零線處理,使得看起來差異很大。
作圖的時候要先說明結(jié)論。
比如下面的表格是員工為了向老板說明自從少了兩位員工之后,單子處理不過來了,意思就是說老板你得給我加人。
千萬不要出現(xiàn)彩虹柱狀圖,折線圖在多周數(shù)據(jù)對比的時候會非常實(shí)用。
藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計( www.88yangsc.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com