視覺要素在高校網(wǎng)站頁面設(shè)計(jì)中的應(yīng)用

郝淑惠

【摘要】互聯(lián)網(wǎng)的高速發(fā)展，使越來越多的高校通過建設(shè)自己的網(wǎng)站進(jìn)行展示和宣傳。高校網(wǎng)站頁面設(shè)計(jì)作為高校宣傳的門戶顯得尤為重要。要想做好網(wǎng)站頁面設(shè)計(jì)，最重要的就是把握好視覺要素的使用?；诖?，本文首先對視覺要素的概念進(jìn)行了簡述，接著對網(wǎng)站頁面設(shè)計(jì)的原則進(jìn)行了介紹，最后詳細(xì)的分析了幾種視覺要素在高校網(wǎng)站頁面設(shè)計(jì)中的應(yīng)用，希望能夠提供相關(guān)借鑒。

【關(guān)鍵詞】視覺要素;高校網(wǎng)站;頁面設(shè)計(jì);應(yīng)用

大眾對于學(xué)校的最初理解基本上都是從查看學(xué)校官網(wǎng)來進(jìn)行的，這也就意味著高校的官網(wǎng)在向社會展示高校辦學(xué)特點(diǎn)以及文化內(nèi)涵的同時(shí)與外界形成了互通，最大限度的擴(kuò)大了學(xué)術(shù)交流的范圍，促進(jìn)了高校向世界走去。現(xiàn)如今，功能性的網(wǎng)站頁面設(shè)計(jì)已經(jīng)不能夠吸引人們的興趣，人們更加重視美的享受，也就是要在能看到有效信息的同時(shí)還要使得瀏覽者感知網(wǎng)站界面上的各種視覺要素。

1. 視覺要素的概念

使用視覺符號對信息進(jìn)行傳達(dá)、注重審美效果以及以視覺的形式表達(dá)出來是視覺要素需要滿足的幾個(gè)條件，在這個(gè)過程中，網(wǎng)站設(shè)計(jì)師將自己的思想寄托到網(wǎng)站頁面中，從而引發(fā)人們的心理效應(yīng)，用戶可以通過視覺有指向性的來對信息進(jìn)行獲取。需要注意的是，在將視覺要素應(yīng)用到網(wǎng)站設(shè)計(jì)中時(shí)，首先一定要對自身定位和內(nèi)容進(jìn)行明確，這樣在設(shè)計(jì)好了以后才能夠凸顯出學(xué)院特色以及個(gè)性。另外，要知道對藝術(shù)性網(wǎng)站瀏覽的用戶主要是一些有著知識或者是藝術(shù)背景的教師和學(xué)生，這些群體有著自己對于美的理解和感受，所以說，在設(shè)計(jì)的過程中一定要以人為本，講究細(xì)節(jié)，注重色彩的展示和內(nèi)容的表達(dá)。

2. 高校網(wǎng)站視覺形象構(gòu)建的發(fā)展動態(tài)

隨著時(shí)代的發(fā)展，高校越來越重視自身形象的塑造。到目前為止，已經(jīng)有很多的高校建立了相應(yīng)的網(wǎng)絡(luò)宣傳系統(tǒng)，這使得高?？梢悦嫦蚋嗳私榻B自己學(xué)校的特色。為了完善自身網(wǎng)絡(luò)系統(tǒng)的建設(shè)，高校開始重視網(wǎng)站設(shè)計(jì)過程中的視覺形象構(gòu)建。在高校建立的不同級別網(wǎng)站和相應(yīng)網(wǎng)絡(luò)空間的融合過程中，視覺形象系統(tǒng)得到了充分的顯現(xiàn)。為了能夠提升自身的競爭力并且順應(yīng)時(shí)代發(fā)展過程中辦學(xué)形態(tài)的變化，越來越多的新技術(shù)應(yīng)用到了網(wǎng)站的構(gòu)建和規(guī)劃中。由于網(wǎng)絡(luò)媒介在教育領(lǐng)域應(yīng)用的越來越廣泛，所以說，高校網(wǎng)絡(luò)文化的建設(shè)也越來越受到國家的重視，高校已經(jīng)建立了基本的網(wǎng)站以及相關(guān)的教育和交流平臺。雖然說高校網(wǎng)站建設(shè)得到了一定程度的發(fā)展，但是其中還是存在著一系列的問題的。

