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

1、    視覺要素在高校網(wǎng)站頁面設(shè)計中的應用    郝淑惠【摘要】互聯(lián)網(wǎng)的高速發(fā)展，使越來越多的高校通過建設(shè)自己的網(wǎng)站進行展示和宣傳。高校網(wǎng)站頁面設(shè)計作為高校宣傳的門戶顯得尤為重要。要想做好網(wǎng)站頁面設(shè)計，最重要的就是把握好視覺要素的使用。基于此，本文首先對視覺要素的概念進行了簡述，接著對網(wǎng)站頁面設(shè)計的原則進行了介紹，最后詳細的分析了幾種視覺要素在高校網(wǎng)站頁面設(shè)計中的應用，希望能夠提供相關(guān)借鑒。【關(guān)鍵詞】視覺要素;高校網(wǎng)站;頁面設(shè)計;應用大眾對于學校的最初理解基本上都是從查看學校官網(wǎng)來進行的，這也就意味著高校的官網(wǎng)在向社會展示高校辦學特點以及文化內(nèi)涵的同時與

2、外界形成了互通，最大限度的擴大了學術(shù)交流的范圍，促進了高校向世界走去。現(xiàn)如今，功能性的網(wǎng)站頁面設(shè)計已經(jīng)不能夠吸引人們的興趣，人們更加重視美的享受，也就是要在能看到有效信息的同時還要使得瀏覽者感知網(wǎng)站界面上的各種視覺要素。1. 視覺要素的概念使用視覺符號對信息進行傳達、注重審美效果以及以視覺的形式表達出來是視覺要素需要滿足的幾個條件，在這個過程中，網(wǎng)站設(shè)計師將自己的思想寄托到網(wǎng)站頁面中，從而引發(fā)人們的心理效應，用戶可以通過視覺有指向性的來對信息進行獲取。需要注意的是，在將視覺要素應用到網(wǎng)站設(shè)計中時，首先一定要對自身定位和內(nèi)容進行明確，這樣在設(shè)計好了以后才能夠凸顯出學院特色以及個性。另外，要知道對

3、藝術(shù)性網(wǎng)站瀏覽的用戶主要是一些有著知識或者是藝術(shù)背景的教師和學生，這些群體有著自己對于美的理解和感受，所以說，在設(shè)計的過程中一定要以人為本，講究細節(jié)，注重色彩的展示和內(nèi)容的表達。2. 高校網(wǎng)站視覺形象構(gòu)建的發(fā)展動態(tài)隨著時代的發(fā)展，高校越來越重視自身形象的塑造。到目前為止，已經(jīng)有很多的高校建立了相應的網(wǎng)絡(luò)宣傳系統(tǒng)，這使得高?？梢悦嫦蚋嗳私榻B自己學校的特色。為了完善自身網(wǎng)絡(luò)系統(tǒng)的建設(shè)，高校開始重視網(wǎng)站設(shè)計過程中的視覺形象構(gòu)建。在高校建立的不同級別網(wǎng)站和相應網(wǎng)絡(luò)空間的融合過程中，視覺形象系統(tǒng)得到了充分的顯現(xiàn)。為了能夠提升自身的競爭力并且順應時代發(fā)展過程中辦學形態(tài)的變化，越來越多的新技術(shù)應用到了網(wǎng)站

4、的構(gòu)建和規(guī)劃中。由于網(wǎng)絡(luò)媒介在教育領(lǐng)域應用的越來越廣泛，所以說，高校網(wǎng)絡(luò)文化的建設(shè)也越來越受到國家的重視，高校已經(jīng)建立了基本的網(wǎng)站以及相關(guān)的教育和交流平臺。雖然說高校網(wǎng)站建設(shè)得到了一定程度的發(fā)展，但是其中還是存在著一系列的問題的。3. 視覺要素在高校網(wǎng)站頁面設(shè)計中的應用3.1 版式布局在高校網(wǎng)站設(shè)計中的視覺傳達為了更好的在高校網(wǎng)站頁面設(shè)計中對視覺要素進行應用，在對網(wǎng)站的版式進行布局的時候要和圖形、文字以及色彩等相關(guān)要素相結(jié)合，按照色彩、比例以及虛實等相關(guān)的規(guī)律來對頁面來進行設(shè)計制作，在表現(xiàn)設(shè)計方案以及思想的時候可以通過造型要素以及形式原理來實現(xiàn)，這樣能夠更好的對審美信息空間來營造。對于高校網(wǎng)站

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

