三頁式手機(jī)App引導(dǎo)頁視覺語言解讀

摘 要：目的：解讀三頁式手機(jī)App引導(dǎo)頁的視覺語言，以期探尋一種App引導(dǎo)頁設(shè)計(jì)的固定模式。方法：以形式、敘事、圖形分析引導(dǎo)頁的視覺結(jié)構(gòu)，以隱喻和轉(zhuǎn)喻等角度解讀引導(dǎo)頁抽象圖形的視覺語言。結(jié)論：圖形能夠含有超越本身含義的概念，抽象的圖形元素可以完成概念的傳遞，固定的三頁形式具有獨(dú)特的視覺語言。

關(guān)鍵詞：App引導(dǎo)頁；視覺語言

“智能手機(jī)用戶每下載或更新一次手機(jī)App，進(jìn)入其功能界面之前的引導(dǎo)內(nèi)容被稱為前置型引導(dǎo)頁，一般用有趣的圖文和簡單的交互方式展現(xiàn)。”[1]手機(jī)App引導(dǎo)頁的形式多樣，用戶通過滑動手機(jī)屏幕閱讀引導(dǎo)頁，可以很愉悅地達(dá)到了解App功能和關(guān)鍵信息的目的。在紛繁復(fù)雜的App引導(dǎo)頁的設(shè)計(jì)過程中，筆者進(jìn)行了App引導(dǎo)頁設(shè)計(jì)固定模式的探索。本文將對三頁形式的引導(dǎo)頁進(jìn)行視覺語言結(jié)構(gòu)和圖形隱喻的解讀?！敖忉岆[喻的魅力在于其可能解釋的范圍和多樣性，并由此能夠在境遇的不斷轉(zhuǎn)換中去理解設(shè)計(jì)的過程?！盵2]

1 三頁式App引導(dǎo)頁的視覺結(jié)構(gòu)

本系列引導(dǎo)頁要表現(xiàn)的是用戶通過閱讀互聯(lián)生活A(yù)pp內(nèi)的各二級功能頁面內(nèi)容后，對用戶日常生活所產(chǎn)生的影響。通過手機(jī)程序控制，每次啟動App可隨機(jī)啟動一則引導(dǎo)頁。

1.1 形式結(jié)構(gòu)

引導(dǎo)頁采用三頁的形式結(jié)構(gòu)，所有引導(dǎo)頁都有固定的模式（如圖1）。

圖1是引導(dǎo)頁的平鋪效果圖，引導(dǎo)頁由三頁的視覺圖形組成，內(nèi)部圖形全部采用抽象的符號形式，三頁形式適合作為手機(jī)啟動引導(dǎo)頁，簡短有力，符號化的特征可以讓閱讀者快速理解，出現(xiàn)的文字也只有App內(nèi)二級頁面的名稱，目的是讓用戶的注意力都放在整個引導(dǎo)頁的閱讀上，手機(jī)滑動連貫閱讀，可以達(dá)到類似閱讀漫畫的效果。

1.2 敘事結(jié)構(gòu)

引導(dǎo)頁的第一頁設(shè)置成生活中的各種狀況，圖1中為一個人物正在啃著食物，第二頁為正在閱讀互聯(lián)生活的App。App的版面以文字標(biāo)出，頁面內(nèi)容與正在發(fā)生的事件有一定的關(guān)聯(lián)，最后一頁與第一頁人物相同，描繪的是用戶使用App后發(fā)生的變化，本圖中顯示的是將食物變?yōu)榱隋憻捚餍?，暗示了從開始第一頁設(shè)置的事件“原始”狀態(tài)到可以任意敘述的敘事“曲線”，第二頁是推動事件發(fā)生的原因（體驗(yàn)應(yīng)用），是事件發(fā)生的“頂峰”狀態(tài)，是事件發(fā)生的條件，最后，事件在第三頁發(fā)生轉(zhuǎn)變，進(jìn)行情感的“釋放”，減輕了敘事的張力，明確地描繪了由“頂峰”狀態(tài)導(dǎo)致的結(jié)果。

三頁引導(dǎo)頁的敘事結(jié)構(gòu)和連續(xù)的、線性的類似電影剪輯的漫畫形式的引導(dǎo)頁的敘事結(jié)構(gòu)不同。它將敘事作為一個總體結(jié)構(gòu)。在結(jié)構(gòu)中，每個子頁發(fā)揮著它的作用，這樣的敘事結(jié)構(gòu)在剪輯風(fēng)格的引導(dǎo)頁中并不適用。借鑒中國元代范德璣在《詩格》中的“起承轉(zhuǎn)合”理論和亞里士多德作詩的三幕理論，三頁引導(dǎo)頁的敘事結(jié)構(gòu)可以概括為“起——轉(zhuǎn)——降”。本系列的三頁引導(dǎo)頁一律采用相同的敘事結(jié)構(gòu)，每個結(jié)構(gòu)都是一個敘事單元，敘事總是戛然而止，刺激讀者的想象空間，引發(fā)用戶繼續(xù)使用App。

