指尖上的字體專訪FontBook字體應(yīng)用程序開發(fā)團隊

關(guān)云峰

在數(shù)字化的今天，專業(yè)人士不再希望拿著一本幾百頁的字體工具書逐頁查詢字體，因此字體工具書上的數(shù)字化勢在必行?？偛吭O(shè)在柏林的字體服務(wù)商和出版商fontshop，在數(shù)字化上更進一步，在推出了FontBook移動應(yīng)用程序之后，依靠其海量的字體資源、方便的交互體驗和精美的界面設(shè)計，一舉斬獲了紅點至尊大獎，成為工具APP里面的一個典范。

由繁進簡

在字體領(lǐng)域，每年的新款字體數(shù)量可能不為人所知曉，從另一個側(cè)面卻能夠看出其出驚人的增長量?！禙ontBook》年鑒每年的更新，也導致了年鑒的編輯們每年要在新資料上耗費大量的時間?！拔覀冊?006年編輯《FontBook 4》時就為此感到了困擾，需要在年鑒中呈現(xiàn)的字樣量較前一年增加了30%，這就意味著要增加3萬2千個文字字樣。此外還有10萬條新的詞匯信息。這些信息我們是不能全部編輯進去的，也就不得不做出痛苦的讓步。”于爾根·西伯爾特（Jürgen Siebert）說到。

基于此，F(xiàn)ontBook的移動程序應(yīng)運而生。將所有的字體以數(shù)字的形勢呈現(xiàn)給用戶，這樣便解決了大量字體數(shù)據(jù)處理起來的困擾?！半S著iPad的推出，引起了平板風潮。在2012年12月，約安·斯皮克曼（Spiekermann）和我決定將FontBook轉(zhuǎn)移到iPad上面來?！?于爾根·西伯爾特談及APP開發(fā)初期顯得很開心，其實早在2011年年初，西伯爾特就組建了一支團隊來嘗試開發(fā)APP。團隊的成員包括來自奧地利的資深編輯安捷亞·皮泊爾（Andreas Pieper）負責編程、宋麥林（Mai-Linh Truong）負責數(shù)據(jù)庫，以及負責界面設(shè)計的簡·里庫斯·希爾曼（Jan Rikus Hillmann）。

APP開發(fā)團隊在10天之內(nèi)就制作出了程序的測試版，并在FontShop國際合作或作會議上向大家推介，過程中得到了大家廣泛的贊許。很多合作伙伴對此的產(chǎn)生了濃厚興趣，并決定將他們的預算轉(zhuǎn)向APP程序。這是個非常好的開始，整個團隊為此都感到歡欣鼓舞，于是，西伯爾特決心將工作重心轉(zhuǎn)移到APP程序開發(fā)上。大家全力以赴，整體程序開發(fā)的時間從預計的6個月縮減至5個月，看上去只是縮短了一個月時間而已，但是其容納數(shù)據(jù)量卻是原計劃的10倍之多，工作量可想而知。

挑戰(zhàn)海量數(shù)據(jù)

對于一個字體程序來說，5個月的開發(fā)時間也不算短。其中最艱難的部分莫過于如何處理海量的資料數(shù)據(jù)。團隊最首要的挑戰(zhàn)就是要將多年建立起來的FontBook數(shù)據(jù)庫進行徹底的改造?！拔覀兊牡谝粋€目標是將過去20年的字體進行歸類，并將它們更精細地拆解。”西伯爾特面對海量的數(shù)據(jù)，分析了之前出版中取得的一些經(jīng)驗。《FontBook》年鑒自從第一期開始便分為了八個大的類別：非襯線體（Sans）、襯線體（Serif）、扁厚體（Slab）、黑體（Blackletter）、手寫體（Script）、顯示體（Display）、符號體（Symbol）和非拉丁語體（Non-Latin），其中后三種字體主要是從實際使用當中，而非歷史原因形成的。西伯爾特在與字體史學家因德拉·庫普菲爾史密特（Indra Kupferschmid）教授的合作過程中，對測試程序中的字體進行了修訂和精簡。

最終，西伯爾特將字體分為了七個大類，每個大類又分為五個小類，也就是劃分為35塊。 所有的分類都是以調(diào)研為基礎(chǔ)，團隊也很早就開始做了。據(jù)此歸結(jié)出的分類簡單明了，即便是外行人也能夠找到所需字體。同紙質(zhì)的年鑒相比，APP程序是一個更全面、更實用的字體查詢工具。仔細地分類后，團隊將字族、筆畫、字型表和字體的交叉引用等等信息結(jié)合在一起，讓使用者既能夠理解其意，又便于查詢。

