文化與科技發(fā)展密不可分,隨著智能手機(jī)和移動(dòng)網(wǎng)絡(luò)的普及,非遺更加迫切地需要保護(hù)與傳承的新方法和新途徑,在拇指化閱讀的讀屏?xí)r代,借助信息技術(shù)、移動(dòng)網(wǎng)絡(luò)等技術(shù)手段來探索適合當(dāng)下大眾傳播習(xí)慣的新形式與載體。將非遺可視化、情景化、碎片化地應(yīng)用在移動(dòng)終端設(shè)備上,滿足低頭一族對于文化產(chǎn)品的閱讀需要,實(shí)現(xiàn)非遺快速、有效的傳播與展示。在本書中你將學(xué)習(xí)到可視化App、H5設(shè)計(jì)開發(fā)平臺的使用,幫助設(shè)計(jì)師和非遺愛好者輕松編輯、發(fā)布、分享作品。本書共分為七章,從拇指時(shí)代的閱讀特征到移動(dòng)端非遺數(shù)字悅讀的策劃、設(shè)計(jì)、視覺表現(xiàn)、交互策略及設(shè)計(jì)開發(fā)全過程,以典型案例重點(diǎn)講述了基于移動(dòng)終端的非遺數(shù)字產(chǎn)品設(shè)計(jì)方法和技術(shù)實(shí)現(xiàn)手段。本書適合各藝術(shù)設(shè)計(jì)院校、設(shè)計(jì)工作室使用,也適用于對傳統(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)畫專業(yè),碩士。清華大學(xué)美術(shù)學(xué)院信息藝術(shù)設(shè)計(jì)系研修一年。2009年、2013年兩次赴英國參加數(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ì)探究等校級重點(diǎn)課題研究。作為骨干教師參與民族文化傳承與創(chuàng)新專業(yè)教學(xué)資源庫建設(shè),順利通過驗(yàn)收,目前作為骨干成員參與民族文化傳承與創(chuàng)新專業(yè)教學(xué)資源庫的升級改進(jìn)項(xiàng)目建設(shè)。參與完成北京市面上課題《中國五色學(xué)說體系探索與應(yīng)用研究》、北京市哲學(xué)社會(huì)課題《首都城市色彩體系構(gòu)建研究》。主持或參與校企合作橫向課題3項(xiàng),為企事業(yè)單位提供了平面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等方面的社會(huì)服務(wù)。參與建設(shè)北京市精品課、院級精品課一門。自2009年至今連續(xù)七年教學(xué)質(zhì)量考核優(yōu)秀,指導(dǎo)學(xué)生參加北京市動(dòng)漫設(shè)計(jì)競賽獲得二等獎(jiǎng)、三等獎(jiǎng)等十余項(xiàng)獎(jiǎng)項(xiàng)。多次獲得校級優(yōu)秀畢業(yè)設(shè)計(jì)(論文)指導(dǎo)教師稱號。近三年發(fā)表論文、作品十余篇,其中,《基于微信平臺的H5廣告設(shè)計(jì)策略分析》、《非遺傳承創(chuàng)新語境下的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 便于存儲維護(hù)和展示 008
1.2.3 便于穿越時(shí)空傳播 010
1.2.4 沉浸式的視聽體驗(yàn) 010
1.3 非遺數(shù)字化保護(hù)與傳播路徑 012
1.3.1 原汁原味的素材采集與處理 012
1.3.2 趣味性的體驗(yàn)動(dòng)畫制作 013
1.3.3 富媒體體驗(yàn)的電子讀物 014
1.3.4 學(xué)習(xí)體驗(yàn)于一體的移動(dòng)終端App 015
1.3.5 便于分享的 H5和公眾號 017
1.3.6 沉浸式的虛擬體驗(yàn) 017
1.3.7 受眾喜愛的文博探索節(jié)目 019
第2章 別出心裁的策劃創(chuàng)意
2.1 選題小切口引出大文化 022
2.2 腳本抽象概念化作具象事物 024
2.3 層級深度與廣度的平衡 026
2.4 交互讀者與內(nèi)容之間的情感聯(lián)系 027
2.4.1 針對信息溝通的行為流程 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)建界面中的視覺流程 039
3.2.1 視覺焦點(diǎn) 039
3.2.2 視覺動(dòng)線 042
3.2.3 界面中的動(dòng)效 044
3.3 營造界面中的視覺空間 046
3.3.1 光影空間 046
3.3.2 場景空間 047
3.3.3 漸變對比 048
3.3.4 虛實(shí)對比 049
3.4 處理界面中的元素細(xì)節(jié) 050
3.4.1 文字印象 050
3.4.2 讀圖心理 053
第4章 營造沉浸式的交互體驗(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 場景沉浸式的體驗(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)頁面的跳轉(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頁面設(shè)計(jì)
6.1 預(yù)置動(dòng)畫實(shí)現(xiàn)幻燈播放型頁面 112
6.1.1 案例描述 112
6.1.2 案例實(shí)現(xiàn) 113
6.2 遮罩動(dòng)畫實(shí)現(xiàn)細(xì)節(jié)展示型頁面 120
6.2.1 案例描述 120
6.2.2 案例實(shí)現(xiàn) 120
6.3 全景圖實(shí)現(xiàn)場景體驗(yàn)型頁面 127
6.3.1 案例描述 127
6.3.2 案例實(shí)現(xiàn) 127
6.4 360拖拽實(shí)現(xiàn)沉浸體驗(yàn)型頁面 131
6.4.1 案例描述 131
6.4.2 案例實(shí)現(xiàn) 132
6.5 改變元素屬性實(shí)現(xiàn)交互游戲型頁面 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ì)開發(fā)過程 147
7.1.5 案例延展 168
7.2 聶來捏趣H5頁面設(shè)計(jì) 169
7.2.1 項(xiàng)目設(shè)計(jì)背景 169
7.2.2 設(shè)計(jì)開發(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ì)開發(fā)過程 176
7.2.7 案例延展 200
參考文獻(xiàn) 202