面向“非遺”傳承創(chuàng)新的電子讀物設(shè)計(jì)研究

譚 坤 唐蕓莉 呂悅寧

（北京電子科技職業(yè)學(xué)院，北京 100176）

面向“非遺”傳承創(chuàng)新的電子讀物設(shè)計(jì)研究

譚 坤 唐蕓莉 呂悅寧

（北京電子科技職業(yè)學(xué)院，北京 100176）

隨著屏幕的互聯(lián)化，社交式閱讀、拍照式閱讀、分享式閱讀的沉浸式普及，圖片、影像、動(dòng)畫、視音頻等富媒體的廣泛應(yīng)用都使得文字的作用逐步退化。非物質(zhì)文化遺產(chǎn)傳播的傳統(tǒng)載體如書籍、文獻(xiàn)、畫冊等正面臨巨大的挑戰(zhàn)。電子讀物為非遺傳承創(chuàng)新提供了一個(gè)高效、智能地平臺(tái)，本文從非遺電子讀物的應(yīng)用分類、策劃、界面設(shè)計(jì)等方面介紹了面向“非遺”傳承創(chuàng)新的電子讀物設(shè)計(jì)的方法。

讀屏?xí)r代；閱讀；非物質(zhì)文化遺產(chǎn)；電子讀物

一、讀屏?xí)r代的閱讀趨勢

隨著蘋果手機(jī)、平板電腦的廣泛應(yīng)用，屏幕已經(jīng)深入到我們生活中的方方面面，人類正在全面進(jìn)入讀屏?xí)r代。隨著屏幕技術(shù)不斷發(fā)展，人類社會(huì)到處都有屏幕。我們的閱讀屏幕可以是像googleglass這樣的智能可穿戴設(shè)備。我們的屏幕可以是投影、攝像頭等虛擬屏幕。通用汽車公司已經(jīng)研發(fā)出在汽車玻璃屏幕上進(jìn)行信息瀏覽及游戲功能設(shè)置，未來汽車、高鐵、飛機(jī)的窗戶玻璃也將成為我們的屏幕。隨著體感交互的發(fā)展，未來屏幕交互不僅局限于觸摸，體感交互將引領(lǐng)健康交互的潮流。無處不在的屏幕構(gòu)成了一個(gè)生態(tài)系統(tǒng)。當(dāng)屏幕功能變得更強(qiáng)大，屏幕將讓我們能“閱讀”一切東西，而不僅僅是文本。在讀屏?xí)r代，傳統(tǒng)的紙質(zhì)圖書、期刊、報(bào)紙的功能正在逐步被替代。

我們讀紙質(zhì)圖書的時(shí)間越來越少，最后我們發(fā)現(xiàn)我們的閱讀時(shí)間就只有公交、地鐵、甚至廁所…讀屏?xí)r代也隨之帶來了一些問題，兒童讀物變?yōu)椤岸疚铩?，電子讀物的開發(fā)有待沿著健康的道路發(fā)展。有報(bào)道稱農(nóng)村地區(qū)的春節(jié)原是民間民俗傳統(tǒng)文化的寶庫，然而，青少年的注意力更多地轉(zhuǎn)移到了屏幕世界中。他們對本地、本民族的傳統(tǒng)文化也就日漸陌生。越來越多的青少年成為“屏奴”，會(huì)對民間傳統(tǒng)文化的保留和傳承產(chǎn)生極大的負(fù)面影響?；谝苿?dòng)終端的非遺電子讀物的開發(fā)承載著積極的社會(huì)意義。

二、非遺電子讀物概述

