電子雜志的互動(dòng)版面設(shè)計(jì)

郭文娟

（河北美術(shù)學(xué)院 環(huán)境藝術(shù)學(xué)院，河北 石家莊 050700）

電子雜志的互動(dòng)版面設(shè)計(jì)

郭文娟

（河北美術(shù)學(xué)院 環(huán)境藝術(shù)學(xué)院，河北 石家莊 050700）

在新媒體時(shí)代，電子雜志的互動(dòng)版面設(shè)計(jì)是一種以計(jì)算機(jī)交互技術(shù)為基礎(chǔ)的信息編排處理形態(tài)，是對(duì)傳統(tǒng)平面美學(xué)規(guī)律的繼承和延續(xù)。電子雜志互動(dòng)版面的設(shè)計(jì)要突出人性化和流暢性，注重情感體驗(yàn)與交流；整合傳統(tǒng)媒介資源，提高內(nèi)容質(zhì)量；開(kāi)發(fā)多種功能和技術(shù)；實(shí)現(xiàn)全媒體化。

新媒體；電子雜志；版面設(shè)計(jì)；互動(dòng)版面

在互聯(lián)網(wǎng)飛速發(fā)展的今天，人們的生活方式、交流方式、思維方式發(fā)生了很大變化，產(chǎn)生了很多新的媒體形態(tài)。新媒體，即除報(bào)紙、期刊、廣播、電視等傳統(tǒng)媒體之外的，隨著網(wǎng)絡(luò)數(shù)字技術(shù)的發(fā)展而產(chǎn)生的新型傳播媒體。承載著數(shù)字多媒體技術(shù)的電子雜志成為引領(lǐng)時(shí)代閱讀的新風(fēng)尚。

電子雜志又稱(chēng)網(wǎng)絡(luò)雜志，相對(duì)于傳統(tǒng)雜志而言，它具有制作成本低、信息量大、資源豐富、交互性強(qiáng)、方便快捷、安全綠色等特點(diǎn)。版面設(shè)計(jì)是指將圖片、文字、符號(hào)、色彩等結(jié)構(gòu)元素整合、編排的過(guò)程，使信息的傳達(dá)有序又美觀。好的版面設(shè)計(jì)視覺(jué)沖擊力強(qiáng)，能夠讓讀者在短時(shí)間內(nèi)了解內(nèi)容、掌握信息，讓讀者獲得心理與情感的滿足感。電子雜志的版面既包含圖形、圖像、文字、色彩等傳統(tǒng)元素，又加入了視頻、音頻、動(dòng)畫(huà)等多媒體動(dòng)態(tài)元素，并利用超鏈接的方式對(duì)這些元素進(jìn)行創(chuàng)造性組合，帶給讀者暢快淋漓的閱讀體驗(yàn)。

一、互動(dòng)版面的概念及特征

互動(dòng)的意思是相互影響、相互制約、相互感知，即通過(guò)交流與溝通達(dá)到信息傳播的過(guò)程。從技術(shù)層面上來(lái)說(shuō)，互動(dòng)是指人與計(jì)算機(jī)之間的信息交流，即交互技術(shù)。只不過(guò)，交互單指一種技術(shù)手段，而互動(dòng)更多的是指一種信息傳播方式?；?dòng)體現(xiàn)了人的參與性，包含了人對(duì)信息的思考、理解和情感交流?；?dòng)的目的在于使用戶(hù)能夠參與其中，從而獲得更好的體驗(yàn)。所以互動(dòng)設(shè)計(jì)要簡(jiǎn)單易操作，便于交流，才能夠達(dá)到更好的互動(dòng)效果。