APP開發(fā)出來，字體設(shè)計師都感到異常興奮，因為沒有比它更全的字體集合了。打開程序，所有的信息數(shù)據(jù)都是實時更新，而且，開發(fā)團隊仍在對這些數(shù)據(jù)進行有效地整合。

從APP測試版開始，西伯爾特就持續(xù)關(guān)注著用戶反饋。起初他們會擔心，是否用戶已經(jīng)習慣了查閱紙質(zhì)版《FontBook》，而從第一批測試用戶的回饋中得知，同紙制品相比，他們更喜歡APP程序的適用。因為移動版能夠提供更多的資料，這是以往任何書籍沒有辦法承載的，并且它更加輕巧方便。

可視化的矩陣宮格

在開發(fā)過程中，也得益于FontBook的老將安捷亞·皮泊爾和庫斯·希爾曼（Rikus Hillmann）兩人多年的技術(shù)經(jīng)驗。他們選用了分層結(jié)構(gòu)的可視化樹形圖原理，這種結(jié)構(gòu)通過相互嵌套的矩形來展示。這么設(shè)計的原因是因為矩形的結(jié)構(gòu)更加直觀，也是未來的設(shè)計趨勢，更重要的元素是矩形的面積大小同數(shù)據(jù)量成正比。也就是說，信息多的字族占用的矩形面積會更大，使用者很容易識別出不同字型之間的比例。

“如果在iPad上面，用戶體驗到的還是翻閱幾百頁年鑒的話，那樣就很沒有意義，用戶會翻到手抽筋的?！苯缑嬖O(shè)計師希爾曼解釋設(shè)計上的考慮，“因此我們采用了周期表、縮寫等更科學的可視化方式。團隊最終決定要制作出世界上最大的字體庫，里面要把中文和阿拉伯文字收錄進去。”初始界面以字體的分類、名稱、設(shè)計師、誕生時間年代和設(shè)計公司幾個部分，方便用戶快速地查詢字體。

當然，確定了設(shè)計樣式之后，能否適用還需要在實踐中摸索。隨后遇到的問題就是最大與最小的數(shù)據(jù)組之間形成了強烈的反差。那些小的數(shù)據(jù)按照面積比例來設(shè)計的話，用戶很難進行操控。所以，團隊只能單獨對這些數(shù)值進行調(diào)整。到最后，所有的矩形宮格并不是按照實際的比例來呈現(xiàn)的。同時，根據(jù)9.7英寸大小的iPad屏幕，宮格的總量超過120個顯然就不適用了。所以，APP設(shè)計界面的設(shè)計，也要完全考慮到交互的體驗感受。

希爾曼在設(shè)計上，追求著極簡的風格。整體采用了黑、白、黃三個顏色，不同體系的文字用相應(yīng)的字型縮寫在宮格上，上面會標示出具體的數(shù)量，既醒目又大方。扁平化的設(shè)計也是大勢所趨，拋開繁復的操作，將最直觀的操作方式呈現(xiàn)給用戶。希爾曼一直從事著跨學科的概念設(shè)計、用戶界面設(shè)計和交互設(shè)計，作為此次項目的藝術(shù)總監(jiān)和設(shè)計師，他把重點放在了交互體驗上。

在界面上，除了少數(shù)的頁面應(yīng)用了FF字族，其他的部分基本沒有內(nèi)嵌字體。所有文字的樣張通過透明的png圖片來呈現(xiàn)，在制作更新fontshop的網(wǎng)站時，就是這么操作的。APP程序也提供了臨時文件的存儲功能，用戶打開過的文件在下次查看時會更加快速。整個程序在沒有網(wǎng)絡(luò)的情況下同樣能夠適用，雖然大部分文字樣張都需要在線下載，但是程序中完整地包含了數(shù)據(jù)庫中的元數(shù)據(jù)。整個程序在線狀態(tài)下可以查看62萬款字體，程序中的字體內(nèi)嵌有6萬2千款，內(nèi)嵌部分屬于世界上最常用的字體，對于一般的設(shè)計師來說已經(jīng)足夠了。

雖然APP并不是免費的，但已經(jīng)成為設(shè)計師和從業(yè)人員的必備工具。不為人所注意到的字體領(lǐng)域，借助數(shù)字移動的平臺將能傳播得更加廣遠。 西伯爾特給予FontBook移動應(yīng)用未來更大的展望，“Fontshop不斷地將數(shù)據(jù)進行整合，成為行業(yè)中的領(lǐng)航員?！?/p>

（編輯：Bravo）