三页式手机App引导页视觉语言解读

开篇：润墨网以专业的文秘视角，为您筛选了一篇三页式手机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] 厉B，杨志麟，时迪.系统论视野下的手机APP引导页设计解读[J].包装工程，2015（20）：130-134.

[2] 阿德・斯诺德拉斯，理查德・克利.设计中的模型、隐喻与解释学[J].艺术与科学（卷6），清华大学出版社，2007：172.

[3] 李立新.设计艺术学研究方法[M].江苏美术出版社，2010：117.

[4] 林楠.移动APP手机引导页类型设计分析研究[J].工业设计，2016（03）：63-64.

作者简介：瞿新忠（1983―），男，设计艺术学硕士，常州轻工职业技术学院艺术设计系讲师，研究方向：数字媒体艺术。