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