互動(dòng)版面是一種服務(wù)于計(jì)算機(jī)的交互技術(shù)，以數(shù)字媒體為載體，以計(jì)算機(jī)電子屏幕為舞臺(tái)，將視聽(tīng)多媒體元素進(jìn)行有機(jī)組合的信息編排處理形態(tài)。[1]互動(dòng)版面是信息傳播過(guò)程達(dá)到預(yù)期效果的重要環(huán)節(jié)，讓讀者通過(guò)版面設(shè)計(jì)產(chǎn)生互動(dòng)體驗(yàn)?；?dòng)性是版面設(shè)計(jì)中獨(dú)特的設(shè)計(jì)表現(xiàn)語(yǔ)言，它引發(fā)數(shù)字媒體版式設(shè)計(jì)觀念的革新。具體來(lái)說(shuō)，互動(dòng)版面具有以下特征。

第一，交互性是互動(dòng)版面的關(guān)鍵特征。互動(dòng)版面與印刷版面相比，最本質(zhì)的區(qū)別是采用了計(jì)算機(jī)交互技術(shù)。電子雜志利用交互設(shè)計(jì)使讀者獲得多元化視聽(tīng)感受，界面上的所有視覺(jué)元素都可以設(shè)計(jì)成點(diǎn)擊、滑動(dòng)、按鍵輸入等操作，從而產(chǎn)生放大、縮小、變形、彈出窗口等能夠影響界面的版式變化。音頻、動(dòng)畫(huà)等按鈕的設(shè)計(jì)，可以讓讀者自由選擇是否打開(kāi)、切換、控制聲音大小、靜音等?？蛇x擇的人性化設(shè)計(jì)與讀者產(chǎn)生互動(dòng)，營(yíng)造出輕松愉快的氛圍。

第二，靜態(tài)元素與動(dòng)態(tài)元素相結(jié)合，視覺(jué)元素與聽(tīng)覺(jué)元素相結(jié)合?；?dòng)版面設(shè)計(jì)中不僅包括文字、圖形、圖片、色彩等可視化的靜態(tài)元素，還包括動(dòng)態(tài)圖片、動(dòng)態(tài)符號(hào)、視頻、動(dòng)畫(huà)等動(dòng)態(tài)元素。這些動(dòng)態(tài)元素增強(qiáng)了內(nèi)容的趣味性和視覺(jué)感染力，提升了閱讀層次，能夠使整個(gè)版面更具有生命感和跳躍性。聽(tīng)覺(jué)元素主要指音頻和視頻，包括背景音樂(lè)、旁白、動(dòng)畫(huà)等，起到襯托內(nèi)容、渲染氣氛、舒緩情緒、傳達(dá)情感的作用。聽(tīng)覺(jué)元素的加入，能夠增強(qiáng)版面的空間感、立體感和秩序感，使版面設(shè)計(jì)活力充沛、富有個(gè)性。

第三，與廣告、游戲、視頻等多功能融合，真正實(shí)現(xiàn)互動(dòng)交流。互動(dòng)版面可以利用超鏈接技術(shù)與多種互聯(lián)網(wǎng)服務(wù)相結(jié)合，提供免費(fèi)閱讀、在線下載、網(wǎng)上訂閱、影音播放、讀者互動(dòng)、搜索等業(yè)務(wù)，也可以把廣告、互動(dòng)游戲、視頻、動(dòng)畫(huà)等融入其中，形成一個(gè)多元化的網(wǎng)絡(luò)平臺(tái)，讀者可以根據(jù)自身的需求和興趣自由獲取信息。同時(shí)，互動(dòng)版面可以為讀者提供參與功能，讀者通過(guò)按鈕、導(dǎo)航、菜單等交互設(shè)置，觸動(dòng)超鏈接打開(kāi)相關(guān)內(nèi)容，根據(jù)興趣深化閱讀、發(fā)表評(píng)論；也可以在聯(lián)網(wǎng)狀態(tài)下實(shí)現(xiàn)網(wǎng)絡(luò)相關(guān)內(nèi)容連接，展開(kāi)更多閱讀空間，實(shí)現(xiàn)互動(dòng)閱讀、信息接收與反饋。

二、電子雜志互動(dòng)版面的設(shè)計(jì)

