談網(wǎng)頁的轉(zhuǎn)場設(shè)計

陳月

摘要：如果我們把網(wǎng)絡(luò)比作一張網(wǎng)，那么網(wǎng)頁就是這張網(wǎng)的總體框架，而"轉(zhuǎn)場手段"則是使框架更為牢固的連接點。要讓這張網(wǎng)接的結(jié)實不漏網(wǎng),我們就要把這"轉(zhuǎn)場手段"做得漂亮并且做得恰到好處.就像張網(wǎng)樣,如果你點接的不牢固就容易躥破,如果接的不合適就容易漏網(wǎng),水中有大大小的魚群,針對不同的魚群我們就要織出對應(yīng)的網(wǎng)來,要織出對應(yīng)的網(wǎng)來就要靈活的掌握好接點,也就是所謂的"轉(zhuǎn)場手段",把"轉(zhuǎn)場手段"做好做的牢固做的恰倒好處,這樣我們才會打撈到更多的魚,獲得成功.本論文將重點論述網(wǎng)頁設(shè)計中的"轉(zhuǎn)場"特色，并將試圖從人們情感上出發(fā)，歸納幾種經(jīng)典的"轉(zhuǎn)場"方式在網(wǎng)頁設(shè)計中的運用規(guī)律及使用優(yōu)勢。文中列舉了幾個現(xiàn)在網(wǎng)絡(luò)中的優(yōu)秀案例，并結(jié)合自己的理念，進(jìn)行了深入的分析和理論總結(jié)。

關(guān)鍵詞：網(wǎng)頁設(shè)計；轉(zhuǎn)場；轉(zhuǎn)場的情感中圖分類號：G648文獻(xiàn)標(biāo)識碼：B文章編號：1672-1578（2014）16-0013-01隨著科學(xué)技術(shù)的變化和發(fā)展,網(wǎng)絡(luò)技術(shù)日新月異,變化萬千.在網(wǎng)絡(luò)世界里，技術(shù)永遠(yuǎn)是起著先導(dǎo)作用的，永遠(yuǎn)跑在前端。網(wǎng)頁設(shè)計則隨著技術(shù)的改進(jìn)而改上。瀏覽器的出現(xiàn)，給網(wǎng)絡(luò)世界帶來了新的大變化，這樣的變化發(fā)展給網(wǎng)頁設(shè)計帶來了表現(xiàn)新天地,大量的"轉(zhuǎn)場"也逐漸應(yīng)用于網(wǎng)頁中.使得我們的網(wǎng)頁帶來了豐富多采的畫面,也使得信息傳達(dá)與思想交流得以在網(wǎng)頁中實現(xiàn)。

1.轉(zhuǎn)場的概念

轉(zhuǎn)場是指自一場景轉(zhuǎn)至另一場景，或自一段落轉(zhuǎn)至另一段落，所采用的種種方法都叫轉(zhuǎn)場。作為電影，動畫片幾乎同一時期出現(xiàn)的視覺藝術(shù)它們有著及其相同的表現(xiàn)手法，在這些表現(xiàn)手法中，"轉(zhuǎn)場"是起著關(guān)鍵作用的。在電影中的轉(zhuǎn)場也就是動畫片中的轉(zhuǎn)場。它是構(gòu)成電影.動畫片的最小單位"鏡頭"。一個個鏡頭連接在一起形成的鏡頭序列叫做段落。每個段落都具有某個單一的、相對完整的意思，如表現(xiàn)一個動作過程，表現(xiàn)一種相關(guān)關(guān)系，表現(xiàn)一種含義等等。它是電影.動畫片中一個完整的敘事層次，就像戲劇中的幕，小說中的章節(jié)一樣，一個個段落連接在一起，就形成了完整的電影、動畫片。因此，段落是電影.動畫片最基本的結(jié)構(gòu)形式，電影.動畫片在內(nèi)容上的結(jié)構(gòu)層次是通過段落表現(xiàn)出來的。而段落與段落、場景與場景之間的過渡或轉(zhuǎn)換就是轉(zhuǎn)場。

