摘 要：數(shù)字時(shí)代，手機(jī)閱讀客戶(hù)端、電子商務(wù)和自媒體編創(chuàng)制作等媒體發(fā)布平臺(tái)正越來(lái)越廣泛地影響和改變著現(xiàn)代人類(lèi)的閱讀習(xí)慣。數(shù)字化的生活對(duì)現(xiàn)階段高校藝術(shù)設(shè)計(jì)類(lèi)專(zhuān)業(yè)的版式設(shè)計(jì)課程教學(xué)提出了閱讀方式、視覺(jué)流程設(shè)定、交互體驗(yàn)等諸多方面的新的要求，本文從以上幾個(gè)方面對(duì)版式設(shè)計(jì)課程的新媒體互動(dòng)版式案例教學(xué)進(jìn)行初步研究與探討。

關(guān)鍵詞：交互界面；版式設(shè)計(jì)；實(shí)踐

我們正處在飛速發(fā)展的數(shù)字化時(shí)代，越來(lái)越多的產(chǎn)品包含著數(shù)字技術(shù)，越來(lái)越多的業(yè)務(wù)依賴(lài)于軟件。近二十年以來(lái)，“交互設(shè)計(jì)”這一概念從意識(shí)的產(chǎn)生到設(shè)計(jì)實(shí)踐的日漸成熟，也讓設(shè)計(jì)領(lǐng)域的從業(yè)者益發(fā)清楚地認(rèn)識(shí)與了解到：設(shè)計(jì)的出發(fā)點(diǎn)始終應(yīng)該做到以服務(wù)于人為中心，數(shù)字技術(shù)的發(fā)展同樣應(yīng)當(dāng)是以人為本的。同時(shí)，交互設(shè)計(jì)擴(kuò)展并豐富了媒體手段，它允許內(nèi)容不斷更新，給用戶(hù)提供了更多參與、評(píng)論和分享互動(dòng)的機(jī)會(huì)，使用戶(hù)可以從信息交互過(guò)程中獲取更豐富的體驗(yàn)和更多的樂(lè)趣。

版式設(shè)計(jì)作為當(dāng)前各大高校藝術(shù)設(shè)計(jì)類(lèi)專(zhuān)業(yè)的一門(mén)重要專(zhuān)業(yè)基礎(chǔ)課程，直接影響著學(xué)生以后的設(shè)計(jì)水平和能力發(fā)展。單從課程教學(xué)方面而言，版式設(shè)計(jì)在教學(xué)目的、施教方法、培養(yǎng)學(xué)生創(chuàng)新意識(shí)以及訓(xùn)練學(xué)生的理性思維能力等方面，盡管在前人探索的基礎(chǔ)上可以做到有規(guī)律可循，有章法可依，在文字、圖形及色彩運(yùn)用的版面構(gòu)成方面也有為讀者考慮的諸多因素。而在平板電腦、智能手機(jī)等各種新的傳播媒介撲面而來(lái)的今天，閱讀和瀏覽的方式正在發(fā)生著天翻地覆的變化，隨著數(shù)字化產(chǎn)品和用戶(hù)體驗(yàn)日趨復(fù)雜及功能的日益增多，人們對(duì)交互界面設(shè)計(jì)的需求變得益發(fā)迫切，因而從理論和實(shí)踐兩方面而言，對(duì)于交互界面設(shè)計(jì)的便捷化、人性化、合理化需要的研究也迫在眉睫。

一、重視版面視覺(jué)流程的設(shè)計(jì)以達(dá)到交互界面版式設(shè)計(jì)的目的