就平臺(tái)分，電子讀物可以分為電腦終端和移動(dòng)終端。電腦終端的應(yīng)用可以分為單機(jī)版和網(wǎng)絡(luò)版。網(wǎng)絡(luò)版主要的載體是網(wǎng)頁，單機(jī)版主要的載體是多媒體光盤。移動(dòng)終端的應(yīng)用可以分為數(shù)字教材和APP應(yīng)用?；赑C終端的電子讀物以豐富的圖像、視音頻、動(dòng)畫、文字畫外音解說等多種媒體的交互試聽體驗(yàn)為主要表現(xiàn)形式，因此其內(nèi)容系統(tǒng)化、全面化、邏輯化，用戶根據(jù)需求可多次查閱，以精讀為主。電子讀物因其表現(xiàn)內(nèi)容碎片化、個(gè)性化、學(xué)習(xí)時(shí)間靈活化，通常以適合用戶掃視的閱讀內(nèi)容與互動(dòng)式體驗(yàn)相結(jié)合。非遺電子讀物的內(nèi)容載體主要分為三類：非遺類多媒體光盤設(shè)計(jì)（單機(jī)版）、非遺類網(wǎng)站設(shè)計(jì)（網(wǎng)絡(luò)版）、非遺類App應(yīng)用設(shè)計(jì)（移動(dòng)終端版）。非遺類的多媒體光盤設(shè)計(jì)和網(wǎng)站設(shè)計(jì)發(fā)揮大屏幕的優(yōu)勢，以全面介紹某種非遺資源為主。主要欄目內(nèi)容涵蓋：歷史由來、工藝流程、大師介紹、作品展示、風(fēng)俗奇趣、影音非遺、圖說非遺等。單機(jī)版的多媒體光盤側(cè)重運(yùn)用解說等音視頻、動(dòng)畫的綜合互動(dòng)體驗(yàn)。網(wǎng)絡(luò)版的網(wǎng)站側(cè)重非遺信息的實(shí)時(shí)更新及非遺資訊傳播。非遺類的App應(yīng)用設(shè)計(jì)將非遺內(nèi)容介紹與互動(dòng)體驗(yàn)操作相結(jié)合，側(cè)重讓用戶娛樂非遺。不論是哪種呈現(xiàn)形式，非遺讀物表達(dá)的核心內(nèi)容都包括：腳本策劃、交互方案、信息架構(gòu)、視覺設(shè)計(jì)、開發(fā)實(shí)現(xiàn)。

三、非遺電子讀物策劃

非遺電子讀物的策劃主要包括三個(gè)方面的內(nèi)容：選題與策劃、用戶研究、功能模塊。

（一）非遺電子讀物的選題與策劃

非遺項(xiàng)目選題應(yīng)遵循以下三個(gè)方面的原則，首先是個(gè)性化原則，個(gè)性化就是選題的獨(dú)創(chuàng)性。即作品在內(nèi)容、形式、展示平臺(tái)、交互手段、傳播角度及載體包裝等方面的創(chuàng)新。在確定選題前就應(yīng)該對現(xiàn)有的作品就行搜集并剖析，然后確定自己的主題與風(fēng)格，形成鮮明的個(gè)性特色，避免和已經(jīng)發(fā)布的作品重復(fù)雷同。其次是可行性原則選題的可行性原則指選題之前充分研究、分析實(shí)現(xiàn)該選題應(yīng)具備的主客觀條件，如實(shí)現(xiàn)的手段、平臺(tái)應(yīng)用、用戶特征等因素。再次是可表達(dá)性原則根據(jù)非遺項(xiàng)目特征選取可表達(dá)的展示方式。非遺電子讀物的項(xiàng)目策劃主要包括內(nèi)容載體、題材類型、電子讀物的名稱及含義、選題背景、中心思想及主線、產(chǎn)品的風(fēng)格、產(chǎn)品特色、技術(shù)方案、素材來源等方面的內(nèi)容。

（二）用戶研究

任何設(shè)計(jì)項(xiàng)目的策劃都需要做用戶研究，以針對目標(biāo)用戶群的需求展開策劃。非遺電子讀物的用戶研究，簡單的歸納為三個(gè)問題：誰是用戶？他們需要什么？我們的產(chǎn)品能提供什么？首先我們要通過問卷調(diào)查、直接訪談等形式收集用戶需求、分析用戶期望。其次，現(xiàn)有此類產(chǎn)品的下載購買量、產(chǎn)品功能、結(jié)構(gòu)、交互、視覺界面等優(yōu)缺點(diǎn)分析。進(jìn)而能對我們要開發(fā)的電子讀物有一個(gè)明確的產(chǎn)品定位，確立產(chǎn)品設(shè)計(jì)目標(biāo)。