在動畫片中，轉(zhuǎn)場是表示一段時間的經(jīng)過，它會影響到動畫影片的節(jié)奏和敘述的流暢性。因為作為動畫片它與通常的電影而講，動畫片的剪輯更追求轉(zhuǎn)場技術(shù)的豐富性，這是源于動畫片更為豐富的非線性編輯和動畫片本身更為豐富的動畫語言特色所決定的。從角色設(shè)定，燈光設(shè)定，場景設(shè)定，鏡頭語言及轉(zhuǎn)場方式的設(shè)計上，都有著巨大的表現(xiàn)空間與創(chuàng)作自由；在動劇情中也有著更為廣闊的創(chuàng)作空間。話說："動畫片中沒有什么不可能。"這樣給我們的轉(zhuǎn)場提供了更為豐富的視覺和情感。

一部完整的動畫作品是由多個情節(jié)段落組成，而每一個情節(jié)的段落則是由多個蒙太奇鏡頭組成，每一個蒙太奇鏡頭段落又由多個鏡頭組成。場面的轉(zhuǎn)換首先是鏡頭之間的轉(zhuǎn)換，同時也包括蒙太奇鏡頭段落之間的轉(zhuǎn)換和情節(jié)段落之間的轉(zhuǎn)換。為了使動畫作品內(nèi)容條理性更強(qiáng)、層次的發(fā)展更清晰，在場面與場面的轉(zhuǎn)換中需要一定的手法"轉(zhuǎn)場技巧 "。這樣動畫片中的轉(zhuǎn)場就出現(xiàn)了。

隨著科學(xué)技術(shù)的發(fā)展,轉(zhuǎn)場也逐漸應(yīng)用在網(wǎng)頁中。網(wǎng)頁，是網(wǎng)站中的一[頁]。是構(gòu)成網(wǎng)站中的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。我們用通俗的話來講：你的網(wǎng)站是有網(wǎng)頁所組成的。而所謂的網(wǎng)站是用于展示特定內(nèi)容相關(guān)的網(wǎng)頁的集合。這些網(wǎng)站集合在一起又成了我們今天的國際網(wǎng)路（因特網(wǎng)）。就這樣作為單一元素的網(wǎng)頁中的頁與頁之間的轉(zhuǎn)換，每一個有多個網(wǎng)頁組成的網(wǎng)站之間的轉(zhuǎn)換就出現(xiàn)了現(xiàn)在網(wǎng)頁設(shè)計中的轉(zhuǎn)場，并且像動畫片中一樣它也有著相對的聯(lián)系性、視覺性和情感在里面。它同樣影響著閱覽著的心情變化。

2.網(wǎng)頁設(shè)計中的轉(zhuǎn)場手法

在網(wǎng)頁設(shè)計的轉(zhuǎn)場中，轉(zhuǎn)場效果也就是網(wǎng)頁過渡效果，是指在進(jìn)入或離開網(wǎng)頁時，頁面具有不同的效果，添加此效果可使頁面看起來更具動感。更能帶動人們的情趣，好奇心。它能同時得到視覺、聽覺和思想三方面的享受。

網(wǎng)頁設(shè)計的轉(zhuǎn)場它是得宜以瀏覽器這個新技術(shù)的出現(xiàn)，使得信息傳達(dá)與思想交流得以在網(wǎng)頁中實現(xiàn)，圖象、聲音、影像等要素得以在網(wǎng)頁中實現(xiàn)。這樣先出現(xiàn)在出版印刷、廣播電視以及光盤等媒體上的表現(xiàn)形式，逐漸地在網(wǎng)頁設(shè)計上也同樣的得到了表現(xiàn)的可能。只是在網(wǎng)頁中它存在著兩方面的沖突矛盾，至今還持續(xù)著，而且這種沖突將永遠(yuǎn)無法得到解決。因為各種技術(shù)都能用以網(wǎng)頁中使得我們的網(wǎng)頁下載時間成倍地增長，在更嚴(yán)重的情況下，任何情報也無法傳達(dá)出去。所以說有利也有壁。但這樣也難以影響到人們對網(wǎng)頁設(shè)計中轉(zhuǎn)場的設(shè)計，無論是網(wǎng)頁設(shè)計師還是用戶，都希望網(wǎng)頁更有魅力，更有感染力。所以大量的轉(zhuǎn)場還是應(yīng)用在網(wǎng)頁中。

