基于深度閱讀的高校紙媒教材交互體驗路徑探究

摘要：信息化時代，教材作為專用性書籍，在版面視覺語言傳達(dá)方面有所弱化，而在書籍裝幀設(shè)計中融入交互設(shè)計，可以呈現(xiàn)更豐富的藝術(shù)效果與精神價值。文章從這一角度出發(fā)并進(jìn)行深入思考，首先以書籍裝幀設(shè)計的平面視覺效果為具體研究對象，了解國內(nèi)高校教材裝幀設(shè)計的現(xiàn)狀，調(diào)研高校教材的視覺設(shè)計現(xiàn)狀，了解數(shù)字媒體技術(shù)發(fā)展水平，總結(jié)歸納交互設(shè)計與不同媒介融合的效果，依據(jù)產(chǎn)品進(jìn)行創(chuàng)新設(shè)計。闡述版面視覺設(shè)計與交互設(shè)計的融合對教材起到的輔助性作用，并在保證教材功能性與易讀性的基礎(chǔ)上，對《包裝設(shè)計》教材的創(chuàng)新性設(shè)計進(jìn)行總結(jié)概括。文章旨在通過版面設(shè)計、交互設(shè)計將教材的理論內(nèi)容與藝術(shù)性效果有效結(jié)合起來，嘗試做出視覺設(shè)計與交互體驗融合創(chuàng)新運用的高校教材，更好地體現(xiàn)教材內(nèi)容。通過對教材版面視覺元素與交互方式的創(chuàng)新設(shè)計，優(yōu)化教材視覺傳達(dá)效果，豐富內(nèi)容呈現(xiàn)方式，提升教材的閱讀質(zhì)量。了解高校教材開發(fā)水平，借鑒優(yōu)秀的作品，嘗試進(jìn)行創(chuàng)新性設(shè)計，可為高等教育的現(xiàn)代化發(fā)展提供助力。

關(guān)鍵詞：交互設(shè)計；包裝設(shè)計；教材類書籍；視覺設(shè)計；深度閱讀

中圖分類號：G237.9 文獻(xiàn)標(biāo)識碼：A 文章編號：1004-9436（2023）06-00-03

教育部印發(fā)的《關(guān)于加強高等學(xué)校本科教學(xué)工作提高教學(xué)質(zhì)量的若干意見》中明確提出，教材的編撰可以體現(xiàn)出我國教學(xué)水平與學(xué)術(shù)質(zhì)量，教材質(zhì)量的優(yōu)劣也將直接影響學(xué)生的學(xué)術(shù)發(fā)展水平。藝術(shù)專業(yè)作為一門綜合性較強的學(xué)科，對教材的內(nèi)容與視覺設(shè)計同等重視。藝術(shù)設(shè)計類教材不僅僅是知識的物質(zhì)載體，還是學(xué)生在視覺藝術(shù)形象上感知的首要“界面”［1］，具有重要作用。

1 高校教材版面視覺設(shè)計現(xiàn)狀

1.1 優(yōu)秀教材視覺設(shè)計調(diào)研

目前，教材的視覺設(shè)計會更注重整體性設(shè)計，主要從設(shè)計風(fēng)格、元素運用與交互體驗方面入手，全面體現(xiàn)教材的功能性、藝術(shù)性和工藝性等特點。

首先根據(jù)教材所屬類別選定恰當(dāng)?shù)娘L(fēng)格。把握好視覺設(shè)計的風(fēng)格呈現(xiàn)主要在于兩個關(guān)鍵要點，一是藝術(shù)產(chǎn)品的形式與功能相統(tǒng)一所呈現(xiàn)的特點，二是設(shè)計師的設(shè)計觀念與設(shè)計表現(xiàn)手法相統(tǒng)一而構(gòu)成的動力結(jié)構(gòu)，二者是統(tǒng)一的［2］。其次是版面視覺元素的靈活運用，可以從教材的主體中提取可用的視覺元素進(jìn)行版面設(shè)計，通過點、線、面的組合應(yīng)用體現(xiàn)出教材設(shè)計特點，促進(jìn)學(xué)生對視覺信息產(chǎn)生聯(lián)想。最后是教材融入數(shù)字媒介的交互體驗。主要借助數(shù)字教學(xué)平臺，數(shù)字交互設(shè)計有助于學(xué)生快速獲取信息，提升學(xué)生的學(xué)習(xí)效率。