3. 視覺要素在高校網(wǎng)站頁面設(shè)計(jì)中的應(yīng)用

3.1 版式布局在高校網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)

為了更好的在高校網(wǎng)站頁面設(shè)計(jì)中對視覺要素進(jìn)行應(yīng)用，在對網(wǎng)站的版式進(jìn)行布局的時(shí)候要和圖形、文字以及色彩等相關(guān)要素相結(jié)合，按照色彩、比例以及虛實(shí)等相關(guān)的規(guī)律來對頁面來進(jìn)行設(shè)計(jì)制作，在表現(xiàn)設(shè)計(jì)方案以及思想的時(shí)候可以通過造型要素以及形式原理來實(shí)現(xiàn)，這樣能夠更好的對審美信息空間來營造。對于高校網(wǎng)站建設(shè)來說，在進(jìn)行版式布局的時(shí)候要注意形式美學(xué)的要求以及視覺造型各個(gè)元素之間的合理運(yùn)用。在做設(shè)計(jì)的時(shí)候，要使用對稱、非對稱以及對比等方法，還需要注意網(wǎng)站的大小、位置、節(jié)奏以及間隔，為了保證頁面整體布局的協(xié)調(diào)和平衡，需要以人的視覺模式識別特點(diǎn)來用框架技術(shù)對頁面進(jìn)行分割，使用的過程中還需要注意視覺元素的大小以及輕重比例。在視覺心理學(xué)中提到了，如果在版式布局傳遞的信息能和使用者的心理處于同步的狀態(tài)，那么這個(gè)時(shí)候就會產(chǎn)生一種認(rèn)知理解和美感效果。所以說，在版式布局中一定要對用戶獲取信息的個(gè)性以及習(xí)慣給予足夠的尊重，并且巧妙地對其進(jìn)行運(yùn)用，從而激發(fā)出瀏覽者的興趣，實(shí)現(xiàn)和瀏覽者的溝通。

3.2 文字在高校網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)

信息的傳遞主要是通過文字元素來實(shí)現(xiàn)的，為了更好的滿足瀏覽者的需求，環(huán)節(jié)瀏覽者的視覺疲勞，需要對網(wǎng)站設(shè)計(jì)過程中的字體、顏色以及大小來進(jìn)行排列，單頁面出現(xiàn)的字體最好不要超過四種，這樣會給瀏覽者一種很凌亂的感覺。要想完成一個(gè)風(fēng)格獨(dú)特、令人難忘的軟件，設(shè)計(jì)者一定要對文字進(jìn)行有創(chuàng)意的構(gòu)筑，字體的每一處彎曲和角度都要細(xì)心設(shè)計(jì)。除此之外，為了帶給瀏覽者更好的視覺沖擊，相關(guān)設(shè)計(jì)者需要從版式布局以及整體界面風(fēng)格上來對文字進(jìn)行設(shè)計(jì)和運(yùn)用，充分的將文字的色彩表現(xiàn)出來，增強(qiáng)網(wǎng)站的特點(diǎn)。為了增加瀏覽者瀏覽的舒適度，可以在網(wǎng)站中營造負(fù)空間。所謂的負(fù)空間指的就是字間距、行間距、段落之間的間距，營造好的負(fù)空間可以按照瀏覽者的視覺心理情況來對字距和行距來進(jìn)行設(shè)置，適當(dāng)?shù)膶π芯噙M(jìn)行加寬，可以形成較為明顯的距離空白，保證瀏覽者瀏覽起來更加方便。在其中運(yùn)用CSS技術(shù)，可以對文字字型樣式以及段落外觀進(jìn)行控制，增強(qiáng)網(wǎng)站的靈活性。

3.3 圖形在高校網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)

