文化與科技發(fā)展密不可分,隨著智能手機(jī)和移動(dòng)網(wǎng)絡(luò)的普及,非遺更加迫切地需要保護(hù)與傳承的新方法和新途徑,在拇指化閱讀的讀屏?xí)r代,借助信息技術(shù)、移動(dòng)網(wǎng)絡(luò)等技術(shù)手段來(lái)探索適合當(dāng)下大眾傳播習(xí)慣的新形式與載體。將非遺可視化、情景化、碎片化地應(yīng)用在移動(dòng)終端設(shè)備上,滿足低頭一族對(duì)于文化產(chǎn)品的閱讀需要,實(shí)現(xiàn)非遺快速、有效的傳播與展示。在本書(shū)中你將學(xué)習(xí)到可視化App、H5設(shè)計(jì)開(kāi)發(fā)平臺(tái)的使用,幫助設(shè)計(jì)師和非遺愛(ài)好者輕松編輯、發(fā)布、分享作品。本書(shū)共分為七章,從拇指時(shí)代的閱讀特征到移動(dòng)端非遺數(shù)字悅讀的策劃、設(shè)計(jì)、視覺(jué)表現(xiàn)、交互策略及設(shè)計(jì)開(kāi)發(fā)全過(guò)程,以典型案例重點(diǎn)講述了基于移動(dòng)終端的非遺數(shù)字產(chǎn)品設(shè)計(jì)方法和技術(shù)實(shí)現(xiàn)手段。本書(shū)適合各藝術(shù)設(shè)計(jì)院校、設(shè)計(jì)工作室使用,也適用于對(duì)傳統(tǒng)文化感興趣的讀者。
譚坤,女,北京電子科技職業(yè)學(xué)院藝術(shù)設(shè)計(jì)學(xué)院傳媒藝術(shù)設(shè)計(jì)系副教授。主要從事跨終端數(shù)字出版物設(shè)計(jì)、民族文化數(shù)字化表現(xiàn)的研究工作。2005年畢業(yè)于北京服裝學(xué)院藝術(shù)設(shè)計(jì)學(xué)院電腦藝術(shù)設(shè)計(jì)專業(yè),本科。2008年畢業(yè)于北京服裝學(xué)院藝術(shù)設(shè)計(jì)學(xué)院新媒體與動(dòng)畫(huà)專業(yè),碩士。清華大學(xué)美術(shù)學(xué)院信息藝術(shù)設(shè)計(jì)系研修一年。2009年、2013年兩次赴英國(guó)參加數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)學(xué)習(xí)。傳媒藝術(shù)設(shè)計(jì)教學(xué)團(tuán)隊(duì)骨干教師,數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)(互動(dòng)方向)學(xué)科帶頭人,2017年北京市優(yōu)秀青年拔尖人才。 工作期間主持參與多項(xiàng)科研與教學(xué)項(xiàng)目的研究工作。主持完成手持移動(dòng)終端App圖形界面設(shè)計(jì)研究、大數(shù)據(jù)背景下的交互設(shè)計(jì)探究等校級(jí)重點(diǎn)課題研究。作為骨干教師參與民族文化傳承與創(chuàng)新專業(yè)教學(xué)資源庫(kù)建設(shè),順利通過(guò)驗(yàn)收,目前作為骨干成員參與民族文化傳承與創(chuàng)新專業(yè)教學(xué)資源庫(kù)的升級(jí)改進(jìn)項(xiàng)目建設(shè)。參與完成北京市面上課題《中國(guó)五色學(xué)說(shuō)體系探索與應(yīng)用研究》、北京市哲學(xué)社會(huì)課題《首都城市色彩體系構(gòu)建研究》。主持或參與校企合作橫向課題3項(xiàng),為企事業(yè)單位提供了平面設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)等方面的社會(huì)服務(wù)。參與建設(shè)北京市精品課、院級(jí)精品課一門(mén)。自2009年至今連續(xù)七年教學(xué)質(zhì)量考核優(yōu)秀,指導(dǎo)學(xué)生參加北京市動(dòng)漫設(shè)計(jì)競(jìng)賽獲得二等獎(jiǎng)、三等獎(jiǎng)等十余項(xiàng)獎(jiǎng)項(xiàng)。多次獲得校級(jí)優(yōu)秀畢業(yè)設(shè)計(jì)(論文)指導(dǎo)教師稱號(hào)。近三年發(fā)表論文、作品十余篇,其中,《基于微信平臺(tái)的H5廣告設(shè)計(jì)策略分析》、《非遺傳承創(chuàng)新語(yǔ)境下的App界面設(shè)計(jì)研究》、《故宮旅游紀(jì)念品設(shè)計(jì)》等學(xué)術(shù)論文和作品在核心期刊發(fā)表。主編教材5部,其中《互動(dòng)媒體產(chǎn)品藝術(shù)設(shè)計(jì)》為教育部十二五規(guī)劃教材,在甲類出版社出版《跨終端數(shù)字讀物設(shè)計(jì)非遺選題應(yīng)用》、《高密聶家莊泥塑》等教材。
第1章 拇指時(shí)代的閱讀與非遺數(shù)字傳播
1.1 拇指時(shí)代的閱讀 002
1.1.1 數(shù)字閱讀成為主流閱讀方式 002
1.1.2 從讀屏到小屏,從小屏到碎屏 003
1.1.3 數(shù)字閱讀是閱讀的革命還是革掉閱讀的命 004
1.1.4 數(shù)字閱讀轉(zhuǎn)向數(shù)字悅讀 005
1.2 非遺數(shù)字化保護(hù)與傳播 007
1.2.1 記錄瀕臨消失的非遺 008
1.2.2 便于存儲(chǔ)維護(hù)和展示 008
1.2.3 便于穿越時(shí)空傳播 010
1.2.4 沉浸式的視聽(tīng)體驗(yàn) 010
1.3 非遺數(shù)字化保護(hù)與傳播路徑 012
1.3.1 原汁原味的素材采集與處理 012
1.3.2 趣味性的體驗(yàn)動(dòng)畫(huà)制作 013
1.3.3 富媒體體驗(yàn)的電子讀物 014
1.3.4 學(xué)習(xí)體驗(yàn)于一體的移動(dòng)終端App 015
1.3.5 便于分享的 H5和公眾號(hào) 017
1.3.6 沉浸式的虛擬體驗(yàn) 017
1.3.7 受眾喜愛(ài)的文博探索節(jié)目 019
第2章 別出心裁的策劃創(chuàng)意
2.1 選題小切口引出大文化 022
2.2 腳本抽象概念化作具象事物 024
2.3 層級(jí)深度與廣度的平衡 026
2.4 交互讀者與內(nèi)容之間的情感聯(lián)系 027
2.4.1 針對(duì)信息溝通的行為流程 028
2.4.2 清晰明了的導(dǎo)航設(shè)計(jì) 029
2.4.3 隱喻明確的交互圖標(biāo)設(shè)計(jì) 032
第3章 界面設(shè)計(jì)中的多維策略
3.1 拙巧相依的界面風(fēng)格 035
3.1.1 界面風(fēng)格的拙 035
3.1.2 界面元素的巧 036
3.2 構(gòu)建界面中的視覺(jué)流程 039
3.2.1 視覺(jué)焦點(diǎn) 039
3.2.2 視覺(jué)動(dòng)線 042
3.2.3 界面中的動(dòng)效 044
3.3 營(yíng)造界面中的視覺(jué)空間 046
3.3.1 光影空間 046
3.3.2 場(chǎng)景空間 047
3.3.3 漸變對(duì)比 048
3.3.4 虛實(shí)對(duì)比 049
3.4 處理界面中的元素細(xì)節(jié) 050
3.4.1 文字印象 050
3.4.2 讀圖心理 053
第4章 營(yíng)造沉浸式的交互體驗(yàn)
4.1 展覽式沉浸的體驗(yàn) 059
4.2 虛擬式沉浸的體驗(yàn) 060
4.3 體感式沉浸的體驗(yàn) 063
4.4 跨介質(zhì)沉浸的體驗(yàn) 064
4.5 場(chǎng)景沉浸式的體驗(yàn) 065
4.6 游戲沉浸式的體驗(yàn) 067
4.7 三維沉浸式的體驗(yàn) 070
4.8 一鏡到底沉浸式的體驗(yàn) 072
第5章 適合精讀的App設(shè)計(jì)
5.1 子界面實(shí)現(xiàn)圖片的滑動(dòng) 077
5.1.1 案例描述 077
5.1.2 案例實(shí)現(xiàn) 077
5.2 按鍵實(shí)現(xiàn)圖層的顯示與隱藏 080
5.2.1 案例描述 080
5.2.2 案例實(shí)現(xiàn) 081
5.3 腳本應(yīng)用與橫豎版面切換 090
5.3.1 案例描述 090
5.3.2 案例實(shí)現(xiàn) 090
5.4 錨點(diǎn)實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)與圖文滑動(dòng)中的準(zhǔn)確定位 097
5.4.1 案例描述 097
5.4.2 案例實(shí)現(xiàn) 097
5.5 全景圖交互展示 360瀏覽 104
5.5.1 案例描述 104
5.5.2 案例實(shí)現(xiàn) 105
第6章 適合碎片化閱讀的H5頁(yè)面設(shè)計(jì)
6.1 預(yù)置動(dòng)畫(huà)實(shí)現(xiàn)幻燈播放型頁(yè)面 112
6.1.1 案例描述 112
6.1.2 案例實(shí)現(xiàn) 113
6.2 遮罩動(dòng)畫(huà)實(shí)現(xiàn)細(xì)節(jié)展示型頁(yè)面 120
6.2.1 案例描述 120
6.2.2 案例實(shí)現(xiàn) 120
6.3 全景圖實(shí)現(xiàn)場(chǎng)景體驗(yàn)型頁(yè)面 127
6.3.1 案例描述 127
6.3.2 案例實(shí)現(xiàn) 127
6.4 360拖拽實(shí)現(xiàn)沉浸體驗(yàn)型頁(yè)面 131
6.4.1 案例描述 131
6.4.2 案例實(shí)現(xiàn) 132
6.5 改變?cè)貙傩詫?shí)現(xiàn)交互游戲型頁(yè)面 135
6.5.1 案例描述 135
6.5.2 案例實(shí)現(xiàn) 135
第7章 指閱讀下的非遺數(shù)字傳播案例
7.1 濰坊風(fēng)箏App設(shè)計(jì)項(xiàng)目 142
7.1.1 項(xiàng)目描述 142
7.1.2 濰坊風(fēng)箏App信息架構(gòu)設(shè)計(jì) 142
7.1.3 交互設(shè)計(jì)構(gòu)思 144
7.1.4 設(shè)計(jì)開(kāi)發(fā)過(guò)程 147
7.1.5 案例延展 168
7.2 聶來(lái)捏趣H5頁(yè)面設(shè)計(jì) 169
7.2.1 項(xiàng)目設(shè)計(jì)背景 169
7.2.2 設(shè)計(jì)開(kāi)發(fā)創(chuàng)意 171
7.2.3 同類產(chǎn)品分析 172
7.2.4 交互設(shè)計(jì)構(gòu)思 173
7.2.5 信息架構(gòu)設(shè)計(jì) 176
7.2.6 設(shè)計(jì)開(kāi)發(fā)過(guò)程 176
7.2.7 案例延展 200
參考文獻(xiàn) 202