摘要:信息化時代,教材作為專用性書籍,在版面視覺語言傳達(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è)計。