1.2 高校教材視覺設(shè)計風(fēng)格分析

紙質(zhì)教材的設(shè)計風(fēng)格通過版面視覺語言來呈現(xiàn)，主要包括圖文、線條、色彩等元素。隨著藝術(shù)設(shè)計市場的多元化發(fā)展，新興技術(shù)的開發(fā)利用，高校的教材設(shè)計理念開始發(fā)生改變。

目前，國內(nèi)高校教材在紙媒視覺設(shè)計上主要運用點線面結(jié)構(gòu)進(jìn)行組合設(shè)計，整體呈現(xiàn)出簡約的風(fēng)格，并在數(shù)字平臺投放更多教學(xué)內(nèi)容，拓展學(xué)生的學(xué)習(xí)內(nèi)容，在學(xué)生獲取信息方面起到輔助作用。

2 高校教材深度閱讀與視覺信息傳播路徑構(gòu)建

隨著時代的發(fā)展，為豐富版面內(nèi)容，促進(jìn)讀者深度閱讀，數(shù)字交互設(shè)計廣泛應(yīng)用。運用數(shù)字化的互動方式應(yīng)遵循“以人為本”的原則。通過交互設(shè)計，加強人與物之間的聯(lián)系，提升產(chǎn)品的體驗性，以及加強與使用者之間的關(guān)系［3］。

2.1 視覺元素與數(shù)字媒介轉(zhuǎn)化交互體驗

數(shù)字媒體技術(shù)主要有音視頻、三維動畫等，可讓視覺元素得到更好的呈現(xiàn)。例如，藝術(shù)類教材中有很多結(jié)構(gòu)設(shè)計與產(chǎn)品案例，數(shù)字媒體技術(shù)可在虛擬空間快速呈現(xiàn)這些案例的實操步驟，相比平面文字闡述更加生動多元。此外，在視覺設(shè)計中須重點考慮閱讀過程中交互邏輯的合理性、教材的易讀性與深度閱讀的便捷性。在紙媒教材中常有利用二維碼鏈接進(jìn)入數(shù)字平臺的方式，其可以借助數(shù)字平臺內(nèi)容脫離紙質(zhì)書本，還可以快速查找信息，在截取內(nèi)容信息方面也方便學(xué)生保存記錄，減少操作工序。最后，數(shù)字平臺可設(shè)置討論頁面供學(xué)生討論和教師解答，還可供學(xué)生反復(fù)查看學(xué)習(xí)。

2.2 傳統(tǒng)媒介與數(shù)字媒介融合存在的問題

數(shù)字媒介的延伸應(yīng)用是為了更好地展示與豐富圖書內(nèi)容，但基于技術(shù)水平的差異，紙媒中融入的數(shù)字交互設(shè)計質(zhì)量參差不齊，內(nèi)容與功能上存在不足。

2.2.1 內(nèi)容上

部分圖書的數(shù)字融合內(nèi)容設(shè)置較為單調(diào)，比如一些英語教輔圖書數(shù)字平臺提供的內(nèi)容較少，主要是單詞音頻內(nèi)容。內(nèi)容缺乏深度加工，交互設(shè)計體現(xiàn)弱化，在提升圖書使用價值方面的作用有限。

2.2.2 功能上

部分圖書數(shù)字平臺放置過多可呈現(xiàn)的內(nèi)容，導(dǎo)致版面視覺效果呈現(xiàn)雜亂，并且數(shù)字平臺交互功能單一，在快速且精準(zhǔn)獲取內(nèi)容方面有些不足，容易讓使用者感到煩瑣，從而降低使用率。在深度閱讀方面也未能起到較好的促進(jìn)作用。

3 高校教材深度閱讀探索實踐

