中國(guó)古代拼版游戲中的平面設(shè)計(jì)原理

（山西傳媒學(xué)院，山西 太原 030013；山西師范大學(xué)，山西 臨汾 041004）

一、現(xiàn)代設(shè)計(jì)案例中的分合配搭

2014 年互動(dòng)性公益廣告《字體可以成為武器（Words Can be Weapons）》給公眾留下了深刻的影響。此廣告是沈陽市心理研究所聯(lián)手北京奧美，為了提升公眾對(duì)語言暴力的嚴(yán)重性和危害性的認(rèn)知而創(chuàng)作的。奧美與來自沈陽的藝術(shù)家謝勇合作，將諸如“豬腦子”“怎么不去死”“丟人”此類的傷害性詞語通過鍍鎳鋼制作成模件。這些詞語模件可以拆解并拼裝成致命武器的形狀，比如槍、刀和斧頭。

日本設(shè)計(jì)師福田繁雄為日本國(guó)鐵JR 廣島站所作的壁畫設(shè)計(jì)，是將一個(gè)心形圖形分割成10 個(gè)部分，再用這十個(gè)部分重新組合成50 種造型的和平鴿，所有圖形散點(diǎn)布置在地鐵站的墻壁上，整個(gè)作品肅穆有深意。意大利設(shè)計(jì)師Daniele Lago 設(shè)計(jì)的名為《唐圖（tangram）》的后現(xiàn)代書架，以及澳洲設(shè)計(jì)師肯凱托（Ken Cato）為C’est La Vie 公司設(shè)計(jì)的形象拓展圖形，這些現(xiàn)代經(jīng)典設(shè)計(jì)作品都使用了“打散重構(gòu)”的設(shè)計(jì)原理。如果我們用更具中國(guó)特色的理論術(shù)語來表述，不妨把這種對(duì)母題圖形分割再組合的設(shè)計(jì)方法稱作——分合配搭。

圖1 日本國(guó)鐵JR 廣島站壁畫①設(shè)計(jì)師：福田繁雄

正如《唐圖》這個(gè)作品名稱所關(guān)聯(lián)的，分合配搭設(shè)計(jì)法則與中國(guó)民間的拼版游戲密切相關(guān)。在我國(guó)歷史上廣為人知的拼版游戲有宋代燕幾圖、明代蝶幾圖、清代七巧板、十五巧板，其中最接近現(xiàn)代設(shè)計(jì)原理的是清代的十五巧板，其變幻莫測(cè)的配搭方法被圖文并茂的記載在發(fā)明者童氏家族出版的系列書籍之中。

二、童葉庚與益智圖十五巧板

童葉庚，益智圖十五巧板游戲的發(fā)明者。據(jù)《中國(guó)人名大辭典》記載：童葉庚，清崇明人，字松君，號(hào)睫巢，亦號(hào)巢睫山人。咸豐間官德清知縣，光緒間歸隱吳門。博學(xué)嗜古，手抄群籍，多海內(nèi)孤本。所著益智圖、睫巢鏡影，皆為世所珍玩[1]。童葉庚于同治元年（1862 年）發(fā)明十五巧板又名益智圖，與七巧板異曲同工，以十五塊形態(tài)各異的版片拼圖、拼字，或者放大制作桌幾等。益智圖十五巧板在當(dāng)時(shí)曾經(jīng)為皇室貴族珍玩，恭親王奕于光緒十九年（1893 年）為童氏著作《益智圖千字文》題字“操觚新格”?，F(xiàn)北京故宮博物院存有一套十五巧板，應(yīng)該是當(dāng)年溥儀皇帝曾經(jīng)把玩過的玩具[2]。益智圖十五巧板作為近代東方拼版游戲的代表之一，其發(fā)明動(dòng)機(jī)、游戲性質(zhì)、宗旨意趣與西方拼版游戲非常不同。

童葉庚及其家人自1862 年起陸續(xù)編著出版《益智圖》《益智續(xù)圖》《益智字圖》《益智圖千字文》《益智燕幾圖》等書籍。這些著作都是在十五巧板拼圖、拼字的基礎(chǔ)上編著的圖譜，大多是家人通力合作，故本文將此系列書籍統(tǒng)稱為童氏著作，以作整體考察。

三、十五巧板的去數(shù)學(xué)化

益智圖十五巧板與歷史上的拼版游戲燕幾圖、蝶幾圖、七巧板②有什么大的不同呢？我們從記載各個(gè)游戲的圖譜書籍中做一個(gè)圖形類比。