在網(wǎng)頁中的轉(zhuǎn)場，就是把從一個頁面到另一個不同頁面連接起來的點。這個連接點我們要保證它的完整、流暢。我們可一把它稱之為網(wǎng)頁的轉(zhuǎn)場，在這里我們可一把它劃分為兩部分動態(tài)轉(zhuǎn)場和靜態(tài)轉(zhuǎn)場。

2.1動態(tài)轉(zhuǎn)場。動態(tài)轉(zhuǎn)場就是由一個頁面動態(tài)的結(jié)束轉(zhuǎn)到另一個頁面動態(tài)的開始，動態(tài)轉(zhuǎn)場也稱之為我們的技巧轉(zhuǎn)場，如電影、動畫里的淡入淡出 劃接 疊化 翻頁 波狀溶鏡等這些技巧轉(zhuǎn)場都屬于網(wǎng)頁中的動態(tài)轉(zhuǎn)場，在轉(zhuǎn)場的 這一段時間內(nèi)會給讀者帶來一些時間的浪費，不知要做什么，只能白白的浪費掉，而我們在這一段時間中加入轉(zhuǎn)場的技巧性轉(zhuǎn)場也就是我們的動態(tài)轉(zhuǎn)場，那么這一段時間就不會白白的浪費掉，在等待下一個頁面的同時我們頁可以享受轉(zhuǎn)場帶來的一些樂趣，如網(wǎng)頁"鼎科.阿布阿布"。它是一家房地產(chǎn)的網(wǎng)頁,在網(wǎng)頁中它使用了動態(tài)轉(zhuǎn)動態(tài)方式，點開網(wǎng)頁它先顯示出一塊咖啡色的底色漸漸的阿布從畫面中間破紙而出。然后到達(dá)進(jìn)入下一頁面的畫面狀態(tài)，接著點擊按鈕頁面開時發(fā)生轉(zhuǎn)場來到了下一個動態(tài)的畫面。

這就是一個動態(tài)轉(zhuǎn)動態(tài)的轉(zhuǎn)場過程，也就網(wǎng)頁中所謂的動態(tài)轉(zhuǎn)場。也就是電影中的一個技術(shù)性轉(zhuǎn)場。還有網(wǎng)頁中用到的"疊化"，"疊化"是指前一個鏡頭的畫面與后一個鏡頭畫面相疊，前一個鏡頭逐步隱去，后一個鏡頭的畫面漸漸地顯現(xiàn)的過程。溶解鏡頭一般長度就是兩三秒，在網(wǎng)頁中頁是如此，只是在網(wǎng)頁中有網(wǎng)速的限制，但這絲毫沒有影響到"疊化"在網(wǎng)頁中的運用，因為它能勾起一個人的興趣，進(jìn)而得到下一步的情趣。來自福特旗下子品牌野馬的廣告網(wǎng)站里的頁面，它用到了轉(zhuǎn)場里的"疊化"。它在改變顏色時它用到了"疊化"，先是紅色的車慢慢的淡去，后面藍(lán)色的車漸漸的呈現(xiàn)出來。這樣的轉(zhuǎn)場會給人們帶來一股淡淡的情意，不會突然的呈現(xiàn)。給人于轉(zhuǎn)變的一個過程。在QQ空間相冊中的動感影集中好多照片與照片的轉(zhuǎn)場也常用"疊化"。圖片我就不舉了。

如上面所舉的例子就是我們指的動態(tài)轉(zhuǎn)場，就是由一個頁面動態(tài)的結(jié)束轉(zhuǎn)到另一個頁面動態(tài)的開始的轉(zhuǎn)場。關(guān)于動態(tài)轉(zhuǎn)場的例子不再多提，下面我們進(jìn)入用的最多，也就是最好運用的"靜態(tài)轉(zhuǎn)場"。