隨著科技的發(fā)展，讀者對閱讀的需求逐漸擺脫紙媒的二維局限。但書籍版式設(shè)計是裝幀藝術(shù)的核心和靈魂，合理的書籍版式設(shè)計可優(yōu)化高校教材深度閱讀效果。以《包裝設(shè)計》教材為例，從讀者的角度將視覺元素與數(shù)字媒體進(jìn)行轉(zhuǎn)化結(jié)合，呈現(xiàn)出更貼合視覺易讀性的設(shè)計思維。最后闡述視覺語言在書籍版式創(chuàng)新研究中的應(yīng)用，并增加數(shù)媒交互設(shè)計以克服平面化的閱讀局限。

3.1 視覺元素構(gòu)成在書籍版式中的創(chuàng)新應(yīng)用

書籍版式設(shè)計的創(chuàng)新首先要合理安排內(nèi)容，充分理解構(gòu)成設(shè)計在書籍版式中的應(yīng)用。藝術(shù)美法則主要有變化與統(tǒng)一、對稱與平衡、比例與尺度、對比與調(diào)和、節(jié)奏與韻律［4］。對包裝設(shè)計的教學(xué)內(nèi)容進(jìn)行深入調(diào)研可以發(fā)現(xiàn)，教科書類的圖書館擁有查詢的功能，有專業(yè)的工具書，其內(nèi)容表現(xiàn)方式與圖片之間的關(guān)系要清楚明了，便于使用者翻閱查找。教材中的視覺元素以圖片的形式展現(xiàn)，圖片的代表性、敘述能力等尤為重要。在教科書中，圖片的種類主要包括包裝產(chǎn)品作品、包裝設(shè)計步驟、實踐演示等幾個方面，在版式中呈現(xiàn)較多的視覺要素。點、線、面的是版式設(shè)計中的基本構(gòu)成元素，對于優(yōu)化版式布局、保證讀者的視覺流程易讀性、明晰書籍中各個視覺元素之間的層級關(guān)系起到了很大的作用。

3.1.1 文字元素

文字是書籍版式中形成節(jié)奏的主要元素。在教材書籍排版時，正文文字采用相同的字號、間距等排列方式，達(dá)到變化與統(tǒng)一的效果。書籍裝幀設(shè)計講究整體統(tǒng)一性，版式變化可形成視覺上的靈動性。選擇文字元素時，想要與書籍的色彩元素相配合，章節(jié)頁要采用書籍主色調(diào)中的綠色與白色，使其達(dá)到整體協(xié)調(diào)。色彩元素能夠營造圖書的整體氣氛，文字與色彩元素相結(jié)合能讓圖書的專業(yè)性得到進(jìn)一步提升。因此，包裝設(shè)計是一門綜合運用自然科學(xué)和美學(xué)知識的學(xué)科。

3.1.2 插圖元素

插圖可以起到增強畫面感、美化和豐富版式設(shè)計的作用，能使單一的文字排版活躍起來，成為文字視覺聯(lián)想的主體，并能擴(kuò)展讀者閱讀時的想象空間和鍛煉其形象思維［5］?！栋b設(shè)計》運用了大量的包裝案例，還特別采用了教材作者指導(dǎo)的優(yōu)秀學(xué)生作品范例，同時收錄了國內(nèi)外優(yōu)秀的包裝設(shè)計作品。其中，將實踐章節(jié)展現(xiàn)的學(xué)生作品與實踐案例結(jié)合，作為包裝設(shè)計的范例，具有很強的原創(chuàng)性，可使學(xué)生從中汲取靈感。最后，教材還將常態(tài)紙盒的概念、各式刀版平面圖與相關(guān)案例結(jié)合起來。

3.2 視覺元素構(gòu)成在數(shù)字媒體中的應(yīng)用

高校數(shù)字化教材建設(shè)服務(wù)于高校育人工作的開展與優(yōu)化，這要求高校數(shù)字化教材開發(fā)工作須呈現(xiàn)以教學(xué)需求為導(dǎo)向的原則［6］。在劉虹導(dǎo)師豐富的課程建設(shè)成果的基礎(chǔ)上，選取了“書本教材+網(wǎng)絡(luò)資源”這一新型的教學(xué)形式來設(shè)計《包裝設(shè)計》教材，不僅保留了紙質(zhì)教材的優(yōu)質(zhì)內(nèi)容，還進(jìn)一步拓展應(yīng)用了數(shù)字資源平臺的交互功能。