（三）功能模塊

當(dāng)下的電子讀物主要可以分為兩大類，內(nèi)容瀏覽類和功能操作型。內(nèi)容瀏覽類需要關(guān)注電子讀物的導(dǎo)航與多種媒體的交互。功能操作型應(yīng)用，則需要通過任務(wù)分析的方法，以虛擬用戶的操作行為流程確定讀物的主要功能。在多媒體光盤《中國食文化》中有兩套導(dǎo)航系統(tǒng)：一是主界面中的實(shí)景導(dǎo)航，另一個(gè)是樹狀文字動(dòng)態(tài)導(dǎo)航。通過兩條平行的導(dǎo)航系統(tǒng)，用戶可以隨時(shí)選擇自己想瀏覽的版塊，明確自己所處的位置，隨時(shí)可以返回上層頁面或回到主導(dǎo)航頁，充分考慮到用戶瀏覽的需求。根據(jù)瀏覽內(nèi)容需要運(yùn)用恰當(dāng)?shù)拿襟w元素對中國食文化進(jìn)行全方位的介紹，圖像、解說、音視頻、動(dòng)畫等媒體元素人性化的交互與中國美學(xué)元素的完美配合帶給用戶賞心愉悅的試聽效果。由央美開發(fā)的《中國古典家具》App中介紹的五款家具都由家具介紹、榫卯結(jié)構(gòu)、裝飾紋樣、上漆工藝、木質(zhì)材料等五個(gè)功能模塊構(gòu)成。利用360旋轉(zhuǎn)展示、張合拆組家具、榫卯炸開，運(yùn)用物理感應(yīng)技術(shù)，有趣的交互激發(fā)人們主動(dòng)了解傳統(tǒng)文化的興趣。

四、非遺電子讀物界面設(shè)計(jì)

界面是每個(gè)電子讀物的根本之基，是承載著交互執(zhí)行的重要組成部分，界面設(shè)計(jì)本身并不是目的，設(shè)計(jì)是為了更好地傳播信息的手段。

（一）情節(jié)主線

設(shè)置的一條貫穿全作品的情節(jié)線，如主題、內(nèi)容、過程、人物、時(shí)間、工藝等。所有界面內(nèi)容的介紹都圍繞這條主線展開。如多媒體作品《中國食文化》中，以中國飲食文化中的“美味”、“佳境”、“悅目”為整體介紹的情節(jié)主線。情節(jié)線需要充分了解非遺主題核心內(nèi)涵，將核心內(nèi)容進(jìn)行歸類、提煉后按照一定的邏輯順序進(jìn)行設(shè)計(jì)。情節(jié)線是整個(gè)電子讀物的靈魂，能引起瀏覽者的共鳴，最大化的調(diào)動(dòng)瀏覽者的興趣。

（二）選題內(nèi)容與表達(dá)元素

圖2 電子讀物《天橋文化》界面

根據(jù)非遺選題內(nèi)容確定界面的主要表達(dá)元素。一般來說分為兩類：以內(nèi)容本身作訴求重點(diǎn)，充斥整個(gè)版面，顯得突出醒目，如圖1電子讀物《景泰藍(lán)》，以景泰藍(lán)的元素形象作為界面主要構(gòu)成元素；以內(nèi)容身后的文化內(nèi)涵作為訴求重點(diǎn)，充斥整個(gè)版面，顯得含蓄。如圖2電子讀物《天橋文化》界面采用的是繪畫情景下的二維動(dòng)畫演示的方式，還原老北京天橋市場的熱鬧街頭商業(yè)情景，以天橋文化內(nèi)容身后的市井文化內(nèi)涵作為界面的主要傳達(dá)元素。電子讀物最終的目的是要向?yàn)g覽者傳播來源于多個(gè)渠道的信息，尋找準(zhǔn)確的表達(dá)方向、直達(dá)設(shè)計(jì)目標(biāo)是至關(guān)重要的，選擇元素必須與表達(dá)讀物主題相符合，只是為了畫面的效果而堆砌傳統(tǒng)元素如同畫蛇添足，便失去了傳統(tǒng)元素運(yùn)用的目的。

