字庫數(shù)據(jù)信息可視化設(shè)計研究

盧昱燦 詹炳宏

摘要：字體行業(yè)作為傳統(tǒng)行業(yè)在技術(shù)發(fā)展行業(yè)融合的大背景下，用數(shù)據(jù)信息可視化來分析總結(jié)產(chǎn)品的發(fā)展?fàn)顩r和走勢，對全行業(yè)的字體市場進行實時的把控和發(fā)展方向起到關(guān)鍵的作用，推動字體產(chǎn)品在互聯(lián)網(wǎng)中的設(shè)計和應(yīng)用。我們開展了字庫數(shù)據(jù)可視化設(shè)計研究，一種針對字體產(chǎn)品的新的可視化和信息檢索方式。在文章中，我描述了如何多維度呈現(xiàn)字庫數(shù)據(jù)可視化這一過程的設(shè)計。我們把這一過程記錄在hellofont?1?上，為我們提供了一個新的角度了解字庫產(chǎn)品在可視化過程中呈現(xiàn)的信息價值。

關(guān)鍵詞：字庫可視化;信息檢索;標(biāo)簽;地圖;畫像

中圖分類號：TB472; TB482.2文獻標(biāo)識碼：A文章編號：1672-9129（2018）06-0028-02

Researchon Information Visualization Design of Font Database

LU Yucan*， ZHAN Binghong

（Beijing Institute of Fashion Technology， College of Art and Design， Beijing 100029， China）

Abstract：As a traditional industry in the context of the integration of technology development industry， the font industry uses data information visualization to analyze and summarize the development status and trend of products， and plays a key role in real-time control and development of the font market in the whole industry. Promote the design and application of font products on the Internet. We conducted research on font data visualization design， a new visualization and information retrieval method for font products. In the article， I describe how to multi-dimensionally present the design of the process of font data visualization. We recorded this process on hellofont "1"， providing us with a new perspective on the value of the information that the font product presents during the visualization process.

Keywords：font visualization; information retrieval; tag; map; portrait

引用：盧昱燦，? 詹炳宏. 字庫數(shù)據(jù)信息可視化設(shè)計研究[J]. 數(shù)碼設(shè)計， 2018， 7（6）： 28-29.

Cite：LU Yucan， ZHAN Binghong. Researchon Information Visualization Design of Font Database[J]. Peak Data Science， 2018， 7（6）： 28-29.

引言

科技的發(fā)展高速推動了社會信息化的進步，網(wǎng)絡(luò)的普及，信息可視化作為一門新興學(xué)科從全新的角度讓我們認(rèn)識到事物的更多的可能性。信息可視化把現(xiàn)實空間的模型引入網(wǎng)絡(luò)，打破傳統(tǒng)的單一網(wǎng)絡(luò)形式^[1]。信息可視化傳達信息的目標(biāo)圍繞的是“可理解”，把難懂繁雜的信息轉(zhuǎn)變成能夠讓人們消耗的物品，提升用戶感受?？梢暬O(shè)計探究的是獲得信息的工具，是設(shè)計者通過計算機把信息數(shù)據(jù)化到結(jié)構(gòu)化再到知識的過程。

如今各行各業(yè)都在加速行業(yè)間的溝通共享與協(xié)作，字體行業(yè)作為傳統(tǒng)行業(yè)在技術(shù)發(fā)展行業(yè)融合的大背景下，用數(shù)據(jù)信息可視化來分析總結(jié)產(chǎn)品的發(fā)展?fàn)顩r和走勢來幫助企業(yè)和指導(dǎo)字體設(shè)計師更好的創(chuàng)造出優(yōu)秀的作品，是字庫數(shù)據(jù)信息可視化項目課題研究的意義所在。字體作為一種人們生活中不可或缺的媒介（產(chǎn)品），在投放市場后的發(fā)展和演化以及未來字庫產(chǎn)品的研發(fā)方向都是我們需要深刻思考的，而字庫數(shù)據(jù)在信息可視這一領(lǐng)域在國內(nèi)外中都還沒有深入的研究和成熟的思考。

1? 字庫數(shù)據(jù)可視化字體標(biāo)簽

在文章中，我們以漢儀字庫公司開發(fā)的字體樣本為例，多維度從字體標(biāo)簽，字體地圖和字體畫像三個角度可視化出一個基于字庫知識圖譜的設(shè)計方案。我們成立了字庫信息可視化小組，把數(shù)據(jù)工程師、字體專業(yè)設(shè)計師、科學(xué)可視化設(shè)計師聚合在一起，從數(shù)據(jù)，常識，科學(xué)可視化等，汲取歸納了各自的特點及優(yōu)點。把任何事物進行合適的處理組合，來開展我們的相關(guān)工作：

