2021-6-7 資深UI設(shè)計(jì)者
今天我要和大家介紹的這位設(shè)計(jì)師，他在業(yè)內(nèi)被譽(yù)為是“信息可視化設(shè)計(jì)”領(lǐng)域的天花板。一提到信息可視化這么高大上的詞，相信大家都多少有些了解，在日益復(fù)雜的信息交流活動(dòng)中，將信息圖表化已經(jīng)是一名設(shè)計(jì)所必須掌握的技能之一了。
舉些常見(jiàn)的例子，比如在公共場(chǎng)合中，我們看到的交通標(biāo)志，以及用來(lái)顯示地理位置的地圖、將時(shí)間具象化的時(shí)刻表等等，這些數(shù)據(jù)都以某種圖形化的形式呈現(xiàn)在我們周?chē)?
而信息可視化領(lǐng)域也不僅僅是將簡(jiǎn)單的數(shù)據(jù)繪制成圖表那么簡(jiǎn)單，比如要弄清楚社會(huì)中隱藏著的各種問(wèn)題，從而促進(jìn)新觀點(diǎn)的提出和對(duì)問(wèn)題解決的思考。這種并不以信息為主導(dǎo)，而是著重于根據(jù)創(chuàng)建者的主題來(lái)選擇要傳達(dá)的信息，并尋求接收者的主動(dòng)解釋。
而我們今天要介紹的這位設(shè)計(jì)大神就是這個(gè)領(lǐng)域的專(zhuān)家
△ 中野豪雄 TAKEO NAKANO 圖形設(shè)計(jì)師
1977 年出生于東京都。武藏野美術(shù)大學(xué)畢業(yè)，師從著名設(shè)計(jì)師勝井三雄。2005 年設(shè)立中野設(shè)計(jì)事務(wù)所。以信息的構(gòu)造化和上下文的可視化為主題，在各種領(lǐng)域探索圖形設(shè)計(jì)的可能性。日本 typographic 年鑒大獎(jiǎng)賽，同最佳作品，造書(shū)裝幀比賽經(jīng)濟(jì)產(chǎn)業(yè)大臣獎(jiǎng)等獲獎(jiǎng)。入選世界海報(bào)三年展和拉哈蒂?lài)?guó)際海報(bào)雙年展等。作為邀請(qǐng)作家參加了國(guó)際泰晤士報(bào)雙年展“首爾 2011”。文藝博物館永久收藏。武藏野美術(shù)大學(xué)、多摩美術(shù)大學(xué)教授。
咱們先來(lái)看看中野老師平時(shí)的作品都長(zhǎng)什么樣吧！
是不是很厲害！但說(shuō)實(shí)話，這種信息的密度，工作量絕對(duì)是巨大的！而在一些訪談中，中野老師也明確指出，自己更傾向于采用更宏觀的視角去做設(shè)計(jì)，因?yàn)檫@樣不僅能夠達(dá)到傳達(dá)目標(biāo)，同時(shí)也由于對(duì)比的存在，進(jìn)而產(chǎn)生嶄新的視角。
圖中我們現(xiàn)在看到的信息可視化海報(bào)，是 graphic trial 2015 的一次展覽。老師一共設(shè)計(jì)了五張 B1 大小的凸版印刷海報(bào)。內(nèi)容是關(guān)于地震的四年時(shí)間里，哪些話題被人們報(bào)道直到事件完結(jié)，然后回歸到日常生活中。以及在大數(shù)據(jù)為主的信息社會(huì)中，思考有關(guān)制作印刷物的意義。
人們?cè)诘卣鸢l(fā)生時(shí)，所接受到的信息，就像圖中展示的這樣，是從喧囂到日?；耐埔坪脱葑?，老師會(huì)考慮到，促進(jìn)這個(gè)過(guò)程的因素和推動(dòng)力是否能夠被可視化。從當(dāng)代語(yǔ)言推動(dòng)社會(huì)發(fā)展的角度去考察，想象著是否能將這個(gè)語(yǔ)言本身地圖話。從而建立起一個(gè)提供人們思考的平臺(tái)，這也是平面設(shè)計(jì)能否引發(fā)輿論爭(zhēng)議的關(guān)鍵。
首先我們從信息收集的角度來(lái)向大家講解，這張圖是國(guó)立情報(bào)研究所的北本先生制作的數(shù)據(jù)圖，搜索關(guān)鍵詞是“受災(zāi)地”。圖中折線展示的是，受災(zāi)四年間，相關(guān)詞被搜索的高峰和頻率。
接下來(lái)我們來(lái)看這張語(yǔ)言地圖是如何被延展出來(lái)的，常規(guī)情況下，我們形容時(shí)間的話，當(dāng)然會(huì)使用線性的橫向時(shí)間軸。而中野老師的解決辦法，是將時(shí)間軸以環(huán)形的方式呈現(xiàn)，并且將起點(diǎn)與終點(diǎn)之間的差異可視化。
五張海報(bào)，分別從受災(zāi)后第一個(gè)月、半年后、一年后、兩年后以及四年后展開(kāi)。呈現(xiàn)出由遠(yuǎn)到近的視角變化，第一張海報(bào)中，展示的是受災(zāi)后 31 天內(nèi)的變化，逐漸到最后一樣，受災(zāi)后 1460 天時(shí)，人們對(duì)于這個(gè)事件的關(guān)注轉(zhuǎn)變。
老師從北本先生那里得到的數(shù)據(jù)，大概可以劃分成四個(gè)種類(lèi)，分別是時(shí)間、主題的力度、語(yǔ)言關(guān)鍵詞頻繁出現(xiàn)的次數(shù)以及與東日本大地震的關(guān)聯(lián)度。時(shí)間就是剛剛提到的，以環(huán)形角度的方式呈現(xiàn)。話題的力度越高，就會(huì)離中心越近，反之就越遠(yuǎn)。頻率則是按照關(guān)鍵詞出現(xiàn)的數(shù)量，以圓的大小來(lái)呈現(xiàn)。另外也通過(guò)顏色來(lái)區(qū)分與地震話題相關(guān)的詞語(yǔ)。
△ 一個(gè)月，六個(gè)月，一年，兩年，四年
最終就呈現(xiàn)出了這樣的畫(huà)面，首先這個(gè)項(xiàng)目是單人項(xiàng)目，所以合成這樣圖的工作量是非常巨大的，過(guò)程當(dāng)中老師也請(qǐng)到了一些研究者對(duì)這個(gè)項(xiàng)目進(jìn)行一些幫助。整個(gè)海報(bào)的重量據(jù)說(shuō)非常重，拿起來(lái)大約有二十四千克。
如果使用常規(guī)的四色印刷的話，也就需要利用青品黃黑去合成不同的顏色。不過(guò)這樣最終的效果并不理想。
于是老師選擇了專(zhuān)色印制，也就是每一種顏色都單獨(dú)去印制一版。單獨(dú)印制一張海報(bào)，就需要反復(fù)印刷 16 版。
其中的黑色，也就是全部 16 版疊壓到一塊的效果，可以說(shuō)是黑中之黑了。當(dāng)然這個(gè)黑色也是有所比喻的，也就是龐大的信息是無(wú)法單獨(dú)存在的，當(dāng)所有信息混在一起，才能比對(duì)出彼此的聯(lián)系。
第一張圖展示的是災(zāi)害發(fā)生時(shí)的第一個(gè)月，畫(huà)面中展示了很多的圓圈，大部分都發(fā)生在外圓，也就是說(shuō)當(dāng)時(shí)各種各樣的搜索關(guān)鍵詞，與災(zāi)害相關(guān)聯(lián)，被搜索的頻率非常高。在色彩的區(qū)分中，我們也能感受到相當(dāng)強(qiáng)大的熱度。
這是兩年后的情況，也就是說(shuō)圓的一半就是一年，左半邊就是第二年，可以很直觀的看到，前半年使用的暖色是比較多的，當(dāng)來(lái)到了后半年時(shí)，話題熱度逐漸冷卻的樣子。
來(lái)到第四年的時(shí)候，也就是圓的四分之一是一年。右半邊展示的是過(guò)去來(lái)年的樣子，而左半邊就是又過(guò)了兩年之后的樣子。整個(gè)圖標(biāo)展示的是起點(diǎn)“311”大地震動(dòng)開(kāi)始的日期，直到截止四年后的 3 月 11 日。
可以看到暖色的部分逐漸變得零星起來(lái)。為什么會(huì)有這樣比較有規(guī)律的分布呢，那是因?yàn)榕霈F(xiàn)的位置都是所謂的紀(jì)念日，也就是人們會(huì)想起那次事件的日期。
比如其中煙花這個(gè)詞，就是從災(zāi)難過(guò)后才開(kāi)始頻繁出現(xiàn)的，它代表了人們對(duì)于災(zāi)難的一種寄托，人們期盼著生活能夠回歸正軌。
這樣的可視化設(shè)計(jì)，意義在于人們能夠通過(guò)它，俯瞰全局，通過(guò)使用宏觀的視野來(lái)連接新的視角，讓人們意識(shí)到它們沒(méi)有注意到的觀點(diǎn)。各個(gè)詞語(yǔ)，會(huì)根據(jù)時(shí)間軸的變化與聯(lián)動(dòng)，起到喚醒記憶的作用。通過(guò)這個(gè)設(shè)計(jì)作品投影人們過(guò)去的經(jīng)歷。
它是從整體到部分之間的一種信息差異。就圖的整體視角來(lái)看，它表示了“人們遺忘的節(jié)奏”，進(jìn)而對(duì)遺忘進(jìn)行批判。另外從圖的部分視角出發(fā)，它表示了“記憶的意外發(fā)現(xiàn)”包含了對(duì)回憶的期待。
看到這是不是覺(jué)得中野老師很厲害呢。那么接下來(lái)，咱們?cè)賮?lái)看看他的成長(zhǎng)經(jīng)歷
成為一名設(shè)計(jì)師的契機(jī)有很多，比如父母是設(shè)計(jì)師，或者是有看過(guò)一部激動(dòng)人心的電影海報(bào)，想要成為一名從業(yè)人員?？芍幸袄蠋熯x擇設(shè)計(jì)這個(gè)專(zhuān)業(yè)時(shí)卻完全不是這樣的。
他選擇的了一種極度理性的方法，逐一排除自己不喜歡的東西。
但這種做法本身就很難，最終中野猶豫著要不要選擇美術(shù)專(zhuān)業(yè)。始終沒(méi)有鼓足勇氣的他，還是向附近的預(yù)備校老師請(qǐng)教了這個(gè)事情。
聽(tīng)了中野的情況后，老師的評(píng)價(jià)是，他覺(jué)得中野很適合平面設(shè)計(jì)這個(gè)專(zhuān)業(yè)，還問(wèn)他要不要試試呢？
因此在報(bào)考志愿里，中野寫(xiě)下了武藏野美術(shù)大學(xué)和多摩美術(shù)大學(xué)。如果按照主角光環(huán)的劇本，這個(gè)時(shí)候，中野老師應(yīng)該就已經(jīng)平步青云，從此走上人生巔峰了。
然而現(xiàn)實(shí)卻是，在第一次考試中，他卻落榜了。作為“差生”的他，周?chē)际鞘裁礃拥娜四兀?a class="tag_a" target="_blank" style="color:#525252;text-decoration-line:none;transition:all 0.2s ease 0s;border-bottom:none;word-break:break-all;">插畫(huà)、攝影甚至編程，這樣的擁有特殊技能的人幾乎占據(jù)了大多數(shù)。在這樣的環(huán)境里，中野老師當(dāng)時(shí)卻并沒(méi)有什么特別的特長(zhǎng)，對(duì)于不善于表達(dá)的他，在當(dāng)時(shí)感到很無(wú)奈。
那時(shí)的他一直在問(wèn)自己。我的特長(zhǎng)是什么？我的興趣點(diǎn)是什么？有次散步的機(jī)會(huì)，他終于得到了靈感。那就是雖然自己沒(méi)辦法做出特別厲害的作品，但踏踏實(shí)實(shí)的繪制圖形卻是可行的。
當(dāng)意識(shí)到了這一點(diǎn)之后，于是在一次研究宋體（明朝體）的過(guò)程中，就產(chǎn)生了做一本書(shū)去記錄這段悠久歷史的想法。他想通過(guò)探索歷史的過(guò)程，去尋找屬于自己的興趣點(diǎn)。
當(dāng)從宏觀角度看待一段歷史的進(jìn)程，通過(guò)推演，人們總能或多或少看到未來(lái)的一些可能性。通過(guò)研究書(shū)籍的過(guò)去，會(huì)發(fā)現(xiàn)最初的書(shū)籍形態(tài)起源與泥板，也就是說(shuō)，從人類(lèi)發(fā)展初期就存在了書(shū)的概念。
就是這樣一步步的研究，信息的宏觀樣貌，如果從宏觀的視角來(lái)看待的話，會(huì)發(fā)現(xiàn)人們通常能夠了解到的信息其實(shí)并不多，當(dāng)從更高的維度看到相同的事件時(shí)，是能夠展現(xiàn)出事物本質(zhì)的。所以在之后做視覺(jué)圖表作品時(shí)，中野就開(kāi)始有意識(shí)的展現(xiàn)從整體到局部之間的相互對(duì)照。
我們接下來(lái)一起看看中野老師還有哪些精彩的作品吧！
以信息結(jié)構(gòu)和文章脈絡(luò)的可視化設(shè)計(jì)為主題，探索各個(gè)領(lǐng)域中平面設(shè)計(jì)的可能性。
△ 這是中野老師從 2012 年到 2013 年期間，為建筑雜志設(shè)計(jì)的封面，因?yàn)槭窃驴?，所以在兩年時(shí)間里，一共做了 24 本。
雜志的內(nèi)容主要和災(zāi)害相關(guān)，比如第一版，是關(guān)于日本東北地區(qū)的一些內(nèi)容、第二本是關(guān)于海嘯的內(nèi)容，除此之外，還有關(guān)于建筑產(chǎn)業(yè)、能源、以及關(guān)于福島災(zāi)難重建等問(wèn)題。
每本雜志都有各自的特征，數(shù)據(jù)來(lái)源主要由政府以及大學(xué)中的一些數(shù)據(jù)研究者們提供。當(dāng)接收到這些信息之后，中野老師需要甄別哪些內(nèi)容是需要保留的，哪些是需要?jiǎng)h減的。在這個(gè)過(guò)程中，不斷的思考”怎樣才能將這些數(shù)據(jù)清晰的傳達(dá)給讀者”這類(lèi)問(wèn)題。
這個(gè)展覽是 2018 的時(shí)候，中野老師在印刷博物館策劃的一個(gè)天文學(xué)與印刷的展覽 。主要展覽的是 15 世紀(jì)到 18 世紀(jì)的書(shū)籍和印刷物。希望能夠以全新的視角，向大家展現(xiàn)天文學(xué)與印刷之間的關(guān)系。畫(huà)面中左上角的同心圓，是哥白尼提出的太陽(yáng)中心說(shuō)，從此人們開(kāi)始以全新的視野觀察這個(gè)世界。
這是這個(gè)展覽的宣傳單頁(yè)，博物館的宣傳單頁(yè)通常都是 A4 尺寸的，最初老師設(shè)計(jì)了八張相同的傳單頁(yè)面。
隨后最終通過(guò)局部特寫(xiě)的方式，構(gòu)建出了八種不同的傳單樣式。如果全部收集完全，可以拼接成完成了一個(gè)大畫(huà)面。
從天文學(xué)和印刷術(shù)之間的關(guān)系開(kāi)始發(fā)展聯(lián)想，結(jié)合了天文學(xué)，哲學(xué)、數(shù)學(xué)等等一些學(xué)科，統(tǒng)一展現(xiàn)出了宇宙的這個(gè)概念。老師分別從三個(gè)角度思考這個(gè)問(wèn)題，分別是“秩序”“整合”“規(guī)格”。
如果把文字去掉，我們會(huì)看到這樣一張插圖，我們來(lái)分析一下為什么需要做成這個(gè)樣子。
這里的橫軸代表著時(shí)間，豎軸代表著規(guī)模，畫(huà)面頂部展現(xiàn)的是關(guān)于宇宙的圖像，而下方主要以人的視角，展現(xiàn)了地球的圖像。學(xué)術(shù)本身是建立在各種各樣的理論之上，前人建立起的理論，可能會(huì)被后來(lái)者推翻重建，逐步形成了我們今天的天文學(xué)。
這個(gè)展覽中會(huì)展示各種各樣的宇宙學(xué)理論體系，通過(guò)各種各樣的宇宙論，去展現(xiàn)這個(gè)世界的演變。讓人們隨著時(shí)間的進(jìn)程，在各種學(xué)術(shù)體系中了解了文明的變遷，通過(guò)圖像讓觀賞者提前在腦海中呈現(xiàn)出視覺(jué)化的內(nèi)容。也就是說(shuō)，我們從看到這個(gè)宣傳畫(huà)面的那一刻起，這個(gè)展覽的內(nèi)容就已經(jīng)開(kāi)始了。
這個(gè)展會(huì)的名字叫《改變世界的信息》，畫(huà)面長(zhǎng)度有 12 米左右，這個(gè)畫(huà)面是展會(huì)的入口處。從數(shù)據(jù)我們可以看到，受到貧困和災(zāi)難的人群，占據(jù)著百分之七十的人群。
中野老師針對(duì)這一點(diǎn)，將世界各個(gè)地區(qū)以及不同的國(guó)家，把其受災(zāi)的程度和數(shù)據(jù)都集中到了一塊。分別是水資源、糧食、能源、醫(yī)療、住房、交通、識(shí)字率、通訊等問(wèn)題。一共有一百多個(gè)國(guó)家。
通過(guò)這個(gè)圖，我們會(huì)發(fā)現(xiàn)這其中每一個(gè)問(wèn)題都是相互牽制，相互影響的。比如說(shuō)水的問(wèn)題就和所有的內(nèi)容都有關(guān)系。整個(gè)圖標(biāo)并非是想要解決某些問(wèn)題，而是希望人們?cè)诳吹剿鼈儠r(shí)，能夠從中發(fā)現(xiàn)到一些問(wèn)題。
通過(guò)人們的議論，去碰撞出全新的思考。由此可以知道，圖表設(shè)計(jì)其實(shí)是對(duì)社會(huì)非常有幫助的設(shè)計(jì)領(lǐng)域。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
文章來(lái)源：花瓣 作者：研習(xí)社
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com