王晨 譚坤 董薇 李悅萌

摘 要：從景泰藍(lán)APP的信息架構(gòu)、流程設(shè)計(jì)、界面設(shè)計(jì)、交互方式、功能層次等方面講述了景泰藍(lán)App互動(dòng)體驗(yàn)游戲設(shè)計(jì)開發(fā)的流程及方法，為非遺類App開發(fā)者提供借鑒。

關(guān)鍵詞：交互研究；界面設(shè)計(jì)；信息架構(gòu)；交互流程

APP相對于傳統(tǒng)的報(bào)紙、書籍、電腦在用戶瀏覽方面有隨意性，隨時(shí)隨地都可以瀏覽各種信息，并且具有共享性、交互性和便攜性等特點(diǎn)。景泰藍(lán)APP設(shè)計(jì)的初衷就是傳承創(chuàng)新非遺文化，讓更多的人了解景泰藍(lán)。景泰藍(lán)是北京的傳統(tǒng)文化之一，北京人大多都知道景泰藍(lán)，知道北京市琺瑯廠，但真正進(jìn)去過的人是少之又少。通過本APP能使各界人士更加了解景泰藍(lán)文化，知道“銅胎掐絲琺瑯”，了解其工藝，認(rèn)識其大師，并且發(fā)揚(yáng)傳承景泰藍(lán)文化。

1 基于移動(dòng)終端景泰藍(lán)交互產(chǎn)品的信息架構(gòu)

（1）流程設(shè)計(jì)。用戶點(diǎn)進(jìn)來首先看到的是歡迎頁，歡迎頁進(jìn)入后看到的是首頁，首頁里面有兩個(gè)鏈接，一個(gè)是概述一個(gè)是體驗(yàn)。點(diǎn)進(jìn)概述里面主要有五個(gè)鏈接，釋義、歷史、大師、工藝、返回。點(diǎn)擊釋義進(jìn)入景泰藍(lán)的解釋；點(diǎn)擊歷史進(jìn)入介紹景泰藍(lán)的三個(gè)時(shí)期內(nèi)容；點(diǎn)擊大師進(jìn)入目前比較知名的五個(gè)景泰藍(lán)大師；點(diǎn)擊工藝進(jìn)入景泰藍(lán)制作工藝的六個(gè)步驟；點(diǎn)擊返回進(jìn)入首頁；點(diǎn)擊體驗(yàn)按鈕里面有四個(gè)鏈接，制作、收藏、商店、返回；點(diǎn)擊制作里面有景泰藍(lán)六個(gè)制作工藝的步驟，利用實(shí)景還原讓用戶模擬制作景泰藍(lán)，最后到拍賣、收藏界面；點(diǎn)擊收藏按鈕進(jìn)入上個(gè)步驟里制作成功的景泰藍(lán)的瓶子能360度全角度欣賞；點(diǎn)擊商店按鈕可以購買景泰藍(lán)的顏色和紋路；點(diǎn)擊返回按鈕進(jìn)入首頁。

（2）架構(gòu)設(shè)計(jì)。在設(shè)計(jì)信息架構(gòu)之前要分析景泰藍(lán)所想要表達(dá)的內(nèi)容和APP使用習(xí)慣。想要讓用戶了解景泰藍(lán)首先要展示它的意義，它的歷史，它的大師，它的工藝。其次，在文化傳承的APP上根據(jù)APP使用黏度分析再加入交互的內(nèi)容，圍繞景泰藍(lán)的工藝來制作一個(gè)實(shí)景還原的功能，讓用戶在移動(dòng)設(shè)備上體驗(yàn)治胎、掐絲、點(diǎn)藍(lán)、燒藍(lán)、磨光、鍍金。最后，根據(jù)游戲激勵(lì)機(jī)制加入拍賣、收藏和商店功能。

2 基于移動(dòng)終端景泰藍(lán)交互產(chǎn)品的界面設(shè)計(jì)

圖1 《景泰藍(lán)》APP首頁

（1）歡迎頁及首頁分析。本景泰藍(lán)手持移動(dòng)APP主要是以簡潔大方為主，歡迎頁底色主要是圍繞景泰藍(lán)的顏色“藍(lán)”為主要顏色，中間放的是一個(gè)景泰藍(lán)的香爐。主要表達(dá)景泰藍(lán)的富麗堂皇，突出主題，界面中凸顯布局設(shè)計(jì)特點(diǎn)，將人們的視線引向畫面正中。此界面互動(dòng)效果則借鑒其他已經(jīng)發(fā)布APP的制作經(jīng)驗(yàn)，一閃而過的視覺體驗(yàn)，采用淡入淡出的表現(xiàn)方式，展現(xiàn)景泰藍(lán)典雅之美。進(jìn)入首頁，首先映入眼簾的是景泰藍(lán)界面的logo，隨后是景泰藍(lán)手持移動(dòng)的兩大板塊內(nèi)容“概述”和“體驗(yàn)”，顧名思義就是要介紹景泰藍(lán)和體驗(yàn)制作景泰藍(lán)。最后則是景泰藍(lán)的背景，特寫的景泰藍(lán)紋理加上紅藍(lán)相對的顏色，所選藍(lán)色在表現(xiàn)景泰藍(lán)藍(lán)色主題顏色的同時(shí)暗喻景泰藍(lán)工藝是一種精確、理性的工藝，而紅顏色則表現(xiàn)景泰藍(lán)工藝制作流程中至關(guān)重要的工藝步驟——燒藍(lán)，在這極為重要的燒藍(lán)步驟時(shí)，經(jīng)過高溫歷練，景泰藍(lán)胎身通體通紅，這里便采用了燒藍(lán)的紅色作為主色，表現(xiàn)了景泰藍(lán)高溫灼燒的工藝過程。恰巧藍(lán)顏色與紅顏色為相對比色，加強(qiáng)了界面的視覺沖擊，具有表現(xiàn)力，在紅藍(lán)兩色中為避免色彩過于強(qiáng)烈對比、使用戶有刺激感，故設(shè)計(jì)了白顏色進(jìn)行中和調(diào)節(jié)，而白色對于手持移動(dòng)的用戶群體來說比較無彩色系的黑顏色會(huì)使視覺更舒適，避免刺激，所以選擇白顏色更為合適，也更符合當(dāng)下用戶的清新、和緩的風(fēng)格趨勢，配合景泰藍(lán)掐絲紋理更是體現(xiàn)景泰藍(lán)主題，突顯兩個(gè)版塊按鈕。

