淺析網(wǎng)頁界面設計中信息的有效視覺傳達

王婉秋

摘 要： 網(wǎng)頁是信息傳遞和表達的新形式，由于界面設計缺失，容易造成信息表達不足，本文結合網(wǎng)頁設計中的設計思路和技術手段兩個方面探討信息視覺傳達有效性的問題。

關鍵詞： 網(wǎng)頁界面設計 信息 有效視覺傳達

一、造成網(wǎng)頁界面設計信息無法有效視覺傳達的原因淺析

（一）設計布局問題

設計布局混亂是造成網(wǎng)頁界面設計中信息無法有效表達最為常見的問題。造成設計布局混亂主要有兩方面的原因：其一，是由于對于網(wǎng)頁風格定位不明確；其二，是由于做不到技術與藝術的高度統(tǒng)一。可見優(yōu)秀的網(wǎng)頁設計布局既對設計者的藝術技法有一定的要求，還要求設計者熟練地運用HTML，JavaScript，HTML5等相關網(wǎng)頁設計語言，做到藝術表現(xiàn)力與實施設計的高度統(tǒng)一。除此之外，網(wǎng)頁設計布局對于瀏覽者的視覺習慣考慮不足也有一定的關系，這是由于網(wǎng)頁信息傳遞的公開性特點，網(wǎng)頁設計不能很好地符合公眾的審美特點，過于藝術化的展現(xiàn)可能會造成大眾審美困難，進而導致信息不能有效傳達。

（二）顏色、字體、圖片等網(wǎng)頁搭配問題

除了布局方面的問題外，造成網(wǎng)頁界面信息無法有效傳達的另一個常見問題在于網(wǎng)頁元素搭配不足，常見的網(wǎng)頁元素包括文字、圖片、聲音、視頻等，就文字而言，網(wǎng)頁中過多字體格式的濫用、字體大小和顏色的不合理混搭嚴重影響視覺美感及信息的有效傳達；圖片的選擇不符合文字和網(wǎng)頁的整體風格，圖片尺寸大小，選取的不合理會造成網(wǎng)頁信息的雜亂，聲音和視頻也是如此。可見對于具體信息傳遞載體——網(wǎng)頁元素的搭配問題，是造成信息傳達有效性缺失的重要方面。

（三）廣告及其他內(nèi)容過度植入

一些網(wǎng)站為了盈利等方面的因素，在網(wǎng)頁中植入廣告或者其他內(nèi)容，這本無可厚非，但是由于諸如此類內(nèi)容的過度植入往往產(chǎn)生喧賓奪主的尷尬問題，瀏覽者無法有效地閱讀或者瀏覽網(wǎng)頁，導致信息傳達有效性的不足，這是值得網(wǎng)站運營和界面設計需要關注的。

二、如何做到網(wǎng)頁界面設計中信息的有效視覺傳達

（一）網(wǎng)頁風格定位

鑒于上述設計不足，要做到信息的有效傳達首先要搞好網(wǎng)頁的風格定位。風格定位應更注重藝術及美學方面的內(nèi)容，如政治新聞類的網(wǎng)頁應做到莊嚴大氣，簡潔明晰；而娛樂性的網(wǎng)頁，則應突出“娛樂”特性，力爭在活潑、有趣方面有所突破。當然，在風格定位的時候，還應考慮到網(wǎng)頁的公開性特點，一定程度上迎合瀏覽人群大眾化的實際情況，在藝術美和大眾化之間達到相應的平衡。總之，網(wǎng)頁風格定位是進行網(wǎng)頁界面設計最關鍵的一步，需要設計者具備一定的藝術底蘊，同時也應考慮大眾的審美特點。

（二）網(wǎng)頁界面版式設計

如果網(wǎng)頁風格定位工作中藝術美學功底發(fā)揮了舉足輕重的作用，那么在網(wǎng)頁界面版式設計工作中，對于網(wǎng)頁編制的技術語言功底的要求則更突出。版式設計是設計者將藝術元素與網(wǎng)頁編程進行高度統(tǒng)一的過程，通過編程的方式進行美感藝術的傳遞。因此，在網(wǎng)頁界面設計展開時，應首先遵循網(wǎng)頁風格定位，制定相對統(tǒng)一的界面版式設計（一個網(wǎng)站通常是若干網(wǎng)頁的集合），保證設計的一致性。另外，對于一些不確定或者后期可能需要完善的內(nèi)容，在進行版式設計時應做好流余設計工作。總之，網(wǎng)頁界面版式設計工作是通過具體的技術手段展現(xiàn)設計之美的過程，做好版式設計是搭建網(wǎng)頁整體框架的環(huán)節(jié)，為信息的有效傳遞奠定基礎。

（三）網(wǎng)頁元素的合理填充和搭配

網(wǎng)頁元素的合理填充和搭配工作是網(wǎng)站界面設計的最后環(huán)節(jié)，再次文本建議在文字方面設計的時候遵循相對統(tǒng)一的樣式，例如網(wǎng)頁整體采取統(tǒng)一的樣式，各級標題采取相對統(tǒng)一的樣式，避免字體樣式的濫用，盡量做到清晰簡潔；在圖片搭配的時候，修飾類圖片應較好的符合網(wǎng)頁的風格定位及版式設計內(nèi)容，而說明類配圖則應更好地服務于網(wǎng)頁文字內(nèi)容，提升文字的可讀性及吸引力；而聲音和視頻類型的網(wǎng)頁元素的選擇，則應根據(jù)網(wǎng)頁具體內(nèi)容進行合理的選擇。可見網(wǎng)頁元素的填充過程是網(wǎng)頁設計的畫龍點睛之筆，應做到與前期工作的高度一致，提升信息傳達的有效性。需要說明的是，網(wǎng)頁界面設計的各個環(huán)節(jié)并不是絕對孤立的，本文只是按照網(wǎng)頁界面設計的一般步驟進行相應的闡釋，設計者應結合具體的設計環(huán)境進行合理的選擇和取舍。

（四）合理運用富客戶端技術

隨著計算機網(wǎng)頁技術的發(fā)展，富客戶端的應用為網(wǎng)頁界面設計的多樣性提供了更多的選擇。常見的富客戶端技術有，F(xiàn)lex，Laszlo等，這類技術將網(wǎng)頁元素的展現(xiàn)形式及與用戶交互能力提升到一個新的高度，甚至一定程度上與傳統(tǒng)的C/S架構的軟件在客戶端方面都不相上下。因此，網(wǎng)頁設計者合理地利用一些新的富客戶端技術，對于提升信息傳達的有效性有一定的作用。

三、結語

信息傳達視覺有效性是網(wǎng)頁設計工作的重要方面，本文分析了當前信息傳達有效性常見的問題，包括設計方面、網(wǎng)頁元素組合方面及廣告和其他內(nèi)容的過多植入等方面的原因，并以此給出了解決上述問題的思路，通過提升網(wǎng)頁風格定位、加強板式設計、網(wǎng)頁元素的合理搭配及合理運用富客戶端技術等手段共同提升網(wǎng)頁在信息視覺傳達有效性方面的功能。

參考文獻：

[1]李嬋.網(wǎng)頁界面設計中信息的有效視覺傳達[D].河北師范大學，2014.

[2]李靜.基于視覺體驗的網(wǎng)頁界面極簡主義設計[D].中國地質大學，2013.

[3]鄭強偉.網(wǎng)頁界面設計中信息的有效視覺傳達研究[J].大眾文藝，2015，06：135.

[4]孫維潞.基于視覺信息傳達的網(wǎng)頁界面設計研究[J].藝術品鑒，2015，11：85.