6、計中的視覺傳達信息的傳遞主要是通過文字元素來實現(xiàn)的，為了更好的滿足瀏覽者的需求，環(huán)節(jié)瀏覽者的視覺疲勞，需要對網(wǎng)站設(shè)計過程中的字體、顏色以及大小來進行排列，單頁面出現(xiàn)的字體最好不要超過四種，這樣會給瀏覽者一種很凌亂的感覺。要想完成一個風格獨特、令人難忘的軟件，設(shè)計者一定要對文字進行有創(chuàng)意的構(gòu)筑，字體的每一處彎曲和角度都要細心設(shè)計。除此之外，為了帶給瀏覽者更好的視覺沖擊，相關(guān)設(shè)計者需要從版式布局以及整體界面風格上來對文字進行設(shè)計和運用，充分的將文字的色彩表現(xiàn)出來，增強網(wǎng)站的特點。為了增加瀏覽者瀏覽的舒適度，可以在網(wǎng)站中營造負空間。所謂的負空間指的就是字間距、行間距、段落之間的間距，營造好的負空間可

7、以按照瀏覽者的視覺心理情況來對字距和行距來進行設(shè)置，適當?shù)膶π芯噙M行加寬，可以形成較為明顯的距離空白，保證瀏覽者瀏覽起來更加方便。在其中運用css技術(shù)，可以對文字字型樣式以及段落外觀進行控制，增強網(wǎng)站的靈活性。3.3 圖形在高校網(wǎng)站設(shè)計中的視覺傳達在網(wǎng)站設(shè)計中運用圖形，可以更好的創(chuàng)造新形象、拓展瀏覽者的思維以及實現(xiàn)信息的有效傳遞。點、線、面結(jié)合是圖形設(shè)計中的重要原則，在對其進行運用的時候主要是使用jpg、jpeg、gif、png等圖形格式，這些圖形格式能夠在大部分的瀏覽器中進行運用。其中jpeg是壓縮效果最好的一種圖形格式，有著傳輸速度快以及時間短的有點，一些大型和中型的圖形都可以使用這種格式

8、。在對圖形進行選用的時候，需要重點考慮圖形的大小、組合形式以及位置等，這樣能夠保證頁面整體的美觀。另外，所選用和設(shè)計的圖形一定要能夠?qū)W(wǎng)站的主題和內(nèi)涵進行充分反映，使得瀏覽者能夠一眼看到重點，一定不能再其中使用過于抽象的圖形來對文字進行代替，使用的圖形數(shù)量也應該視情況而定，選擇合理的造型手法，達到圖文并茂的效果。3.4 色彩在高校網(wǎng)站設(shè)計中的視覺傳達一般情況下，視覺作用都是通過形象來顯現(xiàn)出來的，通過視覺元素，瀏覽者可以產(chǎn)生不同的聯(lián)想和情感。因此，為了體現(xiàn)出網(wǎng)站的特色，需要根據(jù)網(wǎng)站的特點、理念以及主題選擇一些合適的色彩。此外，還可以通過不同信息的表達內(nèi)容來使用不一樣的色彩來將信息的生動性和豐富性

9、表現(xiàn)出來。比如說，如果學校的網(wǎng)站是海洋文化元素的話，那么就可以以“藍色”為基調(diào)，結(jié)合藝術(shù)多元化的特種，使用色彩來進行視覺元素的表達。3.5 動態(tài)元素在高校網(wǎng)站設(shè)計中的視覺傳達動畫、聲音以及視頻文件是組成動態(tài)元素的主要部分。其中，動畫的格式一般指的是gif或者是flash，一些較為優(yōu)秀的動畫可以和一些音效密切結(jié)合，震撼人心，使得瀏覽者身臨其境。而聲音則是多媒體技術(shù)的重要組成元素，瀏覽者在獲取信息的時候可以通過享受音樂的形式。為了保證視頻文件的播放效果，應該選擇一些較小的尺寸。需要注意的是，未來視頻文件將是一種重要的傳遞信息方式，為未來的網(wǎng)絡(luò)信息傳播提供更大的發(fā)展空間。4. 結(jié)束語總而言之，好的網(wǎng)站頁面設(shè)計可以在兼容傳統(tǒng)平面設(shè)計特征的同時還具備其沒有的優(yōu)勢，更好的進行信息交流。所以說，為了更好進行網(wǎng)站頁面設(shè)計，一定要在掌握高校教育主旨的同時，對國內(nèi)外的優(yōu)秀網(wǎng)站作品進行借鑒和學習，不斷地積累經(jīng)驗，汲取影響，促進我國高校網(wǎng)站頁面設(shè)計的發(fā)展。參考文獻：1王愉.論網(wǎng)頁視