2.2靜態(tài)轉(zhuǎn)場。靜態(tài)轉(zhuǎn)場就是直接的轉(zhuǎn)場，沒有任何技術(shù)效果 ，頁面直接轉(zhuǎn)到下一個頁面； 頁面之間直接轉(zhuǎn)換。例如現(xiàn)在的淘寶網(wǎng)中，頁面與頁面之間的轉(zhuǎn)換就是直接的轉(zhuǎn)場，沒有加過任何效果，它是直接轉(zhuǎn)換。直接轉(zhuǎn)換它好在不用長久等待，它能夠很快的得到信息，這一轉(zhuǎn)場它常用于門戶網(wǎng)站上，一般娛樂性的網(wǎng)站很不用，因為它的好處就是要很快的傳遞網(wǎng)頁信息，它要求要快。一般都是文字性的東西。例如"百度"它就是要給你帶來便捷，很快查到你想要了解的東西，還有"Google"這一類的網(wǎng)站常用，迅速跳轉(zhuǎn)。

endprint

3.轉(zhuǎn)場中的情感含義

網(wǎng)頁轉(zhuǎn)場是人們對網(wǎng)頁的一種情感寄托,它能同時得到視覺、聽覺和思想三方面的享受。影響著人們的情感。情感是態(tài)度這一整體中的一部分，它與態(tài)度中的內(nèi)向感受、意向具有協(xié)調(diào)一致性，是態(tài)度在生理上一種較復(fù)雜而又穩(wěn)定的生理評價和體驗。概括而言，情感的重要作用主要表現(xiàn)在四個方面：情感是人適應(yīng)生存的心理工具，能激發(fā)心理活動和行為的動機(jī)，是心理活動的組織者，也是人際通信交流的重要手段?？偟膩碚f情感就是對客觀事物是否滿足自己的需要而產(chǎn)生的態(tài)度體驗。

人非草本，孰能無情？每個人在交往中都會產(chǎn)生情感，不同的情感會對交往產(chǎn)生不同的影響。不管是事還是物它都會產(chǎn)生情感。網(wǎng)頁設(shè)計也是同樣如此。人們賦予了它情感，它能影響著一個人的情感，而且這樣的情感會使我們的網(wǎng)頁更具生動性和互動性。

那么我們網(wǎng)頁轉(zhuǎn)場中所產(chǎn)生的情感含義指的是什么呢，就是我們在打開一個網(wǎng)頁時有一個頁面接到另一個頁面時自然而然流露出來的對其而產(chǎn)生的太度體驗。它分為三個方面的體驗，視覺、聽覺和思想上的體驗。

從視覺上分析，人的思維有很大部分是通過視覺形式產(chǎn)生的。進(jìn)行視覺思維就是在事件或計劃之前，運用想象和視覺記憶將其呈現(xiàn)在腦海里，大多數(shù)情況下，我們制作一件成品，都要事先在腦海中想象它的樣子，讓單前的靈感自然而然地引出下一個靈感。因為人和動物感知外界大小事或物時，視覺是第一時間帶來感受到的，它起著關(guān)鍵性的作用，在網(wǎng)頁轉(zhuǎn)場的那一剎那，首先帶來的第一印象是視覺給你帶來的享受。

科學(xué)技術(shù)日復(fù)一日，年復(fù)一年的不斷發(fā)展。在這形形色色的信息時代，給技術(shù)穿上了人性化的外衣，對技術(shù)進(jìn)行封裝。因此有了人性化設(shè)計。人性化的設(shè)計給我們的網(wǎng)頁帶來極大、極強(qiáng)的吸引力。給我們的網(wǎng)頁增添了思想情感。使它富有了人性化。其實這一切的得宜就是轉(zhuǎn)場效果的人性化，給它賦予了人性化的"設(shè)計"。使它富有了情感。在視覺上營造了一種技術(shù)形態(tài)的復(fù)雜性心理效果。我們在轉(zhuǎn)場中增加了細(xì)節(jié)形態(tài)、動態(tài)效果來使藝術(shù)創(chuàng)作中的平面作品更具生動性、互動性。

現(xiàn)在的許多個性網(wǎng)頁設(shè)計作品中把轉(zhuǎn)場增加了一些科幻成分使得我們的作品更具神秘性，像這樣的作品我們大致說來有以下幾點：