電子雜志的版面設(shè)計(jì)增加了互動(dòng)的表現(xiàn)形式，這不僅豐富了版面，也使讀者在品讀雜志的同時(shí)產(chǎn)生互動(dòng)的感覺(jué)，有力刺激了信息的輸出。電子雜志互動(dòng)版面的設(shè)計(jì)中，要注意以下幾個(gè)方面。

第一，秉承美學(xué)規(guī)律，突出自身特點(diǎn)和編排的層次感、風(fēng)格的一致性。電子雜志的版面設(shè)計(jì)要在秉承形式美法則的基礎(chǔ)上，結(jié)合版面設(shè)計(jì)的方法和技巧，突出電子雜志的自身特點(diǎn)和個(gè)性，達(dá)到形式的平衡和節(jié)奏的統(tǒng)一。電子雜志的每個(gè)版面既是相對(duì)獨(dú)立的個(gè)體，又是連貫的、統(tǒng)一的組合，設(shè)計(jì)時(shí)要注意雜志編排的整體節(jié)奏、色調(diào)和設(shè)計(jì)風(fēng)格是否符合主題內(nèi)容。只有版面設(shè)計(jì)風(fēng)格與創(chuàng)意主題、視覺(jué)元素、色彩搭配等保持一致，才能使版面內(nèi)容安排井井有條、層次分明，給人留下深刻印象。要根據(jù)版面內(nèi)容來(lái)確定是否需要設(shè)置超鏈接或插入動(dòng)態(tài)元素，并做到導(dǎo)向明確，保持視覺(jué)上的連貫性，使版面設(shè)計(jì)具有節(jié)奏和韻律，給讀者帶來(lái)視覺(jué)和聽(tīng)覺(jué)上的愉悅感。

第二，互動(dòng)版面的創(chuàng)新需要整合傳統(tǒng)媒介資源，提高內(nèi)容質(zhì)量。電子雜志的表現(xiàn)形式新穎，頁(yè)面絢麗多彩，在一定程度上容易忽略?xún)?nèi)容質(zhì)量，使形式大于內(nèi)容。傳統(tǒng)媒體具有權(quán)威性強(qiáng)、敏感性高、內(nèi)容豐富等優(yōu)勢(shì)，在新媒體時(shí)代，電子雜志要與報(bào)紙、電視等傳統(tǒng)媒體相互融合，實(shí)現(xiàn)優(yōu)勢(shì)互補(bǔ)，才能在市場(chǎng)競(jìng)爭(zhēng)中獲得更好的發(fā)展。電子雜志的版面設(shè)計(jì)要從受眾市場(chǎng)、視覺(jué)效果、功能性等方面，綜合分析與電視、報(bào)紙、廣播等傳統(tǒng)媒介的差異，通過(guò)對(duì)優(yōu)劣性的比較來(lái)尋求突破。在內(nèi)容上有效組織信息，避免單調(diào)和空洞，強(qiáng)調(diào)原創(chuàng)性與時(shí)代性，才能使電子雜志對(duì)讀者具有持續(xù)的吸引力。

第三，數(shù)字媒體特征在互動(dòng)版面設(shè)計(jì)中要把握適度原則。數(shù)字媒體藝術(shù)是融合了藝術(shù)與技術(shù)二者特征的一門(mén)新興的大眾傳播藝術(shù)，同時(shí)也是一種融合多種及時(shí)手段、展現(xiàn)多維空間的虛擬藝術(shù)?；?dòng)版面設(shè)計(jì)融合了文字、圖片、音頻、視頻、動(dòng)畫(huà)等多種信息形式，通過(guò)人機(jī)交互得以實(shí)現(xiàn)。電子雜志的版面設(shè)計(jì)要善于利用數(shù)字媒體的特征，呈現(xiàn)多元化的效果。互動(dòng)元素不可或缺，但并不是隨意堆砌，也不是越多越好，在設(shè)計(jì)上要掌握適度原則。如果濫用動(dòng)畫(huà)、視頻、音樂(lè)等多媒體手段，會(huì)使讀者產(chǎn)生疲倦和厭煩，進(jìn)而排斥，效果適得其反。

