淺談平面視覺元素在網(wǎng)站引導頁界面中的創(chuàng)新運用

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

關鍵詞：網(wǎng)站引導頁；界面設計；平面視覺元素

[中圖分類號]：J2-39 [文獻標識碼]：A

[文章編號]：1002-2139（2013）-22--01

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

網(wǎng)站引導頁即打開網(wǎng)站時第一個顯示的頁面，它是為了更好的表達一種意境、更好地吸引瀏覽者的眼球而設計出來的一個精致、美觀的網(wǎng)頁。引導頁界面就是在這種引導頁面中與瀏覽者的交互功能部分，這種交互即是視覺和聽覺方面的，也可以是通過瀏覽者的操作觸覺方面的。

2.引導頁界面中的平面視覺元素分析

2.1引導頁界面中的靜態(tài)視覺元素

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

2.2引導頁界面中的動態(tài)視覺元素

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

3.引導頁界面中平面視覺元素新特點

3.1平面視覺元素的動畫節(jié)奏性

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

3.2平面視覺元素的可互動性

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

3.3平面視覺元素的整體視聽性

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

4.平面視覺元素在網(wǎng)站引導頁界面中的創(chuàng)新運用

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

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

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

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

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

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

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

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

5.總結(jié)

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