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

陳月

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

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；轉(zhuǎn)場；轉(zhuǎn)場的情感中圖分類號(hào)：G648文獻(xiàn)標(biāo)識(shí)碼：B文章編號(hào)：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è)計(jì)則隨著技術(shù)的改進(jìn)而改上。瀏覽器的出現(xiàn)，給網(wǎng)絡(luò)世界帶來了新的大變化，這樣的變化發(fā)展給網(wǎng)頁設(shè)計(jì)帶來了表現(xiàn)新天地,大量的"轉(zhuǎn)場"也逐漸應(yīng)用于網(wǎng)頁中.使得我們的網(wǎng)頁帶來了豐富多采的畫面,也使得信息傳達(dá)與思想交流得以在網(wǎng)頁中實(shí)現(xiàn)。

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

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

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

一部完整的動(dòng)畫作品是由多個(gè)情節(jié)段落組成，而每一個(gè)情節(jié)的段落則是由多個(gè)蒙太奇鏡頭組成，每一個(gè)蒙太奇鏡頭段落又由多個(gè)鏡頭組成。場面的轉(zhuǎn)換首先是鏡頭之間的轉(zhuǎn)換，同時(shí)也包括蒙太奇鏡頭段落之間的轉(zhuǎn)換和情節(jié)段落之間的轉(zhuǎn)換。為了使動(dòng)畫作品內(nèi)容條理性更強(qiáng)、層次的發(fā)展更清晰，在場面與場面的轉(zhuǎn)換中需要一定的手法"轉(zhuǎn)場技巧 "。這樣動(dòng)畫片中的轉(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)用的平臺(tái)。我們用通俗的話來講：你的網(wǎng)站是有網(wǎng)頁所組成的。而所謂的網(wǎng)站是用于展示特定內(nèi)容相關(guān)的網(wǎng)頁的集合。這些網(wǎng)站集合在一起又成了我們今天的國際網(wǎng)路（因特網(wǎng)）。就這樣作為單一元素的網(wǎng)頁中的頁與頁之間的轉(zhuǎn)換，每一個(gè)有多個(gè)網(wǎng)頁組成的網(wǎng)站之間的轉(zhuǎn)換就出現(xiàn)了現(xiàn)在網(wǎng)頁設(shè)計(jì)中的轉(zhuǎn)場，并且像動(dòng)畫片中一樣它也有著相對的聯(lián)系性、視覺性和情感在里面。它同樣影響著閱覽著的心情變化。

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

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

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

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

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

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

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

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

endprint

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

endprint