邸小松 姚邴新
(長春工業(yè)大學(xué) 藝術(shù)設(shè)計學(xué)院,吉林 長春 130000)
視覺傳達設(shè)計通過視覺符號的多種表現(xiàn)形式傳遞信息,而圖形、文字、色彩作為視覺傳達設(shè)計的三大要素,被認為是最為重要的視覺符號和信息傳遞的關(guān)鍵載體,其中又以圖形最為重要。圖形的應(yīng)用對視覺傳達設(shè)計的發(fā)展起著重要作用,也影響著視覺傳達設(shè)計的表現(xiàn)形式。視覺傳達設(shè)計中,任意一種圖形元素都對設(shè)計的表達起著至關(guān)重要的作用,視覺傳達設(shè)計中形式與內(nèi)涵的表達都離不開圖形,圖形在視覺表現(xiàn)上更為直接、直觀,能起到最有力的信息傳達作用以及與受眾良好溝通的效應(yīng)[1]。
圖形與人之間的互動性可理解為在視覺傳達設(shè)計中,具體到以包裝設(shè)計、招貼設(shè)計、書籍裝幀設(shè)計、導(dǎo)視設(shè)計、企業(yè)形象設(shè)計、界面設(shè)計等為主的,其中所應(yīng)用的圖形元素與人之間的互動關(guān)系。這里的互動關(guān)系有兩方面含義:一是在二維畫面之內(nèi)的,畫面中的圖形與人之間的互動性;二是三維空間內(nèi)實實在在的人與圖形之間的互動性。
二維畫面之間圖形與人的互動性主要體現(xiàn)在書籍裝幀設(shè)計、招貼設(shè)計、包裝設(shè)計等方面,而具體通過異形同構(gòu)原理、圖底關(guān)系、正負形、矛盾空間關(guān)系等方式呈現(xiàn)。此外,還運用插畫的表現(xiàn)形式實現(xiàn)圖形與人的互動。
1. 異形同構(gòu)原理
異形同構(gòu),是指在招貼設(shè)計或廣告設(shè)計中將兩種以上的圖形素材,按圖形特征、特質(zhì)重新組合、拼接,構(gòu)成新的圖形圖案的方式,是視覺傳達設(shè)計中圖形創(chuàng)意的一種表現(xiàn)形式。
福田繁雄的招貼設(shè)計中很多運用了異形同構(gòu)原理,如《F》系列(見圖1)、《貝多芬第九樂章》系列招貼等,異形同構(gòu)原理中圖形與人之間的互動性,表現(xiàn)在通過圖形與人體上某個部位、元素的替換以及人作為圖形元素與其他圖形元素的結(jié)合的方式得以實現(xiàn)的。
圖1 《F》系列招貼
2. 圖底關(guān)系、正負形
正負形是由圖底關(guān)系轉(zhuǎn)變而來,二者相似,意指圖形的兩面性中形體本身(正形),即 “圖” 與其周圍的 “空白”(負形),即 “底” 之間的相互作用性。這種互動關(guān)系包括圖形的邊線共用和圖底反轉(zhuǎn)兩方面內(nèi)容。
圖形的邊線共用指當(dāng)正形與負形相互借用,圖形的邊線隱含著兩種不同的明確含義。在這里,正負圖形各不相讓,正是由于這種抗衡與矛盾的顯示,使圖形得到了藝術(shù)化同形的特殊魅力,并使人在視覺上得到滿足與快感。
圖底關(guān)系,即圖形間彼此黑白的介入,表達了不同的含義,是 “一石二鳥” 的體現(xiàn)。在體會到圖形 “形” 的同時,能通過視錯覺感受到一種隱藏于圖形間的 “底”。
圖底關(guān)系和正負形,都是通過眼睛的視錯覺表現(xiàn)來實現(xiàn)的,而體現(xiàn)在圖形與人的互動關(guān)系上則表現(xiàn)為運用人體某些部位實現(xiàn)圖像與人的互動關(guān)系。如福田繁雄1984 年《UCC 咖啡館》(見圖2)等招貼設(shè)計上都以完美的圖底關(guān)系、正負形理論來闡述圖形與人之間的互動性。
圖2 《UCC 咖啡館》
3. 矛盾空間
視覺傳達設(shè)計中包含平面構(gòu)成理論,矛盾空間則是平面構(gòu)成中的重要部分。矛盾空間的形成通常是利用視點的轉(zhuǎn)換和交替,在二維平面上表現(xiàn)三維的立體形態(tài),但在三維立體的形體中顯現(xiàn)出模棱兩可的視覺效果,造成空間混亂,形成了介于二維和三維之間的空間。它在平面設(shè)計中違背了透視原理,造成光影效果的錯亂,使圖形隨著視線的改變呈現(xiàn)出不同的形體關(guān)系。簡單來說,它利用了人類視覺對光影的感知,而讓人錯誤地認為展現(xiàn)出的圖形為三維的立體形態(tài)。
圖形與人的互動性關(guān)系體現(xiàn)在矛盾空間內(nèi),即使用人這一圖形元素,借助矛盾空間內(nèi)的效果實現(xiàn)二者的結(jié)合,使畫面內(nèi)人與圖形建立關(guān)系、擁有互動性。1999 年福田繁雄為日本松屋百貨所設(shè)計的招貼(見圖3)便是如此,通過矛盾空間將人這一圖形元素融入其中,形成相互的聯(lián)系性,以此體現(xiàn)圖形與人的互動性。
4. 插畫表現(xiàn)
圖形與人之間的互動性表現(xiàn)在插畫中,即運用插畫的表現(xiàn)形式體現(xiàn)互動性,也就是用插畫這一圖形元素融合人物元素產(chǎn)生關(guān)聯(lián),進而在畫面中產(chǎn)生互動。如2017 年靳埭強設(shè)計獎中《食·色》招貼(見圖4)和《黔秘·純香米酒》包裝(見圖5)上,便以此形式表達圖形與人之間的互動性?!妒场ど氛匈N作者將人的器官與圖形結(jié)合,表現(xiàn)惹怒圖形的互動關(guān)系,而《黔秘·純香米酒》使用甲骨文圖形元素表現(xiàn)農(nóng)耕時代人與事物的聯(lián)系,表現(xiàn)在畫面中則為人與圖形的互動性。
圖3 1999 年日本松屋百貨招貼
圖4 靳埭強設(shè)計獎2015《食·色》
圖5 靳埭強設(shè)計獎2015《黔秘·純香米酒》包裝
1. 頁面設(shè)計
頁面設(shè)計中人與圖形的互動性主要表現(xiàn)在界面設(shè)計、網(wǎng)頁設(shè)計方面,這種互動是空間之內(nèi),是頁面同人實實在在的互動,這種互動是用戶對視覺感官體驗要求越來越高的表現(xiàn)。
在界面設(shè)計中,主要體現(xiàn)在手機系統(tǒng)界面的設(shè)計和電腦界面的設(shè)計上,這種互動是人使用體驗上的互動,它是基于科技的不斷發(fā)展而愈發(fā)增強的。以手機界面設(shè)計來說,界面內(nèi)主要元素為圖形,圖形的展現(xiàn)主要通過APP 圖標(biāo)、快捷導(dǎo)航圖標(biāo)等來呈現(xiàn)。在蘋果推出IOS7以前,桌面的圖標(biāo)設(shè)計樣式為擬物化設(shè)計,這可被理解為界面設(shè)計中圖形與人互動性的開端。之所以會出現(xiàn)擬物化的設(shè)計實現(xiàn)圖形與人的互動,是因為擬物化圖形與實際物品相似,更具象、更具有親和力,這樣可以很好地與人互動,達到良好的體驗效果。
隨著科技的不斷發(fā)展和手機技術(shù)的不斷進步,內(nèi)容逐漸增多,便捷易用成為又一個追求。因此,簡約、簡單、極致的扁平化設(shè)計隨之產(chǎn)生。由于扁平化設(shè)計在圖形表現(xiàn)上具有簡潔、簡單、不臃腫的特點,能帶給受眾更好的視覺體驗,在手機界面上流行開來,也促使手機界面圖標(biāo)由擬物化向扁平化演變和發(fā)展,這種演變和發(fā)展既說明了圖形變化發(fā)展的歷程,也證明了圖形與人之間的互動關(guān)系一步步增強[2]。
網(wǎng)頁設(shè)計中圖形與人之間的互動關(guān)系同樣是由視覺感官體驗表現(xiàn)出來的,其通過簡單的圖形、明快的色塊等在網(wǎng)頁界面中有效的排列與組合,形成有秩序、有層次的畫面,當(dāng)人進入這一網(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)人物這一主要圖形的動作、姿勢、位置等的變化,運用電腦手段形成最后的放映效果。
3. 互動性招貼、書籍設(shè)計
招貼、書籍的表現(xiàn)形式,不僅可以表現(xiàn)其本身內(nèi)容,增加招貼、書籍的互動性,而且可以增強設(shè)計趣味性,從而讓人有興趣去了解招貼所宣傳的內(nèi)容、去研讀一本書。
在互動性招貼設(shè)計上,可以通過招貼與周圍環(huán)境的結(jié)合實現(xiàn)互動關(guān)系或者通過招貼的內(nèi)部結(jié)構(gòu)與人之間的現(xiàn)實性互動達成互動關(guān)系。如麥當(dāng)勞把宣傳海報以拼圖的方式展現(xiàn)出來,在保證創(chuàng)意的基礎(chǔ)上,通過人與海報間 “拼接” 的關(guān)系達到良好的互動效果。
互動性書籍設(shè)計,又稱為概念性書籍設(shè)計,指不按照傳統(tǒng)的裝訂方式、印刷形式、裝幀設(shè)計和版式版面設(shè)計等制作的書籍,這類書籍一般在書的封皮、封底或內(nèi)頁通過鏤空、3D 立體畫、折頁等效果達到更強的趣味性和互動性。如清華大學(xué)的錄取通知書便是利用3D 立體畫的表現(xiàn)形式達到良好互動性的書籍設(shè)計。又如,設(shè)計師Kely Bean 制作了的 “書本筆記本”,將書和電子設(shè)備結(jié)合起來,形似筆記本電腦,屏幕可以發(fā)光,還帶有一個光驅(qū),這個概念書與普通書的外觀并無其他差別,只是將內(nèi)頁挖空,并進行巧妙的組合裝置,實現(xiàn)與人的良好互動。
圖形作為視覺傳達的重要因素,決定著信息傳遞的及時性、普遍性等,增強圖形與人之間的互動性,不僅有利于在最短時間內(nèi)傳達并獲取有效信息,而且有利于增強宣傳的趣味性,以最快時間讓受眾感知宣傳內(nèi)容,達到最優(yōu)的宣傳效果。當(dāng)前,圖形的互動性研究成為研究圖形的新方向,隨著科技的進步與互聯(lián)網(wǎng)技術(shù)的普及,其將在融合數(shù)字媒體技術(shù)、藝術(shù)設(shè)計等學(xué)科的基礎(chǔ)上,為視覺傳達設(shè)計的研究注入新的內(nèi)容。