第四，互動(dòng)版面設(shè)計(jì)形式的創(chuàng)意拓展?；?dòng)版面的創(chuàng)意能增強(qiáng)用戶(hù)體驗(yàn)，調(diào)動(dòng)讀者的活躍度，讓讀者對(duì)雜志產(chǎn)生情感共鳴?；?dòng)可以有多種設(shè)計(jì)形式，例如版面中加入二維碼和電子圖表的設(shè)計(jì)。二維碼具有多種優(yōu)勢(shì)，如宣傳方便、覆蓋范圍廣、不受時(shí)間和地域的限制。電子雜志可以通過(guò)二維碼、動(dòng)態(tài)元素的設(shè)計(jì)實(shí)現(xiàn)跨界互動(dòng)，進(jìn)行創(chuàng)意分享。電子圖表（如時(shí)尚生活類(lèi)雜志的電子問(wèn)卷表）的應(yīng)用，能夠?qū)⑿畔⑥D(zhuǎn)化為形象的、可視化的圖像、圖形，讓讀者更清晰、直觀地了解雜志內(nèi)容，有效促進(jìn)讀者與編輯之間、讀者與讀者之間的互動(dòng)和信息交流。

三、電子雜志互動(dòng)版面設(shè)計(jì)的發(fā)展趨勢(shì)

信息化時(shí)代為版面設(shè)計(jì)提供了廣闊的發(fā)展空間，利用互動(dòng)版式的特征突出內(nèi)容和主題，是電子雜志未來(lái)發(fā)展的主要趨勢(shì)。電子雜志互動(dòng)版面設(shè)計(jì)是一項(xiàng)創(chuàng)造性的工程，優(yōu)秀的信息編排能夠增加電子雜志的展示空間，激發(fā)讀者的多重閱讀體驗(yàn)，帶來(lái)更加愉悅的視聽(tīng)感受，其未來(lái)發(fā)展不可限量。

第一，突出設(shè)計(jì)的人性化和流暢性，注重情感體驗(yàn)與交流。電子雜志互動(dòng)版面的設(shè)計(jì)要遵循以人為本的原則，適應(yīng)人的思維模式和行為習(xí)慣，多考慮讀者的閱讀習(xí)慣，更加人性化的設(shè)計(jì)才能突出主題、強(qiáng)化記憶，提高信息傳達(dá)的效率，推動(dòng)情感的傳遞與交流。流暢的互動(dòng)版面設(shè)計(jì)時(shí)要考慮導(dǎo)讀功能的可行性與合理性，導(dǎo)航、視頻、動(dòng)畫(huà)、超鏈接等元素的合理規(guī)劃，能夠使頁(yè)面在多個(gè)版面和主題之間隨意跳轉(zhuǎn)，從而引導(dǎo)讀者流暢的閱讀。“情感是人對(duì)客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗(yàn)”，[2]對(duì)于新媒體時(shí)代的電子雜志來(lái)說(shuō)，發(fā)展體驗(yàn)式閱讀是非常重要的。例如，讀者可根據(jù)自己的喜好收藏喜歡的文章；除搜索、導(dǎo)航、下載等常用的功能外，還可以設(shè)置收藏、投票、評(píng)論功能，滿足讀者的交互需求；根據(jù)讀者的操作習(xí)慣和行為模式，頁(yè)面切換采用點(diǎn)劃式設(shè)計(jì)；適宜的色彩搭配、圖案設(shè)計(jì)能夠提升讀者對(duì)雜志的好感度。

