三頁式手機App引導頁視覺語言解讀

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

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

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

1 三頁式App引導頁的視覺結構

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

1.1 形式結構

引導頁采用三頁的形式結構，所有引導頁都有固定的模式（如圖1）。

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

1.2 敘事結構

引導頁的第一頁設置成生活中的各種狀況，圖1中為一個人物正在啃著食物，第二頁為正在閱讀互聯生活的App。App的版面以文字標出，頁面內容與正在發生的事件有一定的關聯，最后一頁與第一頁人物相同，描繪的是用戶使用App后發生的變化，本圖中顯示的是將食物變為了鍛煉器械，暗示了從開始第一頁設置的事件“原始”狀態到可以任意敘述的敘事“曲線”，第二頁是推動事件發生的原因（體驗應用），是事件發生的“頂峰”狀態，是事件發生的條件，最后，事件在第三頁發生轉變，進行情感的“釋放”，減輕了敘事的張力，明確地描繪了由“頂峰”狀態導致的結果。

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

1.3 圖形結構

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

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

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

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

2.1 圖形的轉喻

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

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

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

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

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

2.2 圖形的隱喻

設計作品中的隱喻可以理解為：“從一物到另一物的意義的轉換，一概念到他概念的轉換。”[2]隱喻在設計作品中經常使用，用于基本概念的表達。

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

2.3 圖形的“轉喻”和“隱喻”混合

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

3 結語

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

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

參考文獻：

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

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

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

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

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