圖形與人之間的互動(dòng)性分析

邸小松 姚邴新

（長(zhǎng)春工業(yè)大學(xué) 藝術(shù)設(shè)計(jì)學(xué)院，吉林 長(zhǎng)春 130000）

視覺傳達(dá)設(shè)計(jì)通過(guò)視覺符號(hào)的多種表現(xiàn)形式傳遞信息，而圖形、文字、色彩作為視覺傳達(dá)設(shè)計(jì)的三大要素，被認(rèn)為是最為重要的視覺符號(hào)和信息傳遞的關(guān)鍵載體，其中又以圖形最為重要。圖形的應(yīng)用對(duì)視覺傳達(dá)設(shè)計(jì)的發(fā)展起著重要作用，也影響著視覺傳達(dá)設(shè)計(jì)的表現(xiàn)形式。視覺傳達(dá)設(shè)計(jì)中，任意一種圖形元素都對(duì)設(shè)計(jì)的表達(dá)起著至關(guān)重要的作用，視覺傳達(dá)設(shè)計(jì)中形式與內(nèi)涵的表達(dá)都離不開圖形，圖形在視覺表現(xiàn)上更為直接、直觀，能起到最有力的信息傳達(dá)作用以及與受眾良好溝通的效應(yīng)［1］。

一、何為圖形與人之間的互動(dòng)性

圖形與人之間的互動(dòng)性可理解為在視覺傳達(dá)設(shè)計(jì)中，具體到以包裝設(shè)計(jì)、招貼設(shè)計(jì)、書籍裝幀設(shè)計(jì)、導(dǎo)視設(shè)計(jì)、企業(yè)形象設(shè)計(jì)、界面設(shè)計(jì)等為主的，其中所應(yīng)用的圖形元素與人之間的互動(dòng)關(guān)系。這里的互動(dòng)關(guān)系有兩方面含義：一是在二維畫面之內(nèi)的，畫面中的圖形與人之間的互動(dòng)性；二是三維空間內(nèi)實(shí)實(shí)在在的人與圖形之間的互動(dòng)性。

二、圖形與人的互動(dòng)性表現(xiàn)形式

（一）二維畫面之間圖形與人的互動(dòng)

二維畫面之間圖形與人的互動(dòng)性主要體現(xiàn)在書籍裝幀設(shè)計(jì)、招貼設(shè)計(jì)、包裝設(shè)計(jì)等方面，而具體通過(guò)異形同構(gòu)原理、圖底關(guān)系、正負(fù)形、矛盾空間關(guān)系等方式呈現(xiàn)。此外，還運(yùn)用插畫的表現(xiàn)形式實(shí)現(xiàn)圖形與人的互動(dòng)。

1. 異形同構(gòu)原理

異形同構(gòu)，是指在招貼設(shè)計(jì)或廣告設(shè)計(jì)中將兩種以上的圖形素材，按圖形特征、特質(zhì)重新組合、拼接，構(gòu)成新的圖形圖案的方式，是視覺傳達(dá)設(shè)計(jì)中圖形創(chuàng)意的一種表現(xiàn)形式。

福田繁雄的招貼設(shè)計(jì)中很多運(yùn)用了異形同構(gòu)原理，如《F》系列（見圖1）、《貝多芬第九樂章》系列招貼等，異形同構(gòu)原理中圖形與人之間的互動(dòng)性，表現(xiàn)在通過(guò)圖形與人體上某個(gè)部位、元素的替換以及人作為圖形元素與其他圖形元素的結(jié)合的方式得以實(shí)現(xiàn)的。

圖1 《F》系列招貼

2. 圖底關(guān)系、正負(fù)形

正負(fù)形是由圖底關(guān)系轉(zhuǎn)變而來(lái)，二者相似，意指圖形的兩面性中形體本身（正形），即 “圖” 與其周圍的 “空白”（負(fù)形），即 “底” 之間的相互作用性。這種互動(dòng)關(guān)系包括圖形的邊線共用和圖底反轉(zhuǎn)兩方面內(nèi)容。