第二，強(qiáng)調(diào)設(shè)計(jì)風(fēng)格的個(gè)性化。電子雜志的競(jìng)爭(zhēng)日趨激烈，如何使其脫穎而出，是設(shè)計(jì)者需要思考的問(wèn)題。個(gè)性化的版面語(yǔ)言和設(shè)計(jì)風(fēng)格是電子雜志的重要特征，符合雜志品牌定位、創(chuàng)意新穎、有鮮明個(gè)性的版面設(shè)計(jì)才能夠突出雜志的精神氣質(zhì)，使電子雜志在同類(lèi)競(jìng)爭(zhēng)中立于不敗之地?；?dòng)版面的風(fēng)格不僅要整合編排與形式，還要通過(guò)創(chuàng)意新穎的交互設(shè)置來(lái)體現(xiàn)。超鏈接的設(shè)置和跳轉(zhuǎn)方式是自然貼切還是別出心裁，不僅是交互創(chuàng)意的直接反映，也是版面風(fēng)格的重要組成部分。只有運(yùn)用創(chuàng)新思維，不斷尋求新的元素，電子雜志的版面設(shè)計(jì)才能滿足數(shù)字出版時(shí)代讀者的需求，與時(shí)代接軌。

第三，開(kāi)發(fā)多種功能和技術(shù)。隨著多媒體技術(shù)、通訊技術(shù)的進(jìn)步，電子雜志的接收平臺(tái)越來(lái)越呈現(xiàn)多元化的趨勢(shì)，互動(dòng)版面能夠開(kāi)發(fā)出多種滿足人們需要的功能和技術(shù)，把互動(dòng)性發(fā)揮到極致，如轉(zhuǎn)發(fā)與評(píng)論功能、收藏與添加書(shū)簽功能、信息檢索功能、導(dǎo)航功能、離線下載功能等。這些功能的實(shí)現(xiàn)，能夠讓讀者與其他人進(jìn)行討論和分享，使讀者體驗(yàn)更為逼真，最大化利用網(wǎng)絡(luò)空間。語(yǔ)音識(shí)別技術(shù)、4D影視技術(shù)、模擬影像技術(shù)、全息投影技術(shù)、投影觸控技術(shù)等技術(shù)的開(kāi)發(fā)和使用，能把電子雜志的版面設(shè)計(jì)引入一個(gè)全新的領(lǐng)域，帶動(dòng)虛擬化設(shè)計(jì)的實(shí)現(xiàn)。

第四，多媒體融合特征更明顯，實(shí)現(xiàn)全媒體化。電子雜志的互動(dòng)版面設(shè)計(jì)融合了傳統(tǒng)紙質(zhì)媒體、廣播影像媒體、網(wǎng)絡(luò)傳播媒體等媒介形式，運(yùn)用了虛擬現(xiàn)實(shí)技術(shù)、數(shù)據(jù)庫(kù)技術(shù)等一些新技術(shù)，具有明顯的媒介融合特征。媒介融合的最高形態(tài)是各種媒體之間的自由轉(zhuǎn)化，多媒體融合意味著優(yōu)勢(shì)互補(bǔ)、相互滲透，帶來(lái)雙贏效果。電子雜志要想有更為廣闊的生存空間，就必須整合多種媒介的優(yōu)勢(shì)資源，積極謀求多方位發(fā)展，實(shí)現(xiàn)全媒體化。未來(lái)的電子雜志不再是具有單一閱讀功能的電子產(chǎn)品，它將成為實(shí)現(xiàn)微博、微信、評(píng)論、社交、推薦等多功能整合的具備人機(jī)交互和社交功能的新型媒體。

（責(zé)任編輯 陶新艷）

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

[2] 朱國(guó)勤，倪偉，王文霞.編排設(shè)計(jì)[M].上海：上海人民美術(shù)出版社，2001：17-18.

G206.3

A

1671-5454（2017）04-0028-03

10.16261/j.cnki.cn43-1370/z.2017.04.007

2017-05-26

郭文娟（1980-），女，河北石家莊人，河北美術(shù)學(xué)院環(huán)境藝術(shù)學(xué)院講師。研究方向：藝術(shù)設(shè)計(jì)。