圖5 七巧板圖

圖6 益智圖式

從圖3 燕幾圖到圖6 益智圖可以看出，中國(guó)拼版游戲在發(fā)展過程中，從形式上來說，越來越復(fù)雜，逐漸增加了斜角、斜邊，到十五巧板益智圖，最大的突破是出現(xiàn)了弧度。童氏著作《益智圖千字文》中的定名，詳細(xì)介紹了每一片版的名稱：“圖版十五片，曰半圓、曰缺角、曰大尖、曰小尖、曰曲尺、曰頭、曰斜角。……內(nèi)曲尺、頭、斜角等五片，兩面異形，可以正反擇用。余十片兩面相同，無分正反矣。[3]”

圖7 十五巧板定名

從圖7 可以明顯看到，缺角A、D 與半圓A、B是具有弧度的。如果我們把十五巧板放在數(shù)學(xué)中來討論，會(huì)發(fā)現(xiàn)有弧度的版片大大降低了它在拼版時(shí)的連通性。數(shù)學(xué)意義上的“連通”即指圖形中的任意兩點(diǎn)都有一條完全在圖形內(nèi)的曲線把它們相連[4]。因?yàn)榛《戎荒芘c弧度拼合，所以在拼圖形時(shí)很容易形成一些孤立的區(qū)域，這樣一來，十五巧板在組合科學(xué)中的優(yōu)勢(shì)消失殆盡。

為此我們類比下兩個(gè)流傳頗廣的西方拼版游戲——T 字之謎四巧板與阿基米德十四巧板。被稱為T 字之謎的四巧板，由四塊不同形狀的圖形構(gòu)成：一塊長(zhǎng)直角梯形、一塊短直角梯形、一塊三角形、一塊不規(guī)則五邊形。

T 字之謎四巧板能拼出上百個(gè)具有連通性的抽象圖形，通常狀況下拼出難易不同的圖形所用時(shí)間長(zhǎng)短不同。據(jù)說在日本，有人制訂了利用四巧板測(cè)試智能的標(biāo)準(zhǔn)，共分九級(jí)[5]。值得注意的是，在四巧板圖譜提供的上百個(gè)圖形中，并沒有太多具有明確意義的具象圖形，這與我國(guó)流行的七巧板圖譜以及童葉庚的十五巧板圖譜非常不同。

在《阿基米德羊皮書》中，作者詳細(xì)介紹了數(shù)學(xué)家如何在保存于羊皮書上漫漶不清的手稿中逐步破解阿基米德十四巧板數(shù)學(xué)目的的全過程[6]。曾經(jīng)羅馬文法家認(rèn)為阿基米德十四巧板在于探討用十四巧板“自由”拼置的圖形是無限的，比如你可以隨意地拼成大象、武士、小鳥，在不強(qiáng)調(diào)連通性的情況下。這與《益智圖》《益智續(xù)圖》提供的圖譜如出一轍，但是如此的“多樣性”概念在數(shù)學(xué)中毫無意義，因?yàn)椤盁o窮”是普遍存在的。

經(jīng)過該書作者對(duì)十四巧板殘存的圖譜反復(fù)比對(duì)，終于得出一個(gè)最接近阿基米德發(fā)明十四巧板的真實(shí)想法：《十四巧板》的目的是想計(jì)算出同樣的圖版組成正方形的方式有多少種？

在2003 年11 月這個(gè)問題最終由伊利諾大學(xué)電腦科學(xué)家比爾·卡特勒用電腦編程的方法解答，除了旋轉(zhuǎn)和反射，總計(jì)有536 個(gè)不同的解決方案。而獲得這個(gè)答案的證明過程完全是阿基米德曾經(jīng)用到的，從西方科學(xué)形成史的角度看，這個(gè)在兩千年后運(yùn)用電腦破解的“謎題”給予阿基米德在組合學(xué)上的崇高地位，十四巧板將成為希臘人完全掌握了組合學(xué)這門科學(xué)的最早期證據(jù)。