1）先通過漢儀網(wǎng)站官網(wǎng)字體下載量的分析（按時間節(jié)點），字體產(chǎn)品屬性聚類分析，字由平臺已有數(shù)據(jù)列表等來分析字庫數(shù)據(jù)的可視化方案和數(shù)據(jù)趨勢走向。

2）是如何把客觀的數(shù)據(jù)以信息可視化的呈現(xiàn)方式展示是目前現(xiàn)在的重點工作。

3）希望通過可視的交互來讓數(shù)據(jù)更好的跟人互動和交流，從而達到數(shù)據(jù)價值的在人們交流溝通這一層面的意義。

（1）首先，我們建立了一個字體產(chǎn)品的數(shù)據(jù)池作為我們的“原材料”。以漢儀字庫開發(fā)產(chǎn)品為例，共461款字體（其中有304款屬于漢儀字庫），整個項目分為字體標(biāo)簽，字體地圖和字體畫像三個部分。一直以來，尋找顯示和優(yōu)化搜索結(jié)果的方法在信息檢索方面一直是一個重要的挑戰(zhàn)，在設(shè)計字庫標(biāo)簽時，我們根據(jù)字體自帶的產(chǎn)品屬性的聚類分析來設(shè)定標(biāo)簽和針對用戶場景細(xì)分來設(shè)定標(biāo)簽兩個方向，來實現(xiàn)字庫產(chǎn)品在信息檢索的功能。

（2）以產(chǎn)品屬性分析，比如字體的字符集，用途，風(fēng)格，年齡層，性別等歸類設(shè)計，如圖1所示，這樣可以清晰的看到每個標(biāo)簽下細(xì)分的二級標(biāo)簽在數(shù)據(jù)池中所占比重的大小。可以看到一級別的類目用不同顏色來表示，而每個類目下的分類用不同圓大小來表示各個分類的比重，所占比重越大代表字庫池里的字體具有這一特性的字體數(shù)量越多。在這一步驟上，我們的工作是對數(shù)據(jù)的“質(zhì)化”和“量化”。用形象的語言來闡釋，“質(zhì)化”數(shù)據(jù)的特點是“故事”，如果我們把字庫產(chǎn)品中的每一款字作為一個人來比喻的話，那么產(chǎn)品就具有了人的共性，而“量化”的特點是“數(shù)字”，我們把數(shù)字的多少用圓圈的大小來可視。Claude Shannon 曾提出一個著名的信息傳播理論：“質(zhì)化”的信息可以翻譯成“量化”的信息，從而誕生一種數(shù)字化的傳播模型。這就是我們看到的數(shù)據(jù)海洋的雛形。

（3）另一個標(biāo)簽維度是針對于用戶使用場景細(xì)分來設(shè)計，是針對于字庫產(chǎn)品在搜索功能上的精準(zhǔn)性和可推薦性，以及如何實現(xiàn)字體在互聯(lián)網(wǎng)中的設(shè)計和應(yīng)用問題，體現(xiàn)出字體在實際應(yīng)用場景中的專業(yè)化，個性化以及風(fēng)格化。針對于字體在互聯(lián)網(wǎng)中的場景應(yīng)用為切入點，廣告場景和電商場景作為關(guān)鍵詞來關(guān)聯(lián)，包括活動字體，廣告字體，短視頻應(yīng)用等場景，以自然定義分為一二級生活場景。廣告場景主要在商業(yè)/金融，計算機技術(shù)，交通運輸，醫(yī)學(xué)，教育，旅游度假等類目為主要類目，下設(shè)細(xì)分到二級三級的細(xì)分場景當(dāng)中。通過產(chǎn)品本身的專業(yè)屬性對應(yīng)電商場景建立字體知識圖譜的標(biāo)簽來實現(xiàn)檢索字體功能，用關(guān)鍵詞（與電商和廣告兩大類詞匯掛鉤）實現(xiàn)了字體在互聯(lián)網(wǎng)中的設(shè)計和應(yīng)用。

2? 字庫數(shù)據(jù)可視化字體地圖