1.3 圖形結(jié)構(gòu)

除了敘事結(jié)構(gòu)和形式結(jié)構(gòu)，圖形結(jié)構(gòu)也是三頁引導(dǎo)頁的視覺語言的構(gòu)成要素。引導(dǎo)頁色彩比較明亮，有著一個純色的背景，采用的人物形象也是不同性別下抽象的固定符號，描繪成要去完成日常生活中的各種形象。雖然是抽象的符號，但是根據(jù)讀者所具備的文化知識，仍然能夠清楚地識別出形象的情感表達(dá)。

在這個系列的三頁漫畫中，代表事件描述頂峰的第二頁圖像是保持不變的，顯示的是App應(yīng)用圖標(biāo)，改變的只是App應(yīng)用的不同版面。

引導(dǎo)頁的重要組成部分，第一頁和第三頁代表著事件的開始和結(jié)束，他們在引導(dǎo)頁的結(jié)構(gòu)里相互呼應(yīng)。從圖形對應(yīng)的關(guān)系來說，它們可以顯示出三種不同的類型： （1）減少現(xiàn)有的圖形元素。（2）添加一個新的圖形元素。 （3）改變現(xiàn)有的圖形元素。大部分作品是對現(xiàn)有圖形元素的添加和減少，或者是用一個圖形元素替代另外一個圖形元素，所有這些類型都是為了頁面視覺語言的概念表達(dá)。

2 三頁手機(jī)引導(dǎo)頁的視覺語言

2.1 圖形的轉(zhuǎn)喻

“三頁引導(dǎo)頁”中抽象圖形所使用的轉(zhuǎn)喻，是用一件事物象征另外一件事物的概念的行為。轉(zhuǎn)喻的類型包含了整體的轉(zhuǎn)喻或是整體中的一部分事物的轉(zhuǎn)喻。總而言之，轉(zhuǎn)喻的元素一定與被轉(zhuǎn)的事物有一定的聯(lián)系。

當(dāng)用戶閱讀的是手機(jī)應(yīng)用的“幽默”版面時，一個小丑的鼻子被加到了人物的身上，這則引導(dǎo)頁能夠解釋轉(zhuǎn)喻的概念。網(wǎng)絡(luò)是流行的“幽默”，通常被認(rèn)為是滑稽的，可以給用戶的生活帶來詼諧的效果。圖中第二頁傳遞出的不是故事本身的因果關(guān)系，讀到段子后，人物并沒大笑或者微笑，而是添上了小丑鼻子，這是要傳遞出的效果，小丑鼻子是滑稽的符號，它轉(zhuǎn)喻的是閱讀應(yīng)用可以給人們帶來輕松娛樂的生活。

類似的轉(zhuǎn)喻用在了一條關(guān)于禮物版面的引導(dǎo)頁中，這則引導(dǎo)頁的版面是禮物，描繪的是人物的頭上沾滿了口紅。在一定程度上，口紅代表著女性，所以漫畫的意義可以被引申為，由于上下的關(guān)系，口紅和親吻就有了一定的關(guān)聯(lián)，親吻意味著給予者和接收者的親密關(guān)系，這樣豐富的唇印在暗示著接受禮物是使人快樂的。這里暗示：接受把報(bào)紙作為禮物的建議可以使伴侶快樂。在這里，口紅可以代表幸福，人們通過相互給予彼此禮物獲得幸福。

上面例子都是通過改變圖形元素達(dá)到概念傳遞的效果，轉(zhuǎn)喻也可以通過畫面減少元素實(shí)現(xiàn)。在一則有關(guān)汽車的畫面中，等公共汽車的三個人中少了中間那個，代表著這個人在閱讀引導(dǎo)頁中“汽車”的版面后，購買了汽車，從而不需要再等公共汽車，公共汽車是一種交通工具，這里描繪成在不舒適的下雪的天氣下，如果有私家車將會更加舒適，從而引申為App中的廣告對讀者是有益的。

轉(zhuǎn)喻同樣還可以通過對比的手法表現(xiàn)，這則引導(dǎo)頁展示的是“網(wǎng)購”版面的實(shí)用性，是通過閱讀了手機(jī)應(yīng)用后，給漆黑的房間添加了燈光。在第一頁中，兩個白點(diǎn)代表貓的眼睛，但讀者只能在看到最后一頁看明白。黑色的頁面里什么都看不見，只有當(dāng)燈光打開后，展示的兩個場景才是相同的場景，一個在黑暗中，一個在光明中，采用了對比手法。貓的眼睛是第一頁中唯一的元素，通過整體構(gòu)圖的知識前提，轉(zhuǎn)喻的是那個沒有燈光的場景，在某種程度上，黑暗本身創(chuàng)建了貓的存在，完成了一個轉(zhuǎn)喻關(guān)系，從而進(jìn)一步轉(zhuǎn)喻為一個場景，但是只有在看完整個引導(dǎo)頁后才能理解。還要注意維護(hù)引導(dǎo)敘述的連貫性，因?yàn)榈诙摬皇窃诤诎抵校诙摰慕巧耆窃诓煌膱鼍爸械囊粋€手機(jī)抽象圖形，第二頁的目的是表示因果關(guān)系，并不代表著事件的展開。