不論是七巧板還是十五巧板，其中都蘊(yùn)藏有中國(guó)早期數(shù)學(xué)原理：出入相補(bǔ)，又名以盈補(bǔ)虛。吳文俊對(duì)《九章算術(shù)注》中的出入相補(bǔ)原理明確地表述為：一個(gè)平面（或立體）圖形被分割成若干塊并移至他處，其總面積（或體積）保持不變[7]。在清代《七巧圖合璧》一書的圖譜中，碧梧居士將七巧板的大三角形標(biāo)注了“勾、股、弦”。在童氏益智圖系列著作中也屢屢提到“以勾股弦角析而分之綜而合之……寓勾股之學(xué)、義畫之理于其間[8]”“伯子因教以勾弦配搭之法[9]”“股四勾三弦和合較[10]”。但通觀童氏著作全集，除了《益智燕幾圖》圖譜略具幾何學(xué)圖形樣式之外，其余并沒有任何與勾股定理或與出入相補(bǔ)原理有關(guān)的數(shù)學(xué)內(nèi)容。

圖8 先天太極

與十五巧板相比，七巧板在國(guó)際的影響更大，有文獻(xiàn)記載，1815 年七巧板傳到歐洲被稱作唐圖（tangram），據(jù)說在歐洲掀起七巧板熱潮。七巧板在很早的時(shí)候就成為數(shù)學(xué)科學(xué)領(lǐng)域的研究對(duì)象，1942 年王福春等人的文章證明出七巧板可拼出的凸多邊形僅13 種[11]。（凸多邊形：如果在一個(gè)圖形之中取任意兩點(diǎn)，在這兩點(diǎn)連線上的所有的點(diǎn)都含于這個(gè)圖形之中，那么，這個(gè)圖形就被稱為凸多邊形。）日本秋田大學(xué)的中野良樹教授在2010年至2018 年以七巧板為檢測(cè)工具設(shè)計(jì)了一系列的行為心理能力測(cè)試，這說明七巧板在海外廣為流傳，并且具備科學(xué)實(shí)驗(yàn)性。

數(shù)學(xué)特性是拼版游戲經(jīng)久不衰的原因之一，而益智圖十五巧板的去數(shù)學(xué)化阻礙它在世界范圍內(nèi)的流傳，使它無法像七巧板那樣廣為外界所知。

四、益智圖的高圖形化

雖然十五巧板沒有像七巧板一樣成為“唐圖”的代表，但是有兩個(gè)來自美國(guó)和英國(guó)的傳教士在《孩提時(shí)代（The Chinese Boy and Girl）》一書中詳細(xì)記錄了《益智圖》以及十五巧板的游戲過程。這本書首次出版于1909 年，在“積木：?jiǎn)⒚捎螒颉币徽轮凶髡咭猿錆M人情味的細(xì)致觀察，生動(dòng)地描寫了一個(gè)中國(guó)官員帶著他的小兒子前來展示一套《益智圖》書，并現(xiàn)場(chǎng)擺玩十五巧板的故事。

圖9 益智圖

作者在文中對(duì)十五巧板做了頗為中肯的總結(jié)：“這些積木不像西方幼兒園里的那樣只是用來堆成幾何圖形，它是能對(duì)兒童進(jìn)行道德影響或智力刺激的玩具?！@些積木和這本書的主要目的是以盡可能有力的方式，把最主要的歷史、詩歌、神話和道德楷模引入兒童的心靈?！弊髡邔?duì)《益智圖》也給予了非常高的評(píng)價(jià)：“在我所見到的書中，它即使不算是最杰出的，也算是最富獨(dú)創(chuàng)性的。[12]”

童葉庚在十五巧板中設(shè)計(jì)出圓形、弧度，其形式動(dòng)機(jī)非常明顯，是為了更加惟妙惟肖地拼版出人物、器具，更精彩地去呈現(xiàn)場(chǎng)景，講述歷史故事。正如廣陵沁庵氏在《益智圖》序中的解釋，“以為天下之物皆有象，以器摹之皆可肖?！谑瞧史綖閳A，依員成曲，衍為十有五片”，童葉庚自己也說：“余初仿七巧之制圖成百器，……謂是雖不難乎舊譜，而生動(dòng)則有過于舊譜者?！币嬷菆D系列書譜在拼版圖形生動(dòng)性方面確實(shí)大大地影響了后世，1925 年商務(wù)印書館出版了章鞠孫的《英文益智圖》，書中用十五橋板拼出26 個(gè)英文字母與10 個(gè)阿拉伯?dāng)?shù)字[13]。此后與益智圖十五巧板有關(guān)的書籍、圖譜或游戲一直層出不窮，在近代藝術(shù)設(shè)計(jì)實(shí)踐中，分合配搭圖形設(shè)計(jì)方法也得到廣泛應(yīng)用。

五、童氏著作中的文字設(shè)計(jì)法則

十五巧板作為古代拼版游戲的后期代表，不但有蒙學(xué)之作用，童氏的字書系列更是成為中國(guó)歷史上較早總結(jié)文字設(shè)計(jì)法則的法書。