版式設(shè)計(jì)是基于人體工程學(xué)和視覺(jué)心理學(xué)來(lái)進(jìn)行的基礎(chǔ)設(shè)計(jì)學(xué)科。版面設(shè)計(jì)的根本目的是為了使信息傳達(dá)對(duì)于大多數(shù)讀者而言更加便于理解和接受，提高讀者對(duì)信息接收的效率，合理有序而又生動(dòng)地對(duì)圖、文、色彩等視覺(jué)元素進(jìn)行編排，最大程度地打破受眾群體與設(shè)計(jì)者之間信息交流的屏障。在這個(gè)組織版面的過(guò)程中，了解讀者習(xí)慣的閱讀方式，重視并合理地安排視覺(jué)流程，是準(zhǔn)確地完成信息傳達(dá)并期待讀者做出相應(yīng)反應(yīng)的重要前提。

版式設(shè)計(jì)的核心目標(biāo)就是吸引人的視線。當(dāng)下，最受讀者或用戶(hù)關(guān)注的莫過(guò)于社交媒體了，社交媒體的初衷無(wú)外乎人與人之間的信息分享。讀者用戶(hù)在瀏覽頁(yè)面時(shí)的視線移動(dòng)往往是隨著視覺(jué)所接受到的刺激而產(chǎn)生的，而這種用以吸引或分散用戶(hù)注意力的視覺(jué)刺激是可以由設(shè)計(jì)者控制的——即視覺(jué)流程的設(shè)定。視覺(jué)流程是由設(shè)計(jì)者在了解閱讀對(duì)象的視覺(jué)心理傾向的基礎(chǔ)上設(shè)置的視覺(jué)引導(dǎo)線，它必須遵循一條順暢的路徑，假若用戶(hù)評(píng)論一個(gè)界面設(shè)計(jì)“很擁擠”或者“感覺(jué)無(wú)所適從”的話(huà)，就意味著這個(gè)界面的設(shè)計(jì)方案無(wú)法流暢地引導(dǎo)他們的視線移動(dòng)。因此，設(shè)計(jì)者必須具備引導(dǎo)讀者視線的能力，運(yùn)用視覺(jué)心理和人體工學(xué)將重要的文圖素材醒目化，提高重要素材的“誘目性”，在此基礎(chǔ)上吸引讀者逐層關(guān)注版面繁雜的圖、文、色彩信息，以期達(dá)到設(shè)計(jì)者與讀者之間信息交互的目的。

二、新媒體界面的版式設(shè)計(jì)教學(xué)應(yīng)更注重藝術(shù)設(shè)計(jì)與交互設(shè)計(jì)的融合

如蔣杰《版式設(shè)計(jì)的新領(lǐng)域——互動(dòng)版式設(shè)計(jì)》一文所定義的：“互動(dòng)版式”作為概念的組合，是一種服務(wù)于以計(jì)算機(jī)交互技術(shù)為基礎(chǔ)的數(shù)字媒體，具體表現(xiàn)為以電子屏幕為顯示終端的信息編排處理形態(tài)。其本質(zhì)特征在于讀者可以通過(guò)各種交互設(shè)置對(duì)這種版式進(jìn)行操控，從而與之產(chǎn)生互動(dòng)?；?dòng)版式正在引發(fā)版式設(shè)計(jì)觀念的革新。

傳統(tǒng)的印刷版式和互動(dòng)版式在構(gòu)成的基本原理和形式方面有必然的承接和關(guān)聯(lián)，但二者因傳媒介質(zhì)的差異，設(shè)計(jì)的流程與手段也有很大不同。

