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

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

關鍵詞：交互設計；包裝設計；教材類書籍；視覺設計；深度閱讀

中圖分類號：G237.9 文獻標識碼：A 文章編號：1004-9436（2023）06-00-03

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

1 高校教材版面視覺設計現狀

1.1 優秀教材視覺設計調研

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

首先根據教材所屬類別選定恰當的風格。把握好視覺設計的風格呈現主要在于兩個關鍵要點，一是藝術產品的形式與功能相統一所呈現的特點，二是設計師的設計觀念與設計表現手法相統一而構成的動力結構，二者是統一的［2］。其次是版面視覺元素的靈活運用，可以從教材的主體中提取可用的視覺元素進行版面設計，通過點、線、面的組合應用體現出教材設計特點，促進學生對視覺信息產生聯想。最后是教材融入數字媒介的交互體驗。主要借助數字教學平臺，數字交互設計有助于學生快速獲取信息，提升學生的學習效率。

1.2 高校教材視覺設計風格分析

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

目前，國內高校教材在紙媒視覺設計上主要運用點線面結構進行組合設計，整體呈現出簡約的風格，并在數字平臺投放更多教學內容，拓展學生的學習內容，在學生獲取信息方面起到輔助作用。

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

隨著時代的發展，為豐富版面內容，促進讀者深度閱讀，數字交互設計廣泛應用。運用數字化的互動方式應遵循“以人為本”的原則。通過交互設計，加強人與物之間的聯系，提升產品的體驗性，以及加強與使用者之間的關系［3］。

2.1 視覺元素與數字媒介轉化交互體驗

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

2.2 傳統媒介與數字媒介融合存在的問題

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

2.2.1 內容上

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

2.2.2 功能上

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

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

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

3.1 視覺元素構成在書籍版式中的創新應用

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

3.1.1 文字元素

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

3.1.2 插圖元素

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

3.2 視覺元素構成在數字媒體中的應用

高校數字化教材建設服務于高校育人工作的開展與優化，這要求高校數字化教材開發工作須呈現以教學需求為導向的原則［6］。在劉虹導師豐富的課程建設成果的基礎上，選取了“書本教材+網絡資源”這一新型的教學形式來設計《包裝設計》教材，不僅保留了紙質教材的優質內容，還進一步拓展應用了數字資源平臺的交互功能。

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

將數字資源與紙質教材結合使用，可以增強教材的有用性和易讀性，對學生的自主學習和深入閱讀起到積極的促進作用，對實現優質教學資源的共建共享起到積極的推動作用。

3.2.1 電子版式設計

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

3.2.2 AR虛擬演示交互設計

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

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

3.2.3 教學功能交互設計

將紙媒書籍教材與新媒體交互教學結合，能夠優化電子書籍設計，具有添加筆記、標記學習進度、管理學習卡片等交互功能，方便讀者對文本內容進行標記處理，還可節約查詢信息的時間。

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

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

4 結語

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

參考文獻：

［1］ 余洋.面向學生的“紙質界面”優化：基于中日美術教材版式設計的比較［J］.裝飾，2019（1）：106-108.

［2］ 晏星.圖像·色彩·材料·風格：論書籍裝幀藝術設計的構成因素［J］.保定師范?？茖W校學報，2003（3）：56-58.

［3］ 石磊.現代書籍版式構成與表現［D］.長春：東北師范大學，2006.

［4］ 周明明.構成在書籍版式創新思路中的應用研究［J］.大眾文藝，2015（1）：56.

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

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

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

馬朦朦（1999—），女，河南新鄉人，本科在讀，研究方向：視覺傳達設計。

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