在益智圖系列書籍中，《益智字圖》與《益智圖千字文》以圖譜的形式記錄了千余漢字的拼法，并著有說明性文字總結(jié)配搭法則?！兑嬷菆D千字文》一書中的“法”，頗像是《漢溪書法通解》這樣的書法操作手冊(cè)，以法書典籍中的稱名介紹了二十種拼配文字的方法。“法古、定名、分合、變換、結(jié)構(gòu)、部位、增減、假借、消納、配搭、映帶、相讓、水路、收放、八法、三體、真書、行書、草書、操觚[14]”，這些法則的命名與界定不但反映了童葉庚扎實(shí)的書法功底與文化修養(yǎng)，更成為后世文字設(shè)計(jì)原理的探索寶庫。清代學(xué)者重探微索隱，童葉庚也不例外，其“法”總結(jié)自古人，亦影響了現(xiàn)代。書中闡釋的每一種法則都可以在圖像學(xué)上找到古今對(duì)照，以下選取若干，略作分析。

【原文】增減字已成而版多一片，則思何處可增。字未成而版少一片，則思何處可減。不增不減，結(jié)體出自天然?；驕p或增，巧思在乎默運(yùn)。

“增減”的法則應(yīng)用，不止留存于北魏的墓志銘、北齊的石刻佛經(jīng)和清代的書法作品之中，同時(shí)也是現(xiàn)代字體設(shè)計(jì)的常用法則，在書籍、封面、標(biāo)志等設(shè)計(jì)領(lǐng)域隨處可見。

【原文】假借筆畫多而版片少，則用假借法，外貌取其神似，使人一望而知，如、纓之類是也。

以“假借”之法來分析設(shè)計(jì)師阮紅杰的現(xiàn)代海報(bào)設(shè)計(jì)，可以發(fā)現(xiàn)其作品有意弱化了漢字細(xì)節(jié)的識(shí)別度，外貌取其神似，內(nèi)容一望可知。

【原文】映帶或疏或密、或遠(yuǎn)或近，版不合用便相隔閡，當(dāng)有法以映帶之。務(wù)使短合度，顧盼有情，方稱合作。

在設(shè)計(jì)師王志弘為《字型散步》設(shè)計(jì)的書籍封面上，將“字、型、散、步”四個(gè)字的筆畫打散再布局，筆畫之間用短直線點(diǎn)明彼此的映帶關(guān)系。

【原文】相讓左多右少、上闊下狹、邊長(zhǎng)中短、頭重腳輕以及與此四端相及者，皆須彼此相讓，使不妨礙然后為佳。用筆如此，用版亦如此。惟筆則圓熟而聽我調(diào)度，版則生硬而不聽我調(diào)度，版之與筆，其難易非可同日語也。

用“相讓”來形容字體筆畫間的關(guān)系，在生動(dòng)擬人之余，反映出中國(guó)人的處世哲學(xué)。針對(duì)到現(xiàn)代電腦字庫設(shè)計(jì)，相讓的間架布局法則可以說是字體設(shè)計(jì)師必須要掌握的基本功。

【原文】水路分間布白，水路宜勻，稍有闊狹偏陂，其字便顯局促。必須上下均平，左右齊整，立而望之，自然軒昂挺拔矣。

水路本是刺繡術(shù)語，指的是刺繡紋樣交接與重疊處之間留出一線的空地。水路要空得平齊、均勻[15]，紋樣邊緣要繡得齊整，才能使所繡圖案輪廓清晰、形神兼?zhèn)?。童葉庚借用“水路”作為字體布局法則，可謂獨(dú)具匠心。這“分間布白”在現(xiàn)代設(shè)計(jì)中亦是非常重要的視覺原理。

【原文】三體曰真、曰行、曰草是謂三體書，宋代錢文如淳化、至道皆有之。圖版限以十五片千變而成千字，拘于一體，必為所窮。佐備三體而參用焉，錯(cuò)難之譏，或未能免。然泛覽古人法帖，亦有一篇中三體互見者，何妨以之解嘲。

圖10 （1-10） 本節(jié)中所有圖片均為喻文華制圖

童葉庚在《益智圖千字文》跋中介紹了此書緣起，因?yàn)槭艿娇腿颂翎叄J(rèn)為十五巧板不可能拼出千字文：“子之圖限以十五片，字之體盈千而不同。有二三筆者，有二三十筆者，筆畫少則圖版嫌多，將如何消納之？筆畫多則圖版嫌少，將如何假借之。舉凡一波三折之勢(shì)，書求之圓規(guī)方矩之中，不綦難乎，我固知子不能也。”