一個好的地圖架構(gòu)既可以全局把握實時字庫信息又可以細(xì)看各個不同方向的信息呈現(xiàn)啟發(fā)我們的想象力。地圖是信息可視化最常用的一種隱喻手法，把時間和空間統(tǒng)一在一起，借助特定的語境來傳達，想象生活中有沒有與信息關(guān)系類似的場景。最經(jīng)典的早期科學(xué)信息視覺化研究案例之一是1686年英國科學(xué)家埃德蒙哈雷制作的信風(fēng)地圖。生動再現(xiàn)了全球信風(fēng)的分布與狀態(tài)。他描述說：“尖銳的箭頭指向地理位置，圓頭線是季風(fēng)，在不同的季節(jié)風(fēng)在線上前后變化……” 可視化信息不僅幫助人們看到“看不見的信息”，也啟發(fā)了我們的想象與推測^[2]。一個成熟的字體產(chǎn)品設(shè)計背后會不會同樣有我們看不到的信息呢？這引發(fā)了我們極大的興趣去探索發(fā)掘關(guān)于字體背后的“故事”。我們把字體大體分為宋體，黑體，仿宋，圓體等9個類別，根據(jù)官網(wǎng)數(shù)據(jù)把所有的上線字體產(chǎn)品投放市場后的下載量用折線圖的方式呈現(xiàn)出來，點開其中一個類別可以看到這個類別下的所有字體隨著時間變化的下載量（縱軸是下載量，橫軸代表時間），我們就可以清楚的知道在具體的時間具體的字體下載量情況，以及宏觀上看到哪一類字體風(fēng)格在哪一時間段更受歡迎，這一實現(xiàn)技術(shù)我們運用了遠(yuǎn)程可視化技術(shù)來實現(xiàn)字體地圖的交互操作^[3]。這些數(shù)據(jù)的價值不僅僅可以指導(dǎo)決策者和設(shè)計師，在增加時間維度因素時，何時投放相應(yīng)的字體帶來更大的市場效應(yīng)也是至關(guān)重要的。

在字體類別下一個界面可以看到字體的形態(tài)以及每個字體的雷達圖（雷達圖是根據(jù)字體設(shè)計師設(shè)計一款字體要考慮的幾個維度，分別為：（1）字重，（2）中宮，（3）粗細(xì)對比，（4）長寬，（5）弧度，（6）結(jié)構(gòu)（7）細(xì)節(jié)，這樣我們找到了一種方法可以把一款字體產(chǎn)品背后的數(shù)據(jù)清晰的呈現(xiàn)出來，同時也為后續(xù)的字體畫像做好數(shù)據(jù)演變。我們在左邊圖中看到，令人想象不到是當(dāng)代書法體和手寫體在9個類別中的下載量在全年都比較高，這出乎了我們的意料。當(dāng)我們點其中一個類目跳轉(zhuǎn)下級我們看到是當(dāng)前類目的所有字體，并可以清晰看到當(dāng)前字體產(chǎn)品設(shè)計的各個維度數(shù)據(jù)雷達圖。

在我們與字體設(shè)計師溝通的過程中了解到，雷達圖是我們重現(xiàn)字體設(shè)計過程需要考慮的重要數(shù)據(jù)因素。從設(shè)計字體理論到設(shè)計成圖形化的字體再到字體數(shù)據(jù)的呈現(xiàn)過程。就像一個“美麗”的字體形態(tài)背后一定有一組“合理”的數(shù)值一個道理?；疑珔^(qū)域是標(biāo)準(zhǔn)的黑體字體和數(shù)值，這樣我們可以拿任何一款字體與標(biāo)準(zhǔn)黑體做對比。有意思的是，在與工程師，字體設(shè)計師溝通協(xié)作過程中，我們都在找“不同的能力” ，這幫助我們實現(xiàn)可視化這一過程。很多時候在設(shè)計師開始探索數(shù)據(jù)之前，數(shù)據(jù)需要以某種形式先初步地可視化出來。一個基礎(chǔ)的可視化圖形有助于設(shè)計師尋找亮點和形態(tài)規(guī)律，它往往是在簡潔和復(fù)雜之間的均衡，帶有一點點隨機和不確定性，并帶有一點點設(shè)計師個人味道。

3? 字庫數(shù)據(jù)可視化字體畫像

前面我們提到關(guān)于數(shù)據(jù)的“質(zhì)化”在數(shù)據(jù)中找到故事，這是設(shè)計師的工作方向之一，也是挑戰(zhàn)性的方向，從市場商業(yè)角度出發(fā)，Gadney曾說：“數(shù)據(jù)可視化產(chǎn)品提供的是一種假設(shè)”。從藝術(shù)視角出發(fā)：作為藝術(shù)家，你發(fā)現(xiàn)了這個世界的不同，但并非所有藝術(shù)家都看到相同的不同。而從大眾角度去講：信息可視化是在設(shè)計人們的“理解”。