（2）二級界面概述及體驗(yàn)分析。景泰藍(lán)的概述主要分為四大塊內(nèi)容：釋義、歷史、大師、工藝。界面背景選擇為景泰藍(lán)的藍(lán)色，配合景泰藍(lán)的紋路特寫，紋路處理淡雅，調(diào)節(jié)透明度使其融入藍(lán)白顏色漸變的背景，產(chǎn)生層次感。該界面為二級界面，布局清晰，三個(gè)主要部分相互獨(dú)立而又相互連接，該布局帶給用戶三個(gè)信息：當(dāng)前頁面在介紹“景泰藍(lán)概述”；景泰藍(lán)圖像欣賞；概述的具體“導(dǎo)航按鈕”。為了使導(dǎo)航按鈕更加清晰突出，在色彩上選擇了暗紅色來引人注意，紅色為大眾普遍敏感的顏色，多用于重點(diǎn)表現(xiàn)，而亮紅過于扎眼，視覺感并不好，故選擇暗紅色，既有重點(diǎn)之意又有沉穩(wěn)大氣之感。景泰藍(lán)的互動(dòng)體驗(yàn)也主要分為三塊內(nèi)容：制作、收藏、商店。制作：主要是想讓用戶通過實(shí)景還原的方式來自己制作一回景泰藍(lán)，加深景泰藍(lán)制作工藝的印象。收藏：顧名思義，就是把上面自己制作出來的景泰藍(lán)，收藏起來以便下次欣賞使用。商店：顧名思義，里面有更多景泰藍(lán)在制作過程中需要使用的釉料（顏色）和掐絲圖案（紋路）。但是需要用上面景泰藍(lán)拍賣之后的金幣來買，價(jià)格不一、各有特色。

3 基于移動(dòng)終端景泰藍(lán)交互產(chǎn)品的互動(dòng)體驗(yàn)

本景泰藍(lán)手持移動(dòng)終端里在互動(dòng)環(huán)節(jié)是支持360度觀看的，只需用手指輕輕一劃就可以實(shí)現(xiàn)。本功能前期是用景泰藍(lán)的瓶子放在一個(gè)圓臺上，用單反相機(jī)每隔15度拍一張，最后利用flash完成的這個(gè)效果。這個(gè)效果已在手持移動(dòng)APP中廣泛應(yīng)用。360度虛擬瀏覽技術(shù)的真實(shí)性強(qiáng)，是實(shí)景場景的逼真攝影表現(xiàn)，如“中國古典家具”APP界面中的景物為360度虛擬瀏覽，幫助瀏覽者學(xué)習(xí)，也可以進(jìn)行交互操作。例如，將鼠標(biāo)（手指）左右滑動(dòng)或者長按不放都會(huì)產(chǎn)生相應(yīng)的交互變化，使操作過程變得趣味；拍攝制作比三維制作速度快；其導(dǎo)覽性、交互操作性強(qiáng)，可與flash技術(shù)的導(dǎo)覽無縫結(jié)合更好地體現(xiàn)產(chǎn)品主題，方便瀏覽用戶，操作更加舒適。滿足了用戶的交互需要，的的確確使該產(chǎn)品增色不少。

4 總結(jié)

在大數(shù)據(jù)時(shí)代，APP的應(yīng)用會(huì)根據(jù)用戶下載不同的應(yīng)用內(nèi)容分析用戶可能感興趣的應(yīng)用，更有針對性地推薦給用戶。例如，百度視頻App應(yīng)用大數(shù)據(jù)實(shí)現(xiàn)個(gè)性化消息推送。APP的開發(fā)及營銷向著智能、人文關(guān)懷的方向發(fā)展。App以其高普及率和用戶黏度無疑會(huì)成為傳播、應(yīng)用非遺資源的新平臺，讓用戶能從景泰藍(lán)的制胎、掐絲、點(diǎn)藍(lán)、磨光、鍍金中一步一步體驗(yàn)，從“玩”的過程中深入了解景泰藍(lán)及其他更多非物質(zhì)文化遺產(chǎn)。特別是在青少年用戶中傳承與創(chuàng)新民族文化有著重要的意義。

參考文獻(xiàn)：

[1] 劉子建，黃晟.限制機(jī)制在用戶體驗(yàn)設(shè)計(jì)中的應(yīng)用[J].包裝工程，2012（4）：76-79.

[2] 任美琪，謝慶森.手機(jī)交互界面中圖標(biāo)的隱喻設(shè)計(jì)研究[J].包裝工程，2014，35（4）：29-30.

[3] 王琳.品牌傳播新媒介——品牌APP界面設(shè)計(jì)研究與探索[D].上海：東華大學(xué)，2014.