摘 要：隨著網(wǎng)絡(luò)信息技術(shù)的發(fā)展與人們對(duì)網(wǎng)站審美需求的提升，網(wǎng)站的表現(xiàn)形式逐漸由傳統(tǒng)型轉(zhuǎn)向多樣型。一些企業(yè)網(wǎng)站，產(chǎn)品宣傳網(wǎng)站以及活動(dòng)網(wǎng)站，大量的運(yùn)用引導(dǎo)頁(yè)形式以期能夠帶給瀏覽者新的用戶體驗(yàn)，對(duì)企業(yè)以及產(chǎn)品起到了良好的宣傳作用。然而這種引導(dǎo)頁(yè)的界面設(shè)計(jì)對(duì)用戶體驗(yàn)來(lái)說(shuō)是關(guān)鍵的環(huán)節(jié)。引導(dǎo)頁(yè)界面設(shè)計(jì)所涉及的知識(shí)范圍比較寬泛，既要研究藝術(shù)性又要重視技術(shù)性，這就要求網(wǎng)站引導(dǎo)頁(yè)界面中的設(shè)計(jì)元素要有一個(gè)創(chuàng)新形式的運(yùn)用，能夠提升網(wǎng)站趣味性以及網(wǎng)站信息傳達(dá)的有效性。

關(guān)鍵詞：網(wǎng)站引導(dǎo)頁(yè)；界面設(shè)計(jì)；平面視覺(jué)元素

[中圖分類(lèi)號(hào)]：J2-39 [文獻(xiàn)標(biāo)識(shí)碼]：A

[文章編號(hào)]：1002-2139（2013）-22--01

1.網(wǎng)站引導(dǎo)頁(yè)界面概述

網(wǎng)站引導(dǎo)頁(yè)即打開(kāi)網(wǎng)站時(shí)第一個(gè)顯示的頁(yè)面，它是為了更好的表達(dá)一種意境、更好地吸引瀏覽者的眼球而設(shè)計(jì)出來(lái)的一個(gè)精致、美觀的網(wǎng)頁(yè)。引導(dǎo)頁(yè)界面就是在這種引導(dǎo)頁(yè)面中與瀏覽者的交互功能部分，這種交互即是視覺(jué)和聽(tīng)覺(jué)方面的，也可以是通過(guò)瀏覽者的操作觸覺(jué)方面的。

2.引導(dǎo)頁(yè)界面中的平面視覺(jué)元素分析

2.1引導(dǎo)頁(yè)界面中的靜態(tài)視覺(jué)元素

文字在平面設(shè)計(jì)中以傳遞信息為主，按照合理的版式設(shè)計(jì)來(lái)表達(dá)情感為次。而網(wǎng)站引導(dǎo)頁(yè)中文字的字體，字形，字號(hào)，版式以及動(dòng)畫(huà)形式不僅傳遞了該頁(yè)面的信息，更能根據(jù)主題的不同表達(dá)出網(wǎng)站的節(jié)奏感和情感性。 圖形圖案在網(wǎng)站中的能夠突顯情感性和寓意性，尤其在引導(dǎo)頁(yè)界面中，通常以分層形式來(lái)表現(xiàn)，使得圖形圖案的層次感更加突出，視覺(jué)沖擊力更強(qiáng)。搭配文字的合理布局以及背景音樂(lè)的烘托，能夠很快把瀏覽者帶入網(wǎng)站的主題氣氛中，增強(qiáng)瀏覽者對(duì)網(wǎng)站的興趣，激發(fā)瀏覽者期望與網(wǎng)站互動(dòng)的想法。

2.2引導(dǎo)頁(yè)界面中的動(dòng)態(tài)視覺(jué)元素

引導(dǎo)頁(yè)之所以存在的原因，主要是引導(dǎo)頁(yè)作為網(wǎng)站中的主題宣傳頁(yè)面，不受網(wǎng)站具體信息的約束，能夠以動(dòng)畫(huà)形式展示出有獨(dú)特魅力的視覺(jué)畫(huà)面來(lái)吸引瀏覽者。引導(dǎo)頁(yè)界面中的動(dòng)畫(huà)主要分為兩種，其一是主題動(dòng)畫(huà)，主要形式是圖形文字的展示動(dòng)畫(huà)來(lái)宣傳主題；其二是按鈕動(dòng)畫(huà)，主要功能是與瀏覽者互動(dòng)，起到引導(dǎo)性在作用。