在來年夏天，童葉庚“不忘客言，玩索圖版”忽然找到了用十五巧板拼全文的方法：“或從真，取其端重；或從行，取其流利；或從草，取其奇妙。字合千文，書分三體，歷半載而脫稿?！碑?dāng)書稿完成再展示給客人看時(shí)，此客瞠目結(jié)舌自嘆弗如，借用王羲之的《筆陣圖》高度贊揚(yáng)了童氏的《益智圖千字文》。

清代士族文人童葉庚自幼傳習(xí)儒家正統(tǒng)文化，自知三體同書難免被譏難，先在書中提到宋代三體錢與古人法帖作為鋪墊。“曰真、曰行、曰草是謂三體書，宋代錢文如淳化、至道皆有之。圖版限以十五片千變而成千字，拘于一體，必為所窮。佐備三體而參用焉，錯(cuò)難之譏，或未能免。然泛覽古人法帖，亦有一篇中三體互見者，何妨以之解嘲。”殊不知三體、多體同時(shí)出現(xiàn)，反倒是現(xiàn)代文字設(shè)計(jì)的經(jīng)典手段之一。

六、歷史文獻(xiàn)中的設(shè)計(jì)原理鉤沉

張道一在《中國(guó)設(shè)計(jì)理論輯要》的序中寫道：“把設(shè)計(jì)藝術(shù)看作一種文化和文明，不能割斷歷史?！盵16]《考工記》《天工開物》等經(jīng)典手工藝專著被詳細(xì)注釋并多次再版，《中國(guó)設(shè)計(jì)理論輯要》這樣集大成的設(shè)計(jì)文獻(xiàn)綜錄類書籍不斷付梓，張道一先生在反觀西方現(xiàn)代設(shè)計(jì)的比較學(xué)前提下提出“造物設(shè)計(jì)”概念。本文在具體化中國(guó)造物設(shè)計(jì)原理的主導(dǎo)思想下，對(duì)童氏系列著作的弁言、自序、跋、附志做了文本細(xì)讀，再輔以圖像對(duì)應(yīng)，銜接了部分歷史文獻(xiàn)資料與現(xiàn)代設(shè)計(jì)理論之間的傳承關(guān)系。在此案例經(jīng)驗(yàn)基礎(chǔ)上，擬得出以下三點(diǎn)：

1.明確的思想意識(shí)是索引文獻(xiàn)的前提。只有打破西方現(xiàn)代設(shè)計(jì)中心論的魔咒，才能有意識(shí)地看到中國(guó)歷史文獻(xiàn)資料中的造物原理。

2.文本與圖像是鉤沉藝術(shù)設(shè)計(jì)原理的有效方法。文本細(xì)讀是解讀歷史文獻(xiàn)資料的鑰匙，圖像對(duì)應(yīng)是銜接現(xiàn)代設(shè)計(jì)作品的鏈條。

3.關(guān)注經(jīng)史之外的文獻(xiàn)資料，換一個(gè)角度解讀古代類科學(xué)著作。一提到歷史文獻(xiàn)，四書五經(jīng)、歷朝史記、各家典籍首當(dāng)其沖，事實(shí)上在四部分類經(jīng)、史之外的子部和集部，許多隱學(xué)典籍中潛藏著不少藝術(shù)設(shè)計(jì)思想。如藝術(shù)類、術(shù)數(shù)類、譜錄類、道家類、別集類、總集類、天文算法類等分類下的古籍，如果我們用“造物設(shè)計(jì)”的視角重新研讀，定會(huì)有新的發(fā)現(xiàn)。

注釋

①圖片來源：http://blog.sina.com.cn/s/blog_4c7a4e 4501010vrn.html。

②見陸以《冷廬雜識(shí)》卷二-七巧圖，清咸豐六年刻本：“宋黃伯思燕幾圖，以方幾七，長(zhǎng)短相參，衍為二十五體，變?yōu)榱嗣?。明?yán)澄蝶幾譜，則又變通其制，以勾股之形，作三角相錯(cuò)，形如蝶翅。其式三，其制六，其數(shù)十有三，其變化之式，凡一百有余。近又有七巧圖，其式五，其數(shù)七，其變化之式多至千余。體物肖形，隨手變幻，蓋游戲之具足，以排悶破寂，故世俗皆喜為之?！?/p>