（三）視覺表達(dá)

非遺電子讀物界面視覺元素表達(dá)主要包含三個(gè)方面的要素：版式、色彩、導(dǎo)航。版式可借鑒傳統(tǒng)書籍豎排的文字構(gòu)成方式，將以文字為主要元素的界面設(shè)計(jì)為豎排的文字，字體結(jié)合非遺內(nèi)容選取仿古字體，根據(jù)欄目頁內(nèi)容特征選取適合頁面表達(dá)風(fēng)格特征的底圖，并注意圖底與前景元素之間的對比協(xié)調(diào)關(guān)系。因界面中大量應(yīng)用非遺具象元素與背景圖結(jié)合表達(dá)的方式，應(yīng)特別注意圖像合成過程中的光影一致和色調(diào)一致。因表達(dá)傳統(tǒng)元素需要，色彩多采用一些低明度、低純度的色彩，要注意色彩的對比協(xié)調(diào)和無彩色與有彩色之間的搭配。同一色相不同明度和純度的色彩應(yīng)用時(shí)應(yīng)特別注意與其他色彩之間的對比，否則同類色的應(yīng)用容易協(xié)調(diào)但是也容易沉寂、死板。非遺類電子讀物的導(dǎo)航以實(shí)景導(dǎo)航為主，提取所選非遺主題的工藝或作品元素進(jìn)行實(shí)景導(dǎo)航設(shè)計(jì)。

五、結(jié)語

讀屏?xí)r代，改變了我們的閱讀方式，從兒童到老人都用屏幕進(jìn)行閱讀，數(shù)字閱讀呈現(xiàn)出全民化的趨勢。在現(xiàn)代社會(huì)繁忙、快速的生活節(jié)奏下，非遺電子讀物能幫助喚醒人們對于傳統(tǒng)文化的重視與認(rèn)同感。尤其是在青少年用戶群里傳播傳統(tǒng)文化，起到了積極的社會(huì)意義。電子讀物設(shè)計(jì)不是簡單的將紙質(zhì)讀物搬到屏幕的電子版。一個(gè)成功的電子讀物應(yīng)兼?zhèn)鋬?yōu)雅的界面視覺設(shè)計(jì)和流暢的、標(biāo)準(zhǔn)化的交互流程。缺少視覺感的電子讀物界面而就像沒有裝修的毛坯房,雖然實(shí)用但是缺乏視覺上的舒適感、趣味性和形式美,同樣,缺乏用戶體驗(yàn)的電子讀物界面雖然裝飾華麗,但是交互體驗(yàn)選擇混亂,缺乏基本的流暢性。因此，電子讀物的內(nèi)容、交互體驗(yàn)和視覺內(nèi)容設(shè)計(jì)具有同樣重要的作用。

[1]陳愚熹.展館空間中非物質(zhì)文化遺產(chǎn)展示的“情景還原”[D].北京：中國藝術(shù)研究院，2013.

[2]成陽.“融”“溶”之別─傳統(tǒng)視覺元素融入當(dāng)代設(shè)計(jì)的創(chuàng)新思路[J].裝飾，2013（6）：72-73.

[3]李熠琦.基于用戶黏度的社交休閑游戲交互設(shè)計(jì)方法研究[D].長沙：中南大學(xué)2011.

[4]黃永林，談國新.中國非物質(zhì)文化遺產(chǎn)數(shù)字化保護(hù)與開發(fā)研究[J].華中師范大學(xué)學(xué)報(bào)（人文社會(huì)科學(xué)版），2012（3）：49-55.

J524

A

1005-5312（2014）29-0024-02

北京電子科技職業(yè)學(xué)院資助培養(yǎng)校級(jí)骨干教師項(xiàng)目（000087_00140333_FCG）