3.引導(dǎo)頁(yè)界面中平面視覺(jué)元素新特點(diǎn)

3.1平面視覺(jué)元素的動(dòng)畫(huà)節(jié)奏性

網(wǎng)站引導(dǎo)頁(yè)中的平面視覺(jué)元素經(jīng)常是以動(dòng)態(tài)形式展現(xiàn)的。從信息傳達(dá)的角度上來(lái)說(shuō)，不僅僅用文字信息的內(nèi)容來(lái)傳遞信息，而是注重整體的網(wǎng)頁(yè)畫(huà)面效果，圍繞主題進(jìn)行畫(huà)面的版式編排和動(dòng)畫(huà)編排，以期給瀏覽者傳遞更加深刻有寓意的主題信息。因此動(dòng)畫(huà)在這一部分的作用非常的重要，而動(dòng)畫(huà)的精髓在于它的節(jié)奏性，節(jié)奏鮮明的動(dòng)畫(huà)效果能夠給瀏覽者帶來(lái)更加深刻，有層次感的視覺(jué)感受。

3.2平面視覺(jué)元素的可互動(dòng)性

在引導(dǎo)頁(yè)界面中，互動(dòng)是一個(gè)核心部分，當(dāng)瀏覽者期望與網(wǎng)站進(jìn)行互動(dòng)時(shí)，說(shuō)明本網(wǎng)頁(yè)的設(shè)計(jì)比較成功，能夠?qū)g覽者有一定的引導(dǎo)作用。而互動(dòng)環(huán)節(jié)設(shè)計(jì)的好壞，就決定了瀏覽者的心理情感。在互動(dòng)環(huán)節(jié)中當(dāng)瀏覽者應(yīng)用鼠標(biāo)操作界面按鈕的同時(shí)，按鈕觸發(fā)了頁(yè)面的動(dòng)畫(huà)，這種動(dòng)畫(huà)一定等于或者高于瀏覽者對(duì)觸發(fā)動(dòng)畫(huà)的預(yù)期，才能滿足瀏覽者對(duì)網(wǎng)站的互動(dòng)心理，而繼續(xù)與網(wǎng)站互動(dòng)，發(fā)揮網(wǎng)站引導(dǎo)頁(yè)的引導(dǎo)作用。

3.3平面視覺(jué)元素的整體視聽(tīng)性

引導(dǎo)頁(yè)的設(shè)計(jì)大部分為觀賞性引導(dǎo)頁(yè)，起到體現(xiàn)網(wǎng)站主題與網(wǎng)站文化的作用。因此要求網(wǎng)站不僅從視覺(jué)上給瀏覽者一定的視覺(jué)沖擊力，同時(shí)也要兼顧瀏覽者的聽(tīng)覺(jué)感受。音頻對(duì)于瀏覽者是另外一種感官感受，能夠給瀏覽者另一種心理感受。搭配音配的視覺(jué)元素在進(jìn)行動(dòng)畫(huà)展示時(shí)，也增強(qiáng)了其節(jié)奏感與沖擊力。包括互動(dòng)按鈕的音頻設(shè)置，也能夠增強(qiáng)瀏覽者的互動(dòng)愉悅感。

4.平面視覺(jué)元素在網(wǎng)站引導(dǎo)頁(yè)界面中的創(chuàng)新運(yùn)用

4.1文字的信息傳遞性創(chuàng)新

從信息的傳遞性上講文字是最重要的載體，如何才能在引導(dǎo)頁(yè)中把文字的信息傳遞性創(chuàng)新的表現(xiàn)出來(lái)，主要從兩方面進(jìn)行創(chuàng)新設(shè)計(jì)。其一是文字本身的字體變形，根據(jù)表現(xiàn)主題的不同把文字進(jìn)行變形處理，這一課題研究在字體設(shè)計(jì)領(lǐng)域已經(jīng)頗為廣泛。其二是文字在變形處理后的動(dòng)畫(huà)部分創(chuàng)新設(shè)計(jì)，這一部分對(duì)于信息的傳遞性也起著很重要的作用，比如大氣高端的企業(yè)宣傳引導(dǎo)頁(yè)中的文字動(dòng)畫(huà)最好以漸隱漸顯或者用特效帶動(dòng)文字的運(yùn)動(dòng)，盡量降低速度來(lái)彰顯文化的沉淀感，而對(duì)于體育型企業(yè)的網(wǎng)站引導(dǎo)頁(yè)則要求文字帶來(lái)動(dòng)感的效果，用來(lái)傳遞一種運(yùn)動(dòng)、積極向上的主題表達(dá)。這種文字的信息傳遞性創(chuàng)新還要根據(jù)主題的要求來(lái)進(jìn)行設(shè)計(jì)，圍繞主題的表現(xiàn)傳遞更準(zhǔn)確的信息內(nèi)容。

