圖形與人之間的互動性分析

邸小松 姚邴新

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

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

一、何為圖形與人之間的互動性

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

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

（一）二維畫面之間圖形與人的互動

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

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

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

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

圖1 《F》系列招貼

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

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

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

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

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

圖2 《UCC 咖啡館》

3. 矛盾空間

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

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

4. 插畫表現(xiàn)

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

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

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

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

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

1. 頁面設(shè)計

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

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

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

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

2. 定格動畫

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

3. 互動性招貼、書籍設(shè)計

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

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

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

結(jié)語

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