首先選用二維碼作為教材數(shù)字資源平臺的進(jìn)入方式，其次對教材文本內(nèi)容進(jìn)行數(shù)字化排版，教材中包含的圖片、表格等內(nèi)容均可放大顯示，便于學(xué)生觀察，最后學(xué)生可以運用數(shù)字平臺擁有的綜合交互功能學(xué)習(xí)，功能主要包括電子書批注功能、AR虛擬演示功能、師生交流功能等。

將數(shù)字資源與紙質(zhì)教材結(jié)合使用，可以增強教材的有用性和易讀性，對學(xué)生的自主學(xué)習(xí)和深入閱讀起到積極的促進(jìn)作用，對實現(xiàn)優(yōu)質(zhì)教學(xué)資源的共建共享起到積極的推動作用。

3.2.1 電子版式設(shè)計

電子教科書由封面、前言、正文和后記四個主要部分組成，其中正文內(nèi)容主要包括圖文、圖表等。電子版式設(shè)計應(yīng)秉承符合使用者的閱讀習(xí)慣、提高使用者的閱讀興趣的原則。例如，《包裝設(shè)計》電子教科書使用了固定排版的方式，保留了原紙媒教材中的版式，并且電子教材的顯示尺寸分別設(shè)有手機自適應(yīng)端與iPad等電腦端兩種分辨率版本。以iPad端顯示為例介紹，其尺寸設(shè)計為1024×768的分辨率，這一尺寸更有利于讀者觀看與使用，產(chǎn)生一種活潑且豐富多彩的設(shè)計感。

3.2.2 AR虛擬演示交互設(shè)計

AR是利用數(shù)字虛擬技術(shù)呈現(xiàn)出裸眼現(xiàn)實的感官效果，在移動設(shè)備端將二維平面內(nèi)容呈現(xiàn)出三維立體動畫內(nèi)容。這一技術(shù)在兒童繪本類書籍中較為常見，在教材類書籍中目前運用較少。

藝術(shù)設(shè)計類知識內(nèi)容通常包括設(shè)計概念、產(chǎn)品結(jié)構(gòu)、效果制作等。以包裝設(shè)計類的教材為例，刀版盒型結(jié)構(gòu)內(nèi)容較多，平面步驟展示圖需要一定的理解與思考過程，將其與AR交互技術(shù)相結(jié)合可以使結(jié)構(gòu)展示過程更加直觀、效果更加突出。學(xué)生運用數(shù)字平臺中的AR掃描技術(shù)掃描書籍中的盒型結(jié)構(gòu)插圖，能快速看到盒形的平面結(jié)構(gòu)是如何變?yōu)榱Ⅲw的產(chǎn)品狀態(tài)的。AR交互技術(shù)所擁有的超越現(xiàn)實的感官體驗有助于學(xué)生快速理解設(shè)計概念，使教學(xué)內(nèi)容更加豐富，并且視覺畫面的呈現(xiàn)效果將優(yōu)于口頭闡述的表達(dá)效果。

3.2.3 教學(xué)功能交互設(shè)計

將紙媒書籍教材與新媒體交互教學(xué)結(jié)合，能夠優(yōu)化電子書籍設(shè)計，具有添加筆記、標(biāo)記學(xué)習(xí)進(jìn)度、管理學(xué)習(xí)卡片等交互功能，方便讀者對文本內(nèi)容進(jìn)行標(biāo)記處理，還可節(jié)約查詢信息的時間。

閱讀時可以通過手指點觸屏幕的交互方式選取需要標(biāo)記的文字，選取文字后會彈出選項：拷貝、重點、筆記搜索與共享。選取重點對所需標(biāo)記的文段進(jìn)行色塊或文字標(biāo)記，如同在紙質(zhì)書本上做筆記的重點畫取。在文字色塊表面選取色相飽和與透明度較低的色彩元素，選用不同顏色區(qū)分文字內(nèi)容，自帶點、線、面三種標(biāo)注選擇。點擊筆記選項后出現(xiàn)寫字面板增加筆記，系統(tǒng)根據(jù)內(nèi)容標(biāo)記自動歸類文件，并在選取的文字段落增加小圖形元素圖標(biāo)進(jìn)行標(biāo)記。