2.2 圖形的隱喻

設(shè)計(jì)作品中的隱喻可以理解為：“從一物到另一物的意義的轉(zhuǎn)換，一概念到他概念的轉(zhuǎn)換?！盵2]隱喻在設(shè)計(jì)作品中經(jīng)常使用，用于基本概念的表達(dá)。

在一則關(guān)于“職場”的引導(dǎo)頁中，隱喻的是改變原來的職業(yè)，或者是職業(yè)態(tài)度，第一頁的人物在坐著扶梯向下，而第三頁中相反是向上，強(qiáng)調(diào)的是積極的一面，隱喻的是抓住機(jī)遇，積極向前。無論是引導(dǎo)頁中扶梯的向上，還是讀者的從左至右的閱讀順序，都表現(xiàn)出了向上的態(tài)度。還要注意的是，“職業(yè)”的概念在視覺上并沒有表現(xiàn)出來，展示出的只有坐扶梯的人和使用App的人。隱喻創(chuàng)建了視覺語言框架，讓人形象地理解了引導(dǎo)頁所傳達(dá)出的概念。

2.3 圖形的“轉(zhuǎn)喻”和“隱喻”混合

隱喻和轉(zhuǎn)喻也可以通過混合達(dá)到概念混合的目的，除了一個概念的映射到另一個概念，也包含把兩個領(lǐng)域的概念映射到一個新的空間，使讀者不能完全確立概念隱喻的對應(yīng)關(guān)系，因?yàn)檫@種混合發(fā)生在一些概念不好傳達(dá)的新的空間，新出現(xiàn)的閱讀也有可能不能明確原來概念要傳達(dá)的含義?；旌闲偷碾[喻也可以用圖形元素來直接表達(dá)。在一則關(guān)于“科學(xué)”會讓你更聰明的文章中，轉(zhuǎn)喻使用了愛因斯坦的頭發(fā)的元素。但是閱讀App并不會讓你成為愛因斯坦，愛因斯坦只是在非真實(shí)的情況下傳達(dá)了高智商的概念。

3 結(jié)語

引導(dǎo)頁所使用的圖形元素可以利用相同的抽象概念，轉(zhuǎn)喻、隱喻和混合成為視覺語言形式。通常這些過程由一個標(biāo)志產(chǎn)生驅(qū)動，如口紅、小丑鼻子，或者是漫畫的蒸汽符號。這些標(biāo)志與其他的頁面所嵌入的內(nèi)容一起，調(diào)用了標(biāo)志的概念功能，代表了一個象征的符號的效果。可以說是整個作品驅(qū)動了轉(zhuǎn)喻、隱喻和混合，而不是僅僅只有一個符號所能實(shí)現(xiàn)。

此外，三頁引導(dǎo)頁也依賴于整體的文字和圖像，圖像展示含義，沒有文字解釋指明方向是不可能實(shí)現(xiàn)的。漫畫展示了圖形展示創(chuàng)造性的抽象概念的能力，也顯示了一個符號所能展示的概念網(wǎng)絡(luò)，通過圖形表達(dá)出了非常豐富的概念。通過這些手段，引導(dǎo)頁可以超越敘事的規(guī)范，表明連續(xù)的畫面不是僅僅只能模仿日?；顒樱@樣的視覺形式反映了視覺語言和其他形式語言并沒有天壤之別。由此可見，三頁形式的敘事結(jié)構(gòu)結(jié)合抽象的圖形元素作為引導(dǎo)頁的創(chuàng)作形式，可以形成獨(dú)特的引導(dǎo)頁創(chuàng)作風(fēng)格，成為手機(jī)App引導(dǎo)頁的一種類型。

參考文獻(xiàn)：

[1] 厲珺，楊志麟，時迪.系統(tǒng)論視野下的手機(jī)APP引導(dǎo)頁設(shè)計(jì)解讀[J].包裝工程，2015（20）：130-134.

[2] 阿德·斯諾德拉斯，理查德·克利.設(shè)計(jì)中的模型、隱喻與解釋學(xué)[J].藝術(shù)與科學(xué)（卷6），清華大學(xué)出版社，2007：172.

[3] 李立新.設(shè)計(jì)藝術(shù)學(xué)研究方法[M].江蘇美術(shù)出版社，2010：117.

[4] 林楠.移動APP手機(jī)引導(dǎo)頁類型設(shè)計(jì)分析研究[J].工業(yè)設(shè)計(jì)，2016（03）：63-64.

作者簡介：瞿新忠（1983—），男，設(shè)計(jì)藝術(shù)學(xué)碩士，常州輕工職業(yè)技術(shù)學(xué)院藝術(shù)設(shè)計(jì)系講師，研究方向：數(shù)字媒體藝術(shù)。