3.1在轉(zhuǎn)場中增加復(fù)雜的細(xì)節(jié)，用復(fù)雜性的小細(xì)節(jié)去堵塞讀者的理解通道，人為的建立讀者與所描繪的頁面之間的心理屏障、即營造了一種"敬畏"的情感。把觀眾的注意力帶領(lǐng)到畫面的整體視覺沖擊力的直接殺傷范圍內(nèi)。例如：在VOLOV（沃爾沃）汽車官方網(wǎng)站里的轉(zhuǎn)場它就考慮到了這一點，

3.2在轉(zhuǎn)場中增加復(fù)雜性的現(xiàn)代視覺藝術(shù)效果給讀者直觀的心理感受。因為視覺效果是科技藝術(shù)與讀者交流的必要手段。所以網(wǎng)頁設(shè)計師們就用這種視覺上的具體復(fù)雜性的藝術(shù)效果來闡述并向讀者傳達(dá)奇幻絢麗的視覺感受和心靈感受。

3.3在轉(zhuǎn)場中用細(xì)膩與真實的現(xiàn)實生活中的模擬來讓觀眾更加身臨其境。把觀眾帶到現(xiàn)實中去，例如：在網(wǎng)頁轉(zhuǎn)場中我們模擬一個現(xiàn)實生活中翻書的一個動作，讓觀眾覺得自己好象在真實的翻書一樣。這也是我們一個未來網(wǎng)頁發(fā)展的趨勢。讓觀眾領(lǐng)略到身臨其境的心理感受。得到情感的宣泄與交流。

從聽覺上來分析，的聲音它能貼進(jìn)人和人之間的親和力，也能促進(jìn)人和事物之間的情感交流。在網(wǎng)頁轉(zhuǎn)場中容入聲效。使人與網(wǎng)頁之間模擬出象現(xiàn)實生活中人們交流時的情景，使網(wǎng)頁具備與人之間的情感交流。這樣使讀者在閱覽時對此進(jìn)行相互間的情感滲透和交流。在轉(zhuǎn)場中我們不緊要得到視覺的享受而且如果能同時能感受到聽覺的享受，那么會使我們的轉(zhuǎn)場更具生動信和互動性。

從思想中來分析，讀者的心情會隨著轉(zhuǎn)場中情節(jié)的變化而影響，奇幻的轉(zhuǎn)場會給讀者帶來奇幻的色彩和想象，它能溝起讀者的幻想空間。使讀者心情和思維跟著網(wǎng)頁一起變換。以上便是我對網(wǎng)頁轉(zhuǎn)場技巧在視覺、聽覺、思想三方面的體會。

如果說網(wǎng)頁轉(zhuǎn)場只是考慮畫面與畫面之間的關(guān)系，還有聽覺方面和思想方面的因素的話那也是不夠的。因為它還存在著流量因素的影響。流量也非常重要。所以也不能只是為了好看達(dá)到更好的藝術(shù)效果。我們同時要考慮兩方面的因素。因為流量會影響打開網(wǎng)頁的速度。所以不一定好的轉(zhuǎn)場，我們就一定要用，雖然好的轉(zhuǎn)場會帶動讀者的情趣，但會給網(wǎng)頁增加大的下載量從而影響到我們的網(wǎng)速，所以我們要慎用。每一個成功的網(wǎng)，都會同時運用到多種轉(zhuǎn)場方式。但在具體運用時，無論是技巧轉(zhuǎn)場或是無技巧轉(zhuǎn)場都必須符合劇情和藝術(shù)風(fēng)格，切不可濫用、亂用。用得巧妙，不僅會給觀眾帶來藝術(shù)感染力，同時它會影響到視覺、聽覺和思想的情感交流。參考文獻(xiàn):

[1]《網(wǎng)頁設(shè)計視覺形態(tài)》解勇 遼寧美術(shù)出版社

[2]《幻想藝術(shù)》 2005年05期 黑龍江美術(shù)出版社

[3]《美學(xué)》第二卷 黑格爾著朱光潛譯 商務(wù)印書館1979年版

[4]《影視美學(xué)》彭吉象著.北京大學(xué)出版社2002年版

endprint