設(shè)置線上溝通平臺，交互設(shè)計在數(shù)字教材中體現(xiàn)為學(xué)生間和師生間通過電子設(shè)備進(jìn)行非面對面溝通，如設(shè)置討論頁面供學(xué)生之間討論和教師解答，供全體學(xué)生查看學(xué)習(xí)。在數(shù)字化教材內(nèi)容的更新過程中，可以為學(xué)生提供表達(dá)自身意見的平臺與機會，為增強書籍學(xué)習(xí)能力，教材中設(shè)計案例與實踐結(jié)合較多，可以在知識學(xué)習(xí)后動手制作，第一時間與教師溝通，并方便教師教學(xué)。使用數(shù)字化教材，應(yīng)更加重視探究性學(xué)習(xí)，引導(dǎo)學(xué)生進(jìn)一步拓展設(shè)計思路、提升學(xué)生小組團(tuán)隊合作的實踐操作能力等，從而使學(xué)生的學(xué)習(xí)積極性得到極大提升。

4 結(jié)語

本文在國家教材編寫的新規(guī)定與順應(yīng)新時代、新環(huán)境、新事物的大背景下，對高校紙媒教材進(jìn)行創(chuàng)新設(shè)計探究。主要對視覺元素與數(shù)字媒體轉(zhuǎn)化交互體驗在理性邏輯的掌控下，使教材類書籍的版式設(shè)計產(chǎn)生視覺美感并提升閱讀體驗這一問題展開論述。從視覺語言、視覺元素等信息，到常見的交互設(shè)計方法，剖析應(yīng)用型教材的版式設(shè)計風(fēng)格。從學(xué)生好用、實用、夠用的角度出發(fā)，提升內(nèi)容的趣味性，將文字與圖片相結(jié)合，突出案例，創(chuàng)新其呈現(xiàn)形式。紙質(zhì)圖書有電子圖書無法取代的特性，要充分結(jié)合人們的閱讀習(xí)慣，將書籍視覺元素與交互相結(jié)合，從而集中閱讀者的注意力。通過改善教材版式設(shè)計，改進(jìn)實踐教學(xué)，提高包裝設(shè)計專業(yè)學(xué)生對課程的興趣，增強實際操作能力，豐富高校包裝設(shè)計專業(yè)教材內(nèi)容。

參考文獻(xiàn)：

［1］ 余洋.面向?qū)W生的“紙質(zhì)界面”優(yōu)化：基于中日美術(shù)教材版式設(shè)計的比較［J］.裝飾，2019（1）：106-108.

［2］ 晏星.圖像·色彩·材料·風(fēng)格：論書籍裝幀藝術(shù)設(shè)計的構(gòu)成因素［J］.保定師范?？茖W(xué)校學(xué)報，2003（3）：56-58.

［3］ 石磊.現(xiàn)代書籍版式構(gòu)成與表現(xiàn)［D］.長春：東北師范大學(xué)，2006.

［4］ 周明明.構(gòu)成在書籍版式創(chuàng)新思路中的應(yīng)用研究［J］.大眾文藝，2015（1）：56.

［5］ 莊妍.交互設(shè)計在書籍設(shè)計中的應(yīng)用淺析［J］.西部皮革，2018，40（4）：110.

［6］ 趙洛育.媒介融合背景下高校理工類教材數(shù)字化出版研究［J］.文化產(chǎn)業(yè)，2021（18）：153-154.

作者簡介：趙浩雯（2000—），女，山東濰坊人，本科在讀，研究方向：視覺傳達(dá)設(shè)計。

馬朦朦（1999—），女，河南新鄉(xiāng)人，本科在讀，研究方向：視覺傳達(dá)設(shè)計。

劉虹（1973—），女，遼寧丹東人，碩士，講師，系本文通訊作者，研究方向：視覺傳達(dá)設(shè)計。