移动终端非遗电子读物的互动研究

王晨 谭坤 董薇 李悦萌

摘 要：从景泰蓝APP的信息架构、流程设计、界面设计、交互方式、功能层次等方面讲述了景泰蓝App互动体验游戏设计开发的流程及方法，为非遗类App开发者提供借鉴。

关键词：交互研究；界面设计；信息架构；交互流程

APP相对于传统的报纸、书籍、电脑在用户浏览方面有随意性，随时随地都可以浏览各种信息，并且具有共享性、交互性和便携性等特点。景泰蓝APP设计的初衷就是传承创新非遗文化，让更多的人了解景泰蓝。景泰蓝是北京的传统文化之一，北京人大多都知道景泰蓝，知道北京市珐琅厂，但真正进去过的人是少之又少。通过本APP能使各界人士更加了解景泰蓝文化，知道“铜胎掐丝珐琅”，了解其工艺，认识其大师，并且发扬传承景泰蓝文化。

1 基于移动终端景泰蓝交互产品的信息架构

（1）流程设计。用户点进来首先看到的是欢迎页，欢迎页进入后看到的是首页，首页里面有两个链接，一个是概述一个是体验。点进概述里面主要有五个链接，释义、历史、大师、工艺、返回。点击释义进入景泰蓝的解释；点击历史进入介绍景泰蓝的三个时期内容；点击大师进入目前比较知名的五个景泰蓝大师；点击工艺进入景泰蓝制作工艺的六个步骤；点击返回进入首页；点击体验按钮里面有四个链接，制作、收藏、商店、返回；点击制作里面有景泰蓝六个制作工艺的步骤，利用实景还原让用户模拟制作景泰蓝，最后到拍卖、收藏界面；点击收藏按钮进入上个步骤里制作成功的景泰蓝的瓶子能360度全角度欣赏；点击商店按钮可以购买景泰蓝的颜色和纹路；点击返回按钮进入首页。

（2）架构设计。在设计信息架构之前要分析景泰蓝所想要表达的内容和APP使用习惯。想要让用户了解景泰蓝首先要展示它的意义，它的历史，它的大师，它的工艺。其次，在文化传承的APP上根据APP使用黏度分析再加入交互的内容，围绕景泰蓝的工艺来制作一个实景还原的功能，让用户在移动设备上体验治胎、掐丝、点蓝、烧蓝、磨光、镀金。最后，根据游戏激励机制加入拍卖、收藏和商店功能。

2 基于移动终端景泰蓝交互产品的界面设计

图1 《景泰蓝》APP首页

（1）欢迎页及首页分析。本景泰蓝手持移动APP主要是以简洁大方为主，欢迎页底色主要是围绕景泰蓝的颜色“蓝”为主要颜色，中间放的是一个景泰蓝的香炉。主要表达景泰蓝的富丽堂皇，突出主题，界面中凸显布局设计特点，将人们的视线引向画面正中。此界面互动效果则借鉴其他已经发布APP的制作经验，一闪而过的视觉体验，采用淡入淡出的表现方式，展现景泰蓝典雅之美。进入首页，首先映入眼帘的是景泰蓝界面的logo，随后是景泰蓝手持移动的两大板块内容“概述”和“体验”，顾名思义就是要介绍景泰蓝和体验制作景泰蓝。最后则是景泰蓝的背景，特写的景泰蓝纹理加上红蓝相对的颜色，所选蓝色在表现景泰蓝蓝色主题颜色的同时暗喻景泰蓝工艺是一种精确、理性的工艺，而红颜色则表现景泰蓝工艺制作流程中至关重要的工艺步骤——烧蓝，在这极为重要的烧蓝步骤时，经过高温历练，景泰蓝胎身通体通红，这里便采用了烧蓝的红色作为主色，表现了景泰蓝高温灼烧的工艺过程。恰巧蓝颜色与红颜色为相对比色，加强了界面的视觉冲击，具有表现力，在红蓝两色中为避免色彩过于强烈对比、使用户有刺激感，故设计了白颜色进行中和调节，而白色对于手持移动的用户群体来说比较无彩色系的黑颜色会使视觉更舒适，避免刺激，所以选择白颜色更为合适，也更符合当下用户的清新、和缓的风格趋势，配合景泰蓝掐丝纹理更是体现景泰蓝主题，突显两个版块按钮。

（2）二级界面概述及体验分析。景泰蓝的概述主要分为四大块内容：释义、历史、大师、工艺。界面背景选择为景泰蓝的蓝色，配合景泰蓝的纹路特写，纹路处理淡雅，调节透明度使其融入蓝白颜色渐变的背景，产生层次感。该界面为二级界面，布局清晰，三个主要部分相互独立而又相互连接，该布局带给用户三个信息：当前页面在介绍“景泰蓝概述”；景泰蓝图像欣赏；概述的具体“导航按钮”。为了使导航按钮更加清晰突出，在色彩上选择了暗红色来引人注意，红色为大众普遍敏感的颜色，多用于重点表现，而亮红过于扎眼，视觉感并不好，故选择暗红色，既有重点之意又有沉稳大气之感。景泰蓝的互动体验也主要分为三块内容：制作、收藏、商店。制作：主要是想让用户通过实景还原的方式来自己制作一回景泰蓝，加深景泰藍制作工艺的印象。收藏：顾名思义，就是把上面自己制作出来的景泰蓝，收藏起来以便下次欣赏使用。商店：顾名思义，里面有更多景泰蓝在制作过程中需要使用的釉料（颜色）和掐丝图案（纹路）。但是需要用上面景泰蓝拍卖之后的金币来买，价格不一、各有特色。

3 基于移动终端景泰蓝交互产品的互动体验

本景泰蓝手持移动终端里在互动环节是支持360度观看的，只需用手指轻轻一划就可以实现。本功能前期是用景泰蓝的瓶子放在一个圆台上，用单反相机每隔15度拍一张，最后利用flash完成的这个效果。这个效果已在手持移动APP中广泛应用。360度虚拟浏览技术的真实性强，是实景场景的逼真摄影表现，如“中国古典家具”APP界面中的景物为360度虚拟浏览，帮助浏览者学习，也可以进行交互操作。例如，将鼠标（手指）左右滑动或者长按不放都会产生相应的交互变化，使操作过程变得趣味；拍摄制作比三维制作速度快；其导览性、交互操作性强，可与flash技术的导览无缝结合更好地体现产品主题，方便浏览用户，操作更加舒适。满足了用户的交互需要，的的确确使该产品增色不少。

4 总结

在大数据时代，APP的应用会根据用户下载不同的应用内容分析用户可能感兴趣的应用，更有针对性地推荐给用户。例如，百度视频App应用大数据实现个性化消息推送。APP的开发及营销向着智能、人文关怀的方向发展。App以其高普及率和用户黏度无疑会成为传播、应用非遗资源的新平台，让用户能从景泰蓝的制胎、掐丝、点蓝、磨光、镀金中一步一步体验，从“玩”的过程中深入了解景泰蓝及其他更多非物质文化遗产。特别是在青少年用户中传承与创新民族文化有着重要的意义。

参考文献：

[1] 刘子建，黄晟.限制机制在用户体验设计中的应用[J].包装工程，2012（4）：76-79.

[2] 任美琪，谢庆森.手机交互界面中图标的隐喻设计研究[J].包装工程，2014，35（4）：29-30.

[3] 王琳.品牌传播新媒介——品牌APP界面设计研究与探索[D].上海：东华大学，2014.