圖形的邊線共用指當(dāng)正形與負(fù)形相互借用，圖形的邊線隱含著兩種不同的明確含義。在這里，正負(fù)圖形各不相讓，正是由于這種抗衡與矛盾的顯示，使圖形得到了藝術(shù)化同形的特殊魅力，并使人在視覺上得到滿足與快感。

圖底關(guān)系，即圖形間彼此黑白的介入，表達(dá)了不同的含義，是 “一石二鳥” 的體現(xiàn)。在體會(huì)到圖形 “形” 的同時(shí)，能通過(guò)視錯(cuò)覺感受到一種隱藏于圖形間的 “底”。

圖底關(guān)系和正負(fù)形，都是通過(guò)眼睛的視錯(cuò)覺表現(xiàn)來(lái)實(shí)現(xiàn)的，而體現(xiàn)在圖形與人的互動(dòng)關(guān)系上則表現(xiàn)為運(yùn)用人體某些部位實(shí)現(xiàn)圖像與人的互動(dòng)關(guān)系。如福田繁雄1984 年《UCC 咖啡館》（見圖2）等招貼設(shè)計(jì)上都以完美的圖底關(guān)系、正負(fù)形理論來(lái)闡述圖形與人之間的互動(dòng)性。

圖2 《UCC 咖啡館》

3. 矛盾空間

視覺傳達(dá)設(shè)計(jì)中包含平面構(gòu)成理論，矛盾空間則是平面構(gòu)成中的重要部分。矛盾空間的形成通常是利用視點(diǎn)的轉(zhuǎn)換和交替，在二維平面上表現(xiàn)三維的立體形態(tài)，但在三維立體的形體中顯現(xiàn)出模棱兩可的視覺效果，造成空間混亂，形成了介于二維和三維之間的空間。它在平面設(shè)計(jì)中違背了透視原理，造成光影效果的錯(cuò)亂，使圖形隨著視線的改變呈現(xiàn)出不同的形體關(guān)系。簡(jiǎn)單來(lái)說(shuō)，它利用了人類視覺對(duì)光影的感知，而讓人錯(cuò)誤地認(rèn)為展現(xiàn)出的圖形為三維的立體形態(tài)。

圖形與人的互動(dòng)性關(guān)系體現(xiàn)在矛盾空間內(nèi)，即使用人這一圖形元素，借助矛盾空間內(nèi)的效果實(shí)現(xiàn)二者的結(jié)合，使畫面內(nèi)人與圖形建立關(guān)系、擁有互動(dòng)性。1999 年福田繁雄為日本松屋百貨所設(shè)計(jì)的招貼（見圖3）便是如此，通過(guò)矛盾空間將人這一圖形元素融入其中，形成相互的聯(lián)系性，以此體現(xiàn)圖形與人的互動(dòng)性。

4. 插畫表現(xiàn)

圖形與人之間的互動(dòng)性表現(xiàn)在插畫中，即運(yùn)用插畫的表現(xiàn)形式體現(xiàn)互動(dòng)性，也就是用插畫這一圖形元素融合人物元素產(chǎn)生關(guān)聯(lián)，進(jìn)而在畫面中產(chǎn)生互動(dòng)。如2017 年靳埭強(qiáng)設(shè)計(jì)獎(jiǎng)中《食·色》招貼（見圖4）和《黔秘·純香米酒》包裝（見圖5）上，便以此形式表達(dá)圖形與人之間的互動(dòng)性?！妒场ど氛匈N作者將人的器官與圖形結(jié)合，表現(xiàn)惹怒圖形的互動(dòng)關(guān)系，而《黔秘·純香米酒》使用甲骨文圖形元素表現(xiàn)農(nóng)耕時(shí)代人與事物的聯(lián)系，表現(xiàn)在畫面中則為人與圖形的互動(dòng)性。

