想要讓你看懂抽像化的區塊鏈我可能還差100個畢加索!

OKCoin幣行& OKLink設計總監 李超

區塊鏈伴隨著比特幣等加密貨幣誕生,是一種存儲數據的獨特方式。近年來,關於區塊鏈的創新應用與設計層出不窮。對於不在專業領域的我們來說,通過文字似乎總是無法感受到區塊鏈的強大魅力。

自2013年起,區塊鏈不斷發展,這讓總是喜歡研究新事物的設計師們產生了極大興趣。我總是在想,與枯燥的數據與籠統的文字解釋相比,融入相關設計元素的可視化圖像是不是更加直觀有趣呢?對於經常接觸傳統數據的我們來講,這無疑也是一種新的嘗試與挑戰,而區塊鏈技術本身的複雜性也給設計工作增加了一定難度。

想要做好它,先要瞭解它!

簡約的設計並不代表設計過程是簡單的,設計師們想要以簡潔明瞭的形式對區塊鏈進行視覺化設計,這個過程並不容易。在設計前期,我們將設計駕於數據之上,追求本心,根據呈現方式考慮解決方案。應用Python(面向對象的解釋型計算機程序設計語言)相關套件,我們理解了區塊鏈的原理,領會了交易歷史無法被改寫這一概念,這種將銀行排除在外、而在公開網絡上採用可驗證的分佈式賬本系統驗證交易的技術讓我們歎為觀止。在分析理解了區塊鏈的原理之後,我們決定使用JavaScript(直譯式腳本語言)函式庫D3.js,D3的圖標類型非常豐富,並且支持SVG格式,用其構建的數據圖表非常強大,我們可以利用它的豐富特性充分表現區塊鏈的複雜性,具有極佳的視覺表現效果。在設計後期,我們將設計與數據結合。視覺開發需要從簡單的資料開始,比如區塊#235235內記載了834筆交易,這麼大的交易量在視覺表現上會有一定難度,為了使整體的視覺設計不受數據變化的影響,要向數據靠攏。設計師的目的是通過簡潔明瞭的視覺化設計使過程變得簡單明瞭,例如在交易過程中,發送方與接收方都可通過視覺化系統對交易流向進行追蹤。

視覺化的展示降低瞭解區塊鏈的門檻,希望大家在看到圖表時能恍然大悟:「哇,原來區塊鏈也不是一個很難理解的概念。」區塊鏈的確不是什麼新技術,只是技術人員賦予了它很多專業術語,讓其變得晦澀難懂。

《圖說區塊鏈:神一樣的金融科技和未來社會》