最后一個維度是從字體雷達圖演變發(fā)展的字體畫像圖，這就更偏向藝術(shù)的表達。我們觀察到國內(nèi)廠商在使用字體專業(yè)方面的知識素養(yǎng)欠缺，企業(yè)往往不能正確的使用字庫產(chǎn)品，而且他們并不知道為何要花費一筆巨資購買看似都差不多的字體產(chǎn)品，這一現(xiàn)象正是我們對字體畫像這一想法的來源構(gòu)想，希望通過字體數(shù)據(jù)雷達圖擬人化出每個字體的畫像，這樣可以讓我們直觀的對一款字體有一定的視覺和心理認(rèn)知，并賦予一定的視覺個性，這樣去敘述和企業(yè)品牌傳達的相關(guān)理念的關(guān)系，從而拉近字庫產(chǎn)品和人的一種距離感和陌生感。在這里我們運用到隱喻的手段，隱喻提供給我們理解復(fù)雜或者抽象數(shù)字的方法，設(shè)計人性化的圖形是字庫可視化字體畫像的關(guān)鍵所在^[4]。

在進行字體畫像部分工作內(nèi)容時，我們嘗試了許多方法來設(shè)計字體畫像。最后我們還是從字體的雷達圖為準(zhǔn)，形象化出一個人物的形象，把弧度，長寬，中宮，字重，細(xì)節(jié)，對比，結(jié)構(gòu)等分別代表人物身體的各個部分，用圖形的變化代表數(shù)值的大小變化。這樣很好就把字體雷達上的數(shù)值轉(zhuǎn)譯到了圖形化語言上來。這一工作我們充分利用了人們的感覺系統(tǒng)來管理和解釋人們不能理解或者超出自身知識體系外的復(fù)雜的信息關(guān)系，讓人們獲得了觀察隱匿信息的探索可能，從而增強對人們自身和對客觀環(huán)境的認(rèn)知能力。那么字體畫像這一可視化的過程就很好的聯(lián)系了字體本身的形態(tài)和畫像之間的情感連接。如圖2所示，雷達圖轉(zhuǎn)譯成圖形語言過程的對應(yīng)關(guān)系。

4? 總結(jié)和未來的工作

字庫數(shù)據(jù)可視化從字體標(biāo)簽，字體地圖到字體畫像，初步以多維角度去探索可視化字庫系統(tǒng)，嘗試形成字體行業(yè)內(nèi)的字體知識圖譜來對應(yīng)字體在互聯(lián)網(wǎng)中的設(shè)計和應(yīng)用。在本節(jié)中，我們具體討論一些可能的前景和下一步如何開展。在上述工作中，我們嘗試了很多可能性的延伸，每一步都注意到未來的可能前景和發(fā)展以及意義。

在未來的工作中，我們會更加傾向于字體知識圖譜的建立和發(fā)展，在字由平臺上實現(xiàn)字體的搜索和推薦功能。并可以通過用戶檢索行為不端反哺字體知識圖譜，從而形成一個內(nèi)在的循環(huán)和發(fā)展。今天，信息設(shè)計師正在獲得越來越方便的信息視覺化工具去處理數(shù)據(jù)，轉(zhuǎn)譯數(shù)據(jù)，讓抽象的數(shù)據(jù)可以被人認(rèn)知的信息，我們可以認(rèn)為，信息可視化的過程：它將數(shù)據(jù)信息和知識轉(zhuǎn)化成一種視覺形式，充分利用人們對可視模式快速識別的自然能力。將人腦和計算機這兩個最強大的信息處理系統(tǒng)聯(lián)系在一起，加上可交互的操作指令，使我們能觀察，操控，研究，瀏覽，探索，發(fā)現(xiàn)，理解大規(guī)模數(shù)據(jù)，從而可以極有效地發(fā)現(xiàn)隱藏事物背后的特征和規(guī)律。信息可視化作為一門新興學(xué)科，我們還有很長的路要走^[5]。

注釋：

1???????? hellowfont ： http：//www.hellofont.cn/apps/data-visual/display#display-map

參考文獻：

[1]????? 劉姝宏. 新媒體藝術(shù)下信息可視化設(shè)計的反思與創(chuàng)新[J]. 藝術(shù)與設(shè)計（理論）， 2018（z1）45-46.

[2]????? 向帆. 信息視覺化設(shè)計的里程碑與發(fā)展 [J]. 美術(shù)向?qū)В?2011（3）：41-44.

[3]????? 劉俊， 遲學(xué)斌， 單桂華. 一種基于Web的遠(yuǎn)程可視化系統(tǒng)的設(shè)計與實現(xiàn)[J]. 中國科學(xué)院大學(xué)學(xué)報， 2006， 23（6）：782-786.

[4]????? 詹炳宏. 實現(xiàn)信息形態(tài)轉(zhuǎn)換的視覺隱喻[J]. 裝飾， 2008（10）：142-143.

[5]????? 王賽蘭. 論交互設(shè)計中的信息可視化[J]. 產(chǎn)業(yè)與科技論壇， 2012（15）：73- 74.