Celebrating the 100th issue of Creative Beta at Milk Magazine, the writer of column "art.code" visualize all his past columns visual into a physical form.

For the purpose of grabbing the visual information (color) and number of words of the column, Keith made a program with Processing. The program will generate a "Totem" according to the color info: RGB and number of words. 3 columns from left to right (rounded shape at top, 3 columns at the bottom) represents Red, Green and Blue color accordingly, and the number of lines inside the circle represent the number of word of the column.

The Totem will then be fabricated in laser cutter, transform into a real object.

Each Totem represents an article, and all of them would also puzzle together into a big piece of map - a map of "art.code" column.

專欄原文:
看著人家老外雜誌(甚至是某大陸文藝雜誌)每期都有一堆數據視覺化(INFORMATION VISUALIZATION)的製作,我好恨(又期待)本地雜誌也有如此有型的製作。於是趁這次「creative beta」第100回,本來打算把自己寫過的來一次數據視化。雜誌有圖有文,數據很明顯就是圖像的資訊、文字的組成。最直接想到就是哪一個字或詞出現的最多,但這樣子的Tag Cloud又被玩的太多。想想大家看周刊,大概是圖像先入,即是說圖像的結構也許是讀者眼裡對專欄的第一印象。

我不是設計師,更準確的說我不是平面或視覺設計師,要弄個平面的 INFORMATION VISUALIZATION實在是獻醜。反正不管如何都要寫PROGRAM,我想不如來我比較熟悉的實體來玩吧!PROGRAM是分析每一期我的專欄出版時的樣貌,擷取了顏色的分佈,分成最簡單的RGB紅綠藍三個顏色範圍。加上每一期文字的量,組成一個圖騰﹣三支柱子是RGB的分佈(左至右,圖形在上),圖形內線的多寡則對應文字的量。最後我用LASER CUTTER,將這堆圖騰變成實體。所以一個圖騰就是一篇專欄的視覺數據視覺化(VISUAL INFORMATION VISUALIZATION)的實體。

而同時每篇專欄都有多多少少的關聯性,於是在洐生的圖騰上有五個接合位,讓所有代表一篇獨立專欄可以和其他拼合,拼湊出一個代表本欄 ART.CODE 的總體版圖。

雜誌的內容不只是視覺,它會跳出來,由想法變成實體,像這欄目,幹一場革命!

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…