圖3 1999 年日本松屋百貨招貼

圖4 靳埭強(qiáng)設(shè)計(jì)獎(jiǎng)2015《食·色》

圖5 靳埭強(qiáng)設(shè)計(jì)獎(jiǎng)2015《黔秘·純香米酒》包裝

（二）空間內(nèi)圖形與人之間的互動(dòng)性

1. 頁(yè)面設(shè)計(jì)

頁(yè)面設(shè)計(jì)中人與圖形的互動(dòng)性主要表現(xiàn)在界面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)方面，這種互動(dòng)是空間之內(nèi)，是頁(yè)面同人實(shí)實(shí)在在的互動(dòng)，這種互動(dòng)是用戶對(duì)視覺感官體驗(yàn)要求越來(lái)越高的表現(xiàn)。

在界面設(shè)計(jì)中，主要體現(xiàn)在手機(jī)系統(tǒng)界面的設(shè)計(jì)和電腦界面的設(shè)計(jì)上，這種互動(dòng)是人使用體驗(yàn)上的互動(dòng)，它是基于科技的不斷發(fā)展而愈發(fā)增強(qiáng)的。以手機(jī)界面設(shè)計(jì)來(lái)說(shuō)，界面內(nèi)主要元素為圖形，圖形的展現(xiàn)主要通過(guò)APP 圖標(biāo)、快捷導(dǎo)航圖標(biāo)等來(lái)呈現(xiàn)。在蘋果推出IOS7以前，桌面的圖標(biāo)設(shè)計(jì)樣式為擬物化設(shè)計(jì)，這可被理解為界面設(shè)計(jì)中圖形與人互動(dòng)性的開端。之所以會(huì)出現(xiàn)擬物化的設(shè)計(jì)實(shí)現(xiàn)圖形與人的互動(dòng)，是因?yàn)閿M物化圖形與實(shí)際物品相似，更具象、更具有親和力，這樣可以很好地與人互動(dòng)，達(dá)到良好的體驗(yàn)效果。

隨著科技的不斷發(fā)展和手機(jī)技術(shù)的不斷進(jìn)步，內(nèi)容逐漸增多，便捷易用成為又一個(gè)追求。因此，簡(jiǎn)約、簡(jiǎn)單、極致的扁平化設(shè)計(jì)隨之產(chǎn)生。由于扁平化設(shè)計(jì)在圖形表現(xiàn)上具有簡(jiǎn)潔、簡(jiǎn)單、不臃腫的特點(diǎn)，能帶給受眾更好的視覺體驗(yàn)，在手機(jī)界面上流行開來(lái)，也促使手機(jī)界面圖標(biāo)由擬物化向扁平化演變和發(fā)展，這種演變和發(fā)展既說(shuō)明了圖形變化發(fā)展的歷程，也證明了圖形與人之間的互動(dòng)關(guān)系一步步增強(qiáng)［2］。

網(wǎng)頁(yè)設(shè)計(jì)中圖形與人之間的互動(dòng)關(guān)系同樣是由視覺感官體驗(yàn)表現(xiàn)出來(lái)的，其通過(guò)簡(jiǎn)單的圖形、明快的色塊等在網(wǎng)頁(yè)界面中有效的排列與組合，形成有秩序、有層次的畫面，當(dāng)人進(jìn)入這一網(wǎng)頁(yè)后，通過(guò)視覺感官與網(wǎng)頁(yè)產(chǎn)生互動(dòng)關(guān)系。

2. 定格動(dòng)畫