新數(shù)字媒體側(cè)重于建立與用戶(hù)之間的連接與互動(dòng)關(guān)系，使用戶(hù)可以通過(guò)以手指觸摸屏幕或滑動(dòng)界面的方式自主選擇對(duì)媒體信息的瀏覽。實(shí)質(zhì)上，新媒體界面給用戶(hù)所展現(xiàn)的就是傳統(tǒng)的物理媒介物中紙張、圖文、影像、聲音的數(shù)字化表現(xiàn)。毋庸置疑的是，因?yàn)橛辛擞脩?hù)的參與，這種數(shù)字化表現(xiàn)不僅拓展了版面構(gòu)成的內(nèi)涵與外延，更在一定程度上拓寬了版式設(shè)計(jì)的空間，為版面的編排設(shè)計(jì)提供了更多可能性。在形式上，版式設(shè)計(jì)突破了傳統(tǒng)版面構(gòu)成的限制，特別是掌上媒體界面讓原本靜止的二維版面以動(dòng)態(tài)化、立體化呈現(xiàn)，富有感染力，給用戶(hù)更多參與性和切身感受，讓用戶(hù)的瀏覽體驗(yàn)更直接、更方便、更高效、更豐富也更加有趣。所以，新時(shí)期的新媒體界面版式的設(shè)計(jì)應(yīng)該特別注意藝術(shù)設(shè)計(jì)與網(wǎng)絡(luò)技術(shù)之間的融合，尤其是與交互技術(shù)的結(jié)合。從新媒介對(duì)版式設(shè)計(jì)的影響出發(fā)，落實(shí)到案例教學(xué)方面，版式設(shè)計(jì)課程可以以網(wǎng)頁(yè)界面、手機(jī)UI界面設(shè)計(jì)等實(shí)踐教學(xué)內(nèi)容為手段，研究在新媒介交互性的促發(fā)下，版式設(shè)計(jì)由“靜”到“動(dòng)”，再由“動(dòng)”到“互動(dòng)”的創(chuàng)新過(guò)程，并分析這種創(chuàng)新的互動(dòng)性、合理性以及藝術(shù)性和版式設(shè)計(jì)在新媒介界面中的發(fā)展趨勢(shì)與方向，對(duì)于更好地解決新時(shí)期學(xué)生設(shè)計(jì)思維和設(shè)計(jì)意識(shí)的問(wèn)題將有十分積極的意義。

三、新媒體互動(dòng)版式設(shè)計(jì)案例導(dǎo)入以使版式設(shè)計(jì)課程教學(xué)目標(biāo)明確化

對(duì)藝術(shù)設(shè)計(jì)專(zhuān)業(yè)教學(xué)的針對(duì)性和實(shí)用性要求越高，把握版式設(shè)計(jì)課程教學(xué)的重點(diǎn)就越要有側(cè)重性。這一問(wèn)題反映在當(dāng)前眾多高校的版式設(shè)計(jì)課程中，則需要對(duì)版面設(shè)計(jì)根本任務(wù)進(jìn)行深入研究和思考，在教學(xué)內(nèi)容和方法的設(shè)計(jì)方面多下工夫，杜絕以不明確的目標(biāo)、表面化的形式和裝飾方法的訓(xùn)練代替對(duì)版面設(shè)計(jì)教學(xué)的根本目標(biāo)、本質(zhì)任務(wù)的研究以及在此基礎(chǔ)上的訓(xùn)練。

案例教學(xué)法作為一種以模擬或重現(xiàn)生活場(chǎng)景將學(xué)生納入案例進(jìn)行研究與討論的教學(xué)方法，原本多用于法學(xué)、管理學(xué)等學(xué)科教學(xué)之中，但因其在教學(xué)實(shí)施過(guò)程中通過(guò)案例導(dǎo)入既可以分析、比較、研究、總結(jié)出成功和失敗的經(jīng)驗(yàn)，從中抽象出某些結(jié)論或基本規(guī)律，更可以讓學(xué)生通過(guò)自己的思考或與團(tuán)隊(duì)的思維碰撞來(lái)拓寬視野的特點(diǎn)，對(duì)藝術(shù)設(shè)計(jì)類(lèi)學(xué)科的版式設(shè)計(jì)教學(xué)亦有很好的借鑒和參考價(jià)值。 數(shù)字時(shí)代，數(shù)字雜志、掌上媒體、桌面視窗、觸摸媒體等眾多的新興媒體讓交互界面設(shè)計(jì)的研究變得更加多元化，多學(xué)科、多角度的剖析令交互設(shè)計(jì)理論顯得更加豐富，而為數(shù)眾多的新產(chǎn)品也正在展現(xiàn)交互界面設(shè)計(jì)的傳播優(yōu)勢(shì)。在此基礎(chǔ)上，針對(duì)課程內(nèi)容把既具有一定的代表性和普遍性，又能夠使學(xué)生觸類(lèi)旁通的新媒體界面設(shè)計(jì)的真實(shí)案例項(xiàng)目導(dǎo)入版式設(shè)計(jì)的課堂教學(xué)，緊扣教學(xué)內(nèi)容，重視應(yīng)用、科研與教學(xué)的結(jié)合，幫助學(xué)生從各個(gè)方面對(duì)所學(xué)版式設(shè)計(jì)原理、知識(shí)加以驗(yàn)證，引導(dǎo)學(xué)生變注重知識(shí)為注重能力，促進(jìn)能力提升、教學(xué)相長(zhǎng)、雙向交流，不僅可以使得課程教學(xué)目標(biāo)明確化，更能促使教師加深思考。

