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

關鍵詞：App引導頁；視覺語言

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

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

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

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

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

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

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

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

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

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

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

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

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

2 三頁手機引導頁的視覺語言

2.1 圖形的轉(zhuǎn)喻

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

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

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

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

轉(zhuǎn)喻同樣還可以通過對比的手法表現(xiàn)，這則引導頁展示的是“網(wǎng)購”版面的實用性，是通過閱讀了手機應用后，給漆黑的房間添加了燈光。在第一頁中，兩個白點代表貓的眼睛，但讀者只能在看到最后一頁看明白。黑色的頁面里什么都看不見，只有當燈光打開后，展示的兩個場景才是相同的場景，一個在黑暗中，一個在光明中，采用了對比手法。貓的眼睛是第一頁中唯一的元素，通過整體構(gòu)圖的知識前提，轉(zhuǎn)喻的是那個沒有燈光的場景，在某種程度上，黑暗本身創(chuàng)建了貓的存在，完成了一個轉(zhuǎn)喻關系，從而進一步轉(zhuǎn)喻為一個場景，但是只有在看完整個引導頁后才能理解。還要注意維護引導敘述的連貫性，因為第二頁不是在黑暗中，第二頁的角色完全是在不同的場景中的一個手機抽象圖形，第二頁的目的是表示因果關系，并不代表著事件的展開。

2.2 圖形的隱喻

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

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

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

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

3 結(jié)語

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

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

參考文獻：

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

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

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

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

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