定格動(dòng)畫是圖形與人互動(dòng)關(guān)系下產(chǎn)生的新的互動(dòng)形式，其類似于將一張張圖片連續(xù)播放。定格動(dòng)畫是通過(guò)拍攝與擺放結(jié)合的處理方法，并借助電腦制作這一手段而形成，即“將所拍攝的對(duì)象包括偶形、各種物件甚至人本身等，按照事先設(shè)計(jì)好的動(dòng)作不斷擺出各種姿態(tài)并移動(dòng)位置，當(dāng)拍攝好的影像按照每秒24 格的速度放映”［3］。動(dòng)作的更改、姿勢(shì)的變化、位置的變動(dòng)等一系列行為與人之間便是圖形與人之間互動(dòng)的表現(xiàn)。如《阿凡提》便是以定格動(dòng)畫的形式拍攝的木偶戲，即通過(guò)拍攝在同一場(chǎng)景內(nèi)人物這一主要圖形的動(dòng)作、姿勢(shì)、位置等的變化，運(yùn)用電腦手段形成最后的放映效果。

3. 互動(dòng)性招貼、書籍設(shè)計(jì)

招貼、書籍的表現(xiàn)形式，不僅可以表現(xiàn)其本身內(nèi)容，增加招貼、書籍的互動(dòng)性，而且可以增強(qiáng)設(shè)計(jì)趣味性，從而讓人有興趣去了解招貼所宣傳的內(nèi)容、去研讀一本書。

在互動(dòng)性招貼設(shè)計(jì)上，可以通過(guò)招貼與周圍環(huán)境的結(jié)合實(shí)現(xiàn)互動(dòng)關(guān)系或者通過(guò)招貼的內(nèi)部結(jié)構(gòu)與人之間的現(xiàn)實(shí)性互動(dòng)達(dá)成互動(dòng)關(guān)系。如麥當(dāng)勞把宣傳海報(bào)以拼圖的方式展現(xiàn)出來(lái)，在保證創(chuàng)意的基礎(chǔ)上，通過(guò)人與海報(bào)間 “拼接” 的關(guān)系達(dá)到良好的互動(dòng)效果。

互動(dòng)性書籍設(shè)計(jì)，又稱為概念性書籍設(shè)計(jì)，指不按照傳統(tǒng)的裝訂方式、印刷形式、裝幀設(shè)計(jì)和版式版面設(shè)計(jì)等制作的書籍，這類書籍一般在書的封皮、封底或內(nèi)頁(yè)通過(guò)鏤空、3D 立體畫、折頁(yè)等效果達(dá)到更強(qiáng)的趣味性和互動(dòng)性。如清華大學(xué)的錄取通知書便是利用3D 立體畫的表現(xiàn)形式達(dá)到良好互動(dòng)性的書籍設(shè)計(jì)。又如，設(shè)計(jì)師Kely Bean 制作了的 “書本筆記本”，將書和電子設(shè)備結(jié)合起來(lái)，形似筆記本電腦，屏幕可以發(fā)光，還帶有一個(gè)光驅(qū)，這個(gè)概念書與普通書的外觀并無(wú)其他差別，只是將內(nèi)頁(yè)挖空，并進(jìn)行巧妙的組合裝置，實(shí)現(xiàn)與人的良好互動(dòng)。

結(jié)語(yǔ)

圖形作為視覺傳達(dá)的重要因素，決定著信息傳遞的及時(shí)性、普遍性等，增強(qiáng)圖形與人之間的互動(dòng)性，不僅有利于在最短時(shí)間內(nèi)傳達(dá)并獲取有效信息，而且有利于增強(qiáng)宣傳的趣味性，以最快時(shí)間讓受眾感知宣傳內(nèi)容，達(dá)到最優(yōu)的宣傳效果。當(dāng)前，圖形的互動(dòng)性研究成為研究圖形的新方向，隨著科技的進(jìn)步與互聯(lián)網(wǎng)技術(shù)的普及，其將在融合數(shù)字媒體技術(shù)、藝術(shù)設(shè)計(jì)等學(xué)科的基礎(chǔ)上，為視覺傳達(dá)設(shè)計(jì)的研究注入新的內(nèi)容。