2020-1-13 資深UI設(shè)計者
與其他相對成熟的設(shè)計領(lǐng)域(UI、插畫等)相比,數(shù)據(jù)可視化尚顯小眾,在一個細分、小眾、不成熟的領(lǐng)域里做設(shè)計,「怎么去找靈感」確實是一些小伙伴經(jīng)常遇到的問題。本文以本人工作經(jīng)驗為基礎(chǔ),系統(tǒng)性分析了該問題及對應的解決方法,并將其整理成文與大家分享,這在數(shù)據(jù)可視化行業(yè)內(nèi)尚屬首次。當然了,本文雖面向數(shù)據(jù)可視化設(shè)計師群體,但其中的方法是通用的,運用在其他設(shè)計領(lǐng)域也完全事半功倍。
本文圍繞「搜什么——去哪兒搜——怎么搜——素材的整理——靈感的迭代與更新」 五大板塊展開。
靈感庫的建立大體上分主動與被動兩種。主動,是我們有意識地收集、整理相關(guān)作品素材形成靈感庫的過程;被動,指通過朋友圈好友分享、同行推薦等獲取靈感的方法。因為后者更不可控,影響因素較多,比如你所處的圈子、社交網(wǎng)絡(luò)使用習慣等都會影響被動獲取的質(zhì)量。所以今天,我跟大家分享的主要是第一種主動建立靈感庫的方法,而這個方法的核心我把它歸納為兩個字 :搜索。
搜索是現(xiàn)在這個時代我們主動獲取信息的最主要手段,每天我們通過各類關(guān)鍵詞在各類 APP 上獲取各樣的服務(wù)、產(chǎn)品和資源。靈感的主動收集就是一個通過關(guān)鍵詞搜索,然后分類、整理、研究、再利用的過程。所以影響靈感收集的主要因素其實就是我們能不能用好搜索。不同的搜索方法、渠道、關(guān)鍵詞極大地影響著我們獲取到的信息質(zhì)量,這也是本篇文章為何以搜索核心展開的原因。
如下圖所示,同樣的關(guān)鍵詞在不同的搜索渠道,得到的內(nèi)容質(zhì)量是不一樣的。
互聯(lián)網(wǎng)很大,如果沒有明確的目標,找靈感的過程就跟刷抖音一樣,恍恍惚惚幾個小時,好像點了不少贊,收藏了不少干貨,回頭看其實并沒有什么特別有價值的東西,所以找靈感要有目標,有 KPI 才行,有目標就有標準,有標準才有方向和效率。
如上圖所示,我對數(shù)據(jù)可視化這個行業(yè)術(shù)語做了分析和拆解,這樣做的目的是為之后搜索關(guān)鍵詞的提取做思路的拓展。很多小伙伴在搜索可視化相關(guān)內(nèi)容時,思路總是局限在「可視化」這個關(guān)鍵詞上,但是直接使用這個關(guān)鍵詞搜索,大多數(shù)時候并不能找到我們心理預期的結(jié)果,或者搜索多次后,看到的都是之前見過的作品,很難突破邊界,獲取更多新的靈感。造成的這個結(jié)果的原因顯而易見,就是關(guān)鍵詞的匱乏,不知道搜什么。而對「大屏數(shù)據(jù)可視化」進行解析之發(fā)現(xiàn),以往的搜索,我們只使用了四個方向里的其中一個,其它三個方向并沒有很好的利用?,F(xiàn)在,我們以每個方向上的核心關(guān)鍵詞為基礎(chǔ),去豐富它的下一級關(guān)鍵詞,這樣就會像枝芽新生一樣,在各個節(jié)點延伸出豐富的詞匯。
媒介就是指數(shù)據(jù)可視化設(shè)計最終落地在什么平臺,一般來講,大屏數(shù)據(jù)可視化設(shè)計落地的媒介當然就是大屏了,以它為核心做關(guān)鍵詞的發(fā)散,可以產(chǎn)生其它幾個二級關(guān)鍵詞。
數(shù)據(jù)類型是主要數(shù)據(jù)的特征或來源,不同的數(shù)據(jù)類型,在可視化設(shè)計時有不同的視覺特征。比如地理信息的數(shù)據(jù)可視化,一般會與道路、河流、人造建筑、某區(qū)域內(nèi)地標等一起出現(xiàn),會有豐富的 3D 場景、動效,而圖表信息相對較少;報表類信息的數(shù)據(jù)可視化,則主要以更好地展示報表內(nèi)大量數(shù)據(jù)為主,所以強調(diào)信息的層級、主次,設(shè)計的目標是要減少用戶認知負擔、引起用戶閱讀興趣,促進數(shù)據(jù)內(nèi)容的有效傳達,因而會較少使用動畫,其次,因數(shù)據(jù)較多,也很難對應到某個具體的物理場景,故 3D 模型等也較少使用。
所以以數(shù)據(jù)類型為核心,拓展的二級關(guān)鍵詞會讓搜索結(jié)果更精準,更有針對性。
設(shè)計風格就是視覺設(shè)計整體上給人的想象和感受,好的設(shè)計就跟一個人一樣,一定是有自己鮮明的個性和氣質(zhì),能夠引起人的共鳴和向往,唯有如此,設(shè)計才能吸引人,從而影響人,并最終傳遞自己的觀點給觀者。所以設(shè)計風格的定義是視覺設(shè)計中最重要的一環(huán),也是最需要靈感和創(chuàng)造力的部分。
作為數(shù)據(jù)可視化設(shè)計師,我們想要找到的參考是那些具有數(shù)據(jù)可視化風格的作品,但這些作品本身并不一定是在講數(shù)據(jù)可視化的內(nèi)容,只要作品某部分的設(shè)計有我們想要的那種「感覺」,就可以了,而這個作品可能是某段影片、某個動效、某種圖形、某個元素或聲音?;谶@樣的思路,我歸納了一些具有數(shù)據(jù)可視化風格但不一定都是數(shù)據(jù)可視化作品的關(guān)鍵詞。這就是一個特別有意思的點,我們想要找到某個內(nèi)容,但當我們用最貼切它的那個名字去找時,卻不一定能找到最能代表它風格的作品。所以當我們跳出數(shù)據(jù)可視化這樣一個具體的點,而從更抽象的設(shè)計風格這個層面去看待它的時候,就能更好地發(fā)散思維、拿到了更多好的關(guān)鍵詞,找到更多的刺激點。
以設(shè)計風格為例,我們從它的節(jié)點上找到任意一個關(guān)鍵詞:SCI-FI,然后搜索這個關(guān)鍵詞,我們看看搜索到的結(jié)果。
業(yè)務(wù)場景簡單理解就是在什么情況下要解決什么問題,它是數(shù)據(jù)可視化的落腳點,也是數(shù)據(jù)可視化的商業(yè)價值所在。每個公司或團隊,都會有自己專注的業(yè)務(wù)方向,所以在工作中找這方面的靈感,從業(yè)務(wù)場景入手效果最好。
簡單回顧下,通過上部分文章的分析,我們從媒介、數(shù)據(jù)類型、設(shè)計風格、業(yè)務(wù)場景四個方面形成了一個數(shù)據(jù)可視化的關(guān)鍵詞的矩陣。這個矩陣是建立靈感庫的基礎(chǔ),之后每當我們有新的關(guān)鍵詞要加入,或者有效果不好的關(guān)鍵詞需要剔除,只需修改、迭代這個關(guān)鍵詞矩陣即可。有了這個關(guān)鍵詞矩陣后,我們?nèi)绾卫盟瓿梢淮位趯嶋H需求的靈感搜集?下面給大家舉個小例子來看一下怎么用。
首先用盡可能簡短的一句話描述業(yè)務(wù)方訴求。
一句話描述業(yè)務(wù)訴求后,我們把業(yè)務(wù)需求帶到關(guān)鍵詞矩陣中,就會獲得如下圖的結(jié)果:
可以看到,帶入需求后,按樹狀結(jié)構(gòu)去匹配與需求相吻合的關(guān)鍵詞,就可拿到明確的搜索指引目錄,然后我們按搜索指引,開始靈感收集即可。
這里有個小小的點,就是為什么要盡可能用簡短的一句話來描述業(yè)務(wù)方訴求,
合適的關(guān)鍵詞是第一步,它保證了我們搜索結(jié)果的有效性,而去哪兒搜決定了我們搜索結(jié)果的質(zhì)量。如下圖,針對數(shù)據(jù)可視化設(shè)計師,我對「去哪兒搜」這個問題按我自己的從業(yè)經(jīng)驗做了梳理。
從我的歸納里大家可以發(fā)現(xiàn),我把數(shù)據(jù)可視化設(shè)計師的靈感來源分為了四大塊(其它行業(yè)的設(shè)計也大體上就這四塊),分別是:設(shè)計網(wǎng)站、產(chǎn)品或服務(wù)提供方、獨立設(shè)計師或工作室、視頻網(wǎng)站。
第一部分:設(shè)計網(wǎng)站
設(shè)計網(wǎng)站部分列出的都是設(shè)計師們都熟悉的幾個站點,在之前,大多數(shù)靈感的收集都可在花瓣完成,但花瓣最近幾次改版之后,已經(jīng)沒有以前那么好用了。對數(shù)據(jù)可視化方面的素材搜索,個人經(jīng)驗上,強烈推薦大家去 behance,雖然 behance 訪問方面也面臨一些困難,但是,但凡你想真的了解一些好的設(shè)計,這個網(wǎng)站,是你一定要想辦法去經(jīng)常逛逛的。至于為啥不推薦其它幾個網(wǎng)站,倒并不是說其它網(wǎng)站不能用,只是搜索的結(jié)果相對局限。針對這塊的具體分析,我會在文末的 Q&A 里進行。
第二部分:產(chǎn)品或服務(wù)提供方
我們知道,任何商業(yè)設(shè)計,一定是有一個業(yè)務(wù)或應用場景來支撐的,一定程度上設(shè)計就是在圍繞業(yè)務(wù)場景提供視覺、交互、用戶體驗、品牌等方面的解決方案,也就是說設(shè)計是服務(wù)于業(yè)務(wù)場景的,反過來講,服務(wù)于這個業(yè)務(wù)場景的就只有設(shè)計師么?當然不是。在市場條件下,服務(wù)的提供方除了像設(shè)計師這樣的個體外,更多的是我們熟悉的另一個機構(gòu)(組織),這個組織的名字叫「公司」。公司把大量專業(yè)的人員組織在一起,通過優(yōu)勢互補、強力協(xié)作,提供服務(wù)、解決需求方問題。對于數(shù)據(jù)可視化設(shè)計來講,企業(yè)當然也參與其中。所以我們找靈感去服務(wù)提供方也是一個的方法。企業(yè)要證明自己的實力、要讓潛在客戶了解自己,必然會花大量的資源做營銷做推廣,而最常見的推廣的落腳點就是企業(yè)官網(wǎng)。很多做數(shù)據(jù)可視化的公司,會在官網(wǎng)展示一些能體現(xiàn)自己業(yè)務(wù)特點、業(yè)務(wù)實力的案例,而這些案例就是這些企業(yè)最好的數(shù)據(jù)可視化設(shè)計作品了,沒有人會在自己的臉上放垃圾上去,對不? 所以但凡有案例展示的官網(wǎng),案例基本都是最典型最好的設(shè)計,所以從這些案例中找靈感,也是一個有意思且有效的方法和途徑。
△ 阿里DataV
△ Hightopo
△ Tob.Design
第三部分:獨立設(shè)計師或工作室
獨立設(shè)計師一般給人的感覺是什么呢?就是在自己垂直的領(lǐng)域內(nèi)牛逼,近乎神一樣的存在。獨立設(shè)計師要能順利「獨立」,當然是在設(shè)計能力、個人品牌建設(shè)、客戶維護、運營管理等方面都有比較硬核的水準,所以這部分設(shè)計師作品一般不會差。而工作室一般都是一個或者幾個知名設(shè)計師組成的團隊,在管理方面更「公司化」一些,這樣的工作產(chǎn)出也會比較穩(wěn)定,水平較高。就可視化(包括類可視化)領(lǐng)域來講,個人比較認可和喜歡的工作室有以下幾個(歡迎大家評論里補充,或參與文末問卷調(diào)查),Ta 們的作品風格鮮明,找靈感也是不錯的參考
△ dennisschafer
△ huds+guis
以上對于「去哪兒搜」的分析,我相信可以給大家很好的啟發(fā):我們設(shè)計師尋找好的作品并不一定要通過設(shè)計相關(guān)網(wǎng)站進行,你看大家都能看到的東西,即使有突破,那也是大家所熟悉的樣子,你只有從圈子里跳出去,看 80% 的人看不到的東西,你的靈感才有機會與眾不同,標新立異。
前面兩部分,我們介紹了搜什么(關(guān)鍵詞的定義),去哪兒搜(合適的素材來源),接下來以 behance 為例跟大家聊聊怎么搜,介紹一些具體的方法。我們的目標是盡可能少的點擊搜索按鈕,且盡可能多的找到符合自己預期的有質(zhì)量的作品。要做到這點,首先我改掉自己以往的不好的搜索習慣。
我知道很多小伙伴都是輸入一個關(guān)鍵詞,然后看結(jié)果頁,沒有滿意的就換一個關(guān)鍵詞繼續(xù),這樣做很低效,容易漏掉結(jié)果頁中符合你預期的好作品,并且也容易造成關(guān)鍵詞的浪費,通過第一部分關(guān)鍵詞矩陣的介紹,大家都知道,關(guān)鍵詞是被定位推導而來的,若不停的換關(guān)鍵詞,很快就會出現(xiàn)關(guān)鍵詞用完了但是依然沒有找到好靈感的囧局,所以榨干每一個關(guān)鍵詞是搜索的重要手段,具體怎么做到這一點,我個人有以下思路給大家參考:
快速瀏覽、標記自己感興趣的項目,稍后再做整理
通過這個結(jié)果頁面我們看到,搜索結(jié)果包含「所有結(jié)果、項目、人物、情緒板」四個選項,默認顯示所有結(jié)果,但這個意義不大,重點在項目跟情緒板。
項目
切換到項目標簽,項目標簽下展示的都是完整的項目作品,這是可以快速瀏覽,看到感興趣的內(nèi)容就把它標記到新的頁面,等所有瀏覽查看結(jié)束后再細看每個項目,并對項目做進一步的分類和整理。
項目標簽下提供的篩選項很實用,分類依據(jù)推薦「好評最多+本月」的組合,以月為單位既可選到大家都比較認可的新作品也避免了因數(shù)據(jù)波動造成部分作品質(zhì)量差的情況?!敢巡哒埂诡愃普究峄?UI 中國的首頁推薦,是被官方編輯認可和推薦的作品,一般都會有很高的質(zhì)量,但時間上可能會比較久遠。
在篩選器里面,有另一個比較實用的功能叫做「按色彩篩選」,如果客戶或者業(yè)務(wù)方對主色調(diào)有要求,就可以通過色彩的篩選,找到更符合我們業(yè)務(wù)需求的相關(guān)作品借鑒,或者設(shè)計師自己對某類顏色的搭配總是調(diào)整不好,也可以通過篩選,看看其它同行是如何處理這類色彩的,這也是一個有針對性訓練和學習的方法。
情緒版
情緒版就是花瓣里的畫板,它是其 Ta 設(shè)計師采集的同類主題的作品合集,用法也跟花瓣一模一樣,唯一的不同是花瓣可以采集站外的內(nèi)容到畫板,而behance 只能采集站內(nèi)的內(nèi)容,其余兩者完全一致。
情緒版默認是按時間的先后順序排列,所以可以通過篩選項,將排列順序調(diào)整為「關(guān)注人數(shù)最多」,正常來講,關(guān)注人數(shù)越多的情緒版收集的作品質(zhì)量也越高。
我們知道,像站酷、UI 中國等平臺,用戶上傳作品時,都需要給作品添加一些標簽,這些標簽的作用就是幫助網(wǎng)站做人工的作品分類,我們點擊某一標簽就能看到使用了同一標簽的所有作品,可以說標簽是比搜索關(guān)鍵詞的內(nèi)容檢索手段。每一個作品下,都顯示了作者上傳作品時填寫的標簽,通過點擊這些標簽我們將搜索結(jié)果引入到了另一個更純粹有效的內(nèi)容領(lǐng)域。
更有趣的是,標簽同樣支持項目、情緒版這兩個層面的進一步分類,同時也支持之前介紹過得分類篩選功能。也就是說,在最開始搜索時找準一個關(guān)鍵詞,之后通過情緒板、作品標簽等方式就能關(guān)聯(lián)起來海量的內(nèi)容。
通過前兩步,我們已找到了一些比較不錯的作品,而優(yōu)秀作品的背后當然是優(yōu)秀的設(shè)計師或團隊。所以點進作者的主頁看,一般都會有驚喜的。除了能看到作者自己的作品外,我想說的是另一個標簽「好評」,好評這個標簽其實體現(xiàn)了作者的審美和職業(yè)方向,如果作者本人在領(lǐng)域內(nèi)已經(jīng)足夠?qū)I(yè),那么能被 Ta 欣賞和點贊的作品大概率也不會差,所以好評這個按鈕,是借助行業(yè)大咖的手幫我們做了一次作品的篩選和收集,點這個標簽進去大多數(shù)時候是不會讓你失望的,一般都驚喜滿滿。
在今天,每個設(shè)計師離自己領(lǐng)域里最頂尖的大咖,只隔著 3.75 個人,通過點擊作者的「正在關(guān)注」,你可以看到設(shè)計師本人還關(guān)注了行業(yè)里的哪些設(shè)計師,通過這樣的操作 3 到 4 次,你會發(fā)現(xiàn)總有那么幾個人,會在這個略顯復雜的網(wǎng)絡(luò)中被不同的大咖同時關(guān)注,那么 Ta 就是這個行業(yè)里比較頂尖的人才了。
在「正在關(guān)注」下面會顯示作者所在團隊,因為好多項目其實一個人是很難完成的,大都是好幾個設(shè)計師協(xié)作的結(jié)果,所以如果你找到的這個設(shè)計師作品足夠牛逼,那說明他的團隊也是很不錯的,順便關(guān)注一波就好。
當你習慣這樣摸瓜,一段時間后這個行業(yè)里幾乎的大咖就都在你的關(guān)注列表里了,做到這一步后你就會有一個新的收獲,這點我們后面再聊。
利用前面的搜索方式,我們已經(jīng)找到了不少較為滿意的作品,接下來我們需要再對這些作品做簡單的篩選整理,把真正符合我們需求的作品整理出來。
我習慣用網(wǎng)站自帶的收藏功能及部分精品資源本地收藏的方式來整理自己的靈感庫。網(wǎng)站的情緒板我把它看作是一個各個終端通用的網(wǎng)盤。behance 提供了兩個收藏作品的功能:點贊與保存到情緒版。站酷跟 ui 中國也有同樣的功能。
點贊的作品,會統(tǒng)一收集到個人主頁「點贊」標簽下,所有作品按時間排列,比較亂,所以推薦把喜歡的作品收集到情緒板。建立情緒板可以按類別將作品整理到不同畫板,由于情緒板是可以分享和被搜索的,所以使用情緒板整理靈感,不僅方便了自己,也益于同行。目前來看,情緒板在 behance 這個產(chǎn)品中已經(jīng)跟花瓣中的畫板非常像了,不僅可以采集一個完整的作品到情緒板,也可以采集作品中某個單獨的圖片或視頻到情緒板,這樣的靈活性跟花瓣完全一致,且 behance 將情緒板被放到了用戶非常容易觸達的位置,所以在大家的共同努力下,各類情緒板會越來越豐富,這個功能也會更有價值。
1. 資源的自我更新
經(jīng)常玩抖音的小伙伴都知道,抖音會根據(jù)你的點贊、瀏覽等行為,為你推薦符合個人口味的視頻,而這樣的推薦功能在 behance 也有,behance 會根據(jù)你點贊收藏的作品、你關(guān)注的人,給你推薦相應作品,并且推薦作品是直接顯示在首頁的,每次打開 behance,你都會在網(wǎng)站最直觀的位置看到 behance 為你推薦的內(nèi)容,這里的內(nèi)容大體上分為兩類,一類是你關(guān)注的設(shè)計師的作品更新,另一部分基于已經(jīng)關(guān)注的作者推薦相似的作品給你,就我個人使用體驗來講,推薦還是相當準確的。
behance 的推薦功能是資源自我更新的一個重要手段,你關(guān)注的同一領(lǐng)域作者越多,收藏的作品越多,它的推薦就越準確,這樣就節(jié)省了一些資源搜索的時間成本。要想獲得好的推薦結(jié)果,我建議你的 behance 上只關(guān)注一個領(lǐng)域的作者和作品,以我自己為例,我只關(guān)注數(shù)據(jù)可視化方向的作者和作品,雖然我也喜歡攝影、插畫等,但我主業(yè)是數(shù)據(jù)可視化,所以為了提高首頁推薦作品質(zhì)量,其它兩類我會去 500px 等更垂直的網(wǎng)站瀏覽,而不會在 behance 上關(guān)注。當然,網(wǎng)站只是個工具,你也可以有自己的用法,于我而言,我關(guān)注的核心是效率。
2. 資源的迭代
如果把我們收藏的內(nèi)容比作是云盤里的資源,那么資源并不是越多越好,無論哪種類型的內(nèi)容,當內(nèi)容很多的時候找起來都會比較麻煩的。我們需要堅持做一些工作來不斷減少資源的數(shù)量提高資源的質(zhì)量,少而精是最好的狀態(tài),如此我們就不需要花很多時間去找某個內(nèi)容,而已有的內(nèi)容又都能很好的滿足需求。要做到這點,我們需要給資源做迭代,所謂迭代就是去掉舊的過時的內(nèi)容,添加新的更好的。每隔一段時間,回來翻一翻自己之前收藏的作品,會發(fā)現(xiàn)有些作品自己已經(jīng)看不上了,因為在做靈感收集的過程中,我們的審美會自然有所提高,當輸入的作品樣本越來越多,我們對作品評價的維度也會更多,之前那些覺得好的作品,現(xiàn)在看來也就會有缺陷和不滿,這是一個很正向的結(jié)果,成長就是一個不斷剔除的過程。刪掉那些自己覺得不滿意的作品,添加更符合自己當前審美的作品到各個情緒版。
迭代還意味著我們需要對那些情緒版的標簽做維護,對那些命名跟內(nèi)容不大匹配的情緒板,要及時更新更恰當?shù)拿M瑫r,也要對情緒板內(nèi)容的類別做維護,比如動畫、視頻類素材最好不要跟圖片類素材放一起,因為列表的封面圖并不能體現(xiàn)作品詳情里是否包含視頻等內(nèi)容,所以作品很多時找起來就比較麻煩,按內(nèi)容的不同類型把內(nèi)容分別收納進不同的情緒版可以給我們后續(xù)的應用節(jié)省不少時間。
1. behance在國內(nèi)訪問受限,為何要以它為例做靈感收集的方法介紹?
首先,Behance 國內(nèi)訪問不暢,并不影響它是世界范圍最優(yōu)秀的設(shè)計師聚集平臺的事實。對于數(shù)據(jù)可視化而言,并不是一個新興的領(lǐng)域,在國外早已有之,并且相對成熟,而國內(nèi)相關(guān)作品、經(jīng)驗尚少,所以從獲取知識的角度來看,behance 上你能獲取到的數(shù)據(jù)可視化相關(guān)作品或內(nèi)容,不管是數(shù)量還是質(zhì)量上,都要比國內(nèi)的好。
其次,正如文章剛開始我說的那樣,文中介紹的方法對國內(nèi)的大部分設(shè)計網(wǎng)站同樣適用,尤其是關(guān)鍵詞的定義、標簽的使用、收藏及情緒板(畫板)的使用技巧。綜上,我當然是要介紹「更好」的靈感獲取網(wǎng)站給大家,而不是揪著大家熟悉的聊。
2. 我自己也收集研究了不少優(yōu)秀作品,為何做的時候還是不知道如何下手?
毋庸置疑,優(yōu)秀的作品建立在良好的審美基礎(chǔ)之上,好的作品看多了審美自然會有提升,但審美有了為啥還是做不出符合自己期望的作品來。這塊有兩個問題,一個是刻意練習的度沒到,另一個是不會分析別人好的作品??桃饩毩暵犆志椭朗鞘裁匆馑?,而作品分析就是我們要知道一個作品之所以讓人眼前一亮,它「亮」在什么地方,就是要具體到細節(jié),我們越是能夠細致的指出那些讓你覺得好的點,就越能模仿和借鑒,之后再輔以大量的刻意練習,才會有效果明顯的提升。
文章來源:優(yōu)設(shè)
藍藍設(shè)計的小編 http://www.88yangsc.com