4.2圖形的情感傳遞性創(chuàng)新

由于圖形本身就有很強(qiáng)的情感傳遞性，因此這里只討論兩種創(chuàng)新形式的圖形設(shè)計(jì)，其一是仿3D層次感圖片編排，這種把一張圖片上的主題元素分別提取出來(lái)進(jìn)行分層處理，在每一層加入適當(dāng)?shù)年幱?，突出層次感。這種設(shè)計(jì)更加表現(xiàn)圖片圖形的視覺(jué)沖擊力，能夠把情感性更加真實(shí)地傳遞給瀏覽者。其二是圖片的聚散動(dòng)畫(huà)設(shè)計(jì)，這種設(shè)計(jì)同樣要求提取圖片中的素材，然后進(jìn)行打散分離，再進(jìn)行重組的動(dòng)畫(huà)效果，給瀏覽者情理之中而意料之外的新穎感。當(dāng)然這種圖片的處理方式還有很多種，仍然需要從主題的情感性表達(dá)著手進(jìn)行創(chuàng)新思維從而有更新穎的圖形展示形式。

4.3按鈕的交互性創(chuàng)新

按鈕的交互性一直是以創(chuàng)新的形式出現(xiàn)在瀏覽者面前，高互動(dòng)性，高趣味性，高合理性，成為了按鈕交互的核心。引導(dǎo)頁(yè)整體界面的設(shè)計(jì)主導(dǎo)著按鈕的交互設(shè)計(jì)。瀏覽者在運(yùn)用鼠標(biāo)進(jìn)行操作互動(dòng)時(shí)，界面的形式感也會(huì)隨之發(fā)生變化。這種變化的創(chuàng)新形式可根據(jù)鼠標(biāo)圖形與界面主題進(jìn)行設(shè)計(jì)，好的交互按鈕總能給瀏覽者意想不到的趣味感，并且能夠緊扣網(wǎng)站主題，引導(dǎo)瀏覽者瀏覽網(wǎng)站。

4.4動(dòng)畫(huà)的銜接性創(chuàng)新

動(dòng)畫(huà)的銜接在引導(dǎo)頁(yè)界面中的作用尤為重要，它直接影響瀏覽者的視覺(jué)感受，從而影響到留著對(duì)網(wǎng)站的第一印象。所以在動(dòng)畫(huà)的銜接創(chuàng)新上要穩(wěn)中求變，以舒適的動(dòng)畫(huà)銜接為前提，根據(jù)平面視覺(jué)元素的共同點(diǎn)，以及音頻與動(dòng)畫(huà)的節(jié)奏性配合，進(jìn)行創(chuàng)新。

5.總結(jié)

隨著網(wǎng)絡(luò)技術(shù)的提升以及網(wǎng)絡(luò)寬帶的拓寬，網(wǎng)站引導(dǎo)頁(yè)界面的設(shè)計(jì)運(yùn)用越來(lái)越廣泛，網(wǎng)站引導(dǎo)頁(yè)界面設(shè)計(jì)中的基礎(chǔ)元素仍然是平面視覺(jué)元素，對(duì)基礎(chǔ)元素的創(chuàng)新運(yùn)用需要切合主題和元素本身的特點(diǎn)進(jìn)行巧妙合理的設(shè)計(jì)。有些創(chuàng)新需要傳統(tǒng)的設(shè)計(jì)師打破原有的思維定勢(shì)，讓思維運(yùn)動(dòng)起來(lái)，把平面視覺(jué)元素看作可變幻的單位進(jìn)行新一輪的解構(gòu)與構(gòu)成，才能有更好、更新穎的引導(dǎo)頁(yè)展現(xiàn)給瀏覽者。