在網(wǎng)站設(shè)計(jì)中運(yùn)用圖形，可以更好的創(chuàng)造新形象、拓展瀏覽者的思維以及實(shí)現(xiàn)信息的有效傳遞。點(diǎn)、線、面結(jié)合是圖形設(shè)計(jì)中的重要原則，在對其進(jìn)行運(yùn)用的時(shí)候主要是使用jpg、jpeg、gif、png等圖形格式，這些圖形格式能夠在大部分的瀏覽器中進(jìn)行運(yùn)用。其中jpeg是壓縮效果最好的一種圖形格式，有著傳輸速度快以及時(shí)間短的有點(diǎn)，一些大型和中型的圖形都可以使用這種格式。在對圖形進(jìn)行選用的時(shí)候，需要重點(diǎn)考慮圖形的大小、組合形式以及位置等，這樣能夠保證頁面整體的美觀。另外，所選用和設(shè)計(jì)的圖形一定要能夠?qū)W(wǎng)站的主題和內(nèi)涵進(jìn)行充分反映，使得瀏覽者能夠一眼看到重點(diǎn)，一定不能再其中使用過于抽象的圖形來對文字進(jìn)行代替，使用的圖形數(shù)量也應(yīng)該視情況而定，選擇合理的造型手法，達(dá)到圖文并茂的效果。

3.4 色彩在高校網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)

一般情況下，視覺作用都是通過形象來顯現(xiàn)出來的，通過視覺元素，瀏覽者可以產(chǎn)生不同的聯(lián)想和情感。因此，為了體現(xiàn)出網(wǎng)站的特色，需要根據(jù)網(wǎng)站的特點(diǎn)、理念以及主題選擇一些合適的色彩。此外，還可以通過不同信息的表達(dá)內(nèi)容來使用不一樣的色彩來將信息的生動性和豐富性表現(xiàn)出來。比如說，如果學(xué)校的網(wǎng)站是海洋文化元素的話，那么就可以以“藍(lán)色”為基調(diào)，結(jié)合藝術(shù)多元化的特種，使用色彩來進(jìn)行視覺元素的表達(dá)。

3.5 動態(tài)元素在高校網(wǎng)站設(shè)計(jì)中的視覺傳達(dá)

動畫、聲音以及視頻文件是組成動態(tài)元素的主要部分。其中，動畫的格式一般指的是GIF或者是FLASH，一些較為優(yōu)秀的動畫可以和一些音效密切結(jié)合，震撼人心，使得瀏覽者身臨其境。而聲音則是多媒體技術(shù)的重要組成元素，瀏覽者在獲取信息的時(shí)候可以通過享受音樂的形式。為了保證視頻文件的播放效果，應(yīng)該選擇一些較小的尺寸。需要注意的是，未來視頻文件將是一種重要的傳遞信息方式，為未來的網(wǎng)絡(luò)信息傳播提供更大的發(fā)展空間。

4. 結(jié)束語

總而言之，好的網(wǎng)站頁面設(shè)計(jì)可以在兼容傳統(tǒng)平面設(shè)計(jì)特征的同時(shí)還具備其沒有的優(yōu)勢，更好的進(jìn)行信息交流。所以說，為了更好進(jìn)行網(wǎng)站頁面設(shè)計(jì)，一定要在掌握高校教育主旨的同時(shí)，對國內(nèi)外的優(yōu)秀網(wǎng)站作品進(jìn)行借鑒和學(xué)習(xí)，不斷地積累經(jīng)驗(yàn)，汲取影響，促進(jìn)我國高校網(wǎng)站頁面設(shè)計(jì)的發(fā)展。

參考文獻(xiàn)：

[1]王愉.論網(wǎng)頁視覺要素設(shè)計(jì)[J].北京印刷學(xué)院學(xué)報(bào).2005（4）.

[2]襲永曉.論高校門戶網(wǎng)站的建設(shè)[J].電腦學(xué)習(xí).2009（6）.

[3][韓]姜恩正，黃靜慧，著.周欽華，譯.設(shè)計(jì)師談成功網(wǎng)頁設(shè)計(jì)原則.北京：電子工業(yè)出版社，2006.

[4]喬柳.網(wǎng)頁界面設(shè)計(jì)中的信息圖形化研究[D].上海：上海交通大學(xué)，2010.