在手機(jī)閱讀客戶(hù)端、電子商務(wù)和自媒體編創(chuàng)制作、媒體發(fā)布平臺(tái)等新興網(wǎng)絡(luò)媒體大規(guī)模介入人們的生活之前，傳統(tǒng)媒體與讀者或用戶(hù)之間的交互關(guān)系是極少的。彼時(shí)高校藝術(shù)設(shè)計(jì)專(zhuān)業(yè)版式設(shè)計(jì)課程的主要研究對(duì)象是圖形、圖像、文字、色彩等基本版式構(gòu)成要素，以及點(diǎn)線面、視覺(jué)流程、網(wǎng)格結(jié)構(gòu)等版式設(shè)計(jì)法則。進(jìn)入數(shù)字時(shí)代之后，設(shè)計(jì)領(lǐng)域的絕大多數(shù)工作開(kāi)始借由計(jì)算機(jī)工具來(lái)實(shí)現(xiàn)，而且伴隨著數(shù)字科技的迅猛發(fā)展，原本專(zhuān)屬于平面設(shè)計(jì)領(lǐng)域的版面編排工作似乎已經(jīng)變成了任何一件只要能夠操作計(jì)算機(jī)輔助設(shè)計(jì)類(lèi)軟件的人都可以勝任的事情。這種情況下，高校在進(jìn)行藝術(shù)設(shè)計(jì)人才的培養(yǎng)方面則更加需要專(zhuān)注于設(shè)計(jì)的本質(zhì)來(lái)進(jìn)行，換句話(huà)說(shuō)，能否操作與版面編排相關(guān)的軟件與是否了解版式設(shè)計(jì)原理、交互心理并在此基礎(chǔ)上進(jìn)行版式設(shè)計(jì)是兩個(gè)截然不同的問(wèn)題，“為讀者或用戶(hù)考慮”“了解用戶(hù)想要什么”以及“如何提供用戶(hù)想要的視覺(jué)呈現(xiàn)”是時(shí)值信息時(shí)代的高校版式設(shè)計(jì)課程應(yīng)該著重研究與實(shí)踐的課題。

參考文獻(xiàn)：

[1] 蔣杰.版式設(shè)計(jì)的新領(lǐng)域——互動(dòng)版式設(shè)計(jì)[D].南京藝術(shù)學(xué)院，2002.

[2] 宮京成.當(dāng)版面成為界面：界面設(shè)計(jì)對(duì)新媒介時(shí)代報(bào)紙版式設(shè)計(jì)的幾點(diǎn)啟示[J].新聞界，2009（5）.

[3] 陳昭霓.視頻媒體中動(dòng)態(tài)版式設(shè)計(jì)[J].包裝工程，2010（6）.

[4] 陳慧.互動(dòng)—版式設(shè)計(jì)新“契機(jī)”[D].遼寧師范大學(xué)，2012.

[5] 陶海峰，孫屹，畢慧娟.新媒體語(yǔ)境下的版式設(shè)計(jì)研究[J].藝術(shù)教育，2015（3）.