網頁界面設計中平面視覺元素的應用探析

姚國熳 王海潮

摘要：我國是一個發展中的國家，很多領域都是需要我們進行探索的，網頁界面設計就是其中之一。目前，這一領域還存在很多不足，設計者的技術低、網頁的設計上水平低等，很大一部分原因是網頁設計師對于平面視覺元素的應用不甚了解，對色彩的應用也不是很準確，我國的網頁在設計上色彩大多平庸，不能直接的讓訪問者對其產生興趣。眾所周知，對于平面設計，視覺元素極為重要，本文主要就是針對平面設計中的視覺元素進行分析研究。

關鍵詞：視覺元素；色彩；趨勢；媒介；版面

在網絡的發展下，網站成為了新興的視覺傳播載體，用戶通過網站訪問可獲取最新的資訊，并享受網絡服務。我國目前對于網頁的制作設計還并非十分優秀，缺乏創造性，對受眾的吸引性不夠，針對這種現象，我們必須要思考如何提高網頁訪問量以及吸引更多的訪問者，并且明確視覺元素對平面設計的重要影響，主要針對視覺元素的效果進行可以應用的方向分析。

一、網頁界面設計的產生以及特點

在全新的21世紀，出現了一種全新的媒介——互聯網，它使我國產生了新興的網絡生活，這種媒介有效的推進了文明的發展，信息的傳遞更加快速便捷，網絡媒體急增，網絡也成為了設計人員的另一戰場，對傳統的紙上媒介設計產生了沖擊，現在，越來越多的網絡媒體產生，它們之間相互競爭，要想在多種媒體中取得成功，就要保證吸引更多的訪問者，這就需要將網頁設計的有吸引力，最簡單的方式就是在網頁中摻雜大量的平面視覺元素。這個數字化的時代，網頁設計要滿足實時性的特點，及時更新且不能受到地點時間的限制，擴大信息量，將大眾帶入信息化的大媒體時代。

二、網頁設計呈現的趨勢

趨勢一：人才緊缺。我們需要具備技術、懂得市場營銷的網站設計人才，但是目前人才市場上出現了供不應求的狀態，主要就是缺少高品質的人才，我們無法對網頁的設計產生有效的改變。

趨勢二：將會加大人機工程學思想的地位，學者認為，所有的產品都是圍繞著人展開的，人的需求就是產品存在的價值，只有人有需求，這種產品才會被開發、被大眾接受，所以網頁的設計就需要滿足人的種種要求，達到更加便捷、更加舒適的目的，充分為人民服務。

趨勢三：在網站的策劃設計上，全面加入文化的理念，這是一種學問，設計中也包含了很多方面的知識，其中有消費者心理學、美學、技術等等，這是知識的結合，利用結合所產生的效果設計出相對完美的網頁。

趨勢四：所有資源都可以進行整合，設計風格逐漸統一化，簡單來說，一般可以呈現出兩種不同的風格，一種是簡約風格，就是將所有設計簡單化、原始化，讓訪問者可以直接得到想要的，不會浪費過多的時間，另一種是個性化設計，現在網絡上網頁極多，為什么選擇該網頁成了設計網站的最重要問題，加入一些吸引人的個性化設計，將表現方式多樣化，具有強烈的視覺上的沖擊，讓訪問者更傾向于網站。

三、視覺元素在網頁界面設計中的重要性

隨著時代的進步，網絡成為現在的信息傳遞的重要方式，也成為了人們現在生活中必不可少的一部分。近年來，網頁數量直線攀升，可以說，網絡不僅僅是我們獲取信息的一種渠道了，更對我們的生活產生了不可估量影響。由之前的信息封閉，對新聞的了解不夠及時，看電影也只能在特定的時間、特定的地點進行觀看，到現在人們可以通過網頁了解到所有想要了解到的新聞、音樂、電影、文章等等，互聯網發揮了很多作用，互聯網還可以進行網絡上的經商，網店網購全面進行，同時也促進了我國的經濟發展。網絡的重要組成部分就是網頁，網頁的構成主要來自于設計，設計的目的就是讓大眾被視覺上的元素所吸引，從而有了解的欲望并實現信息的傳遞、所以網頁的設計必須要滿足人的心里需求與視覺需求以及生理上的需求，由此可見，視覺元素在網頁界面設計中有著極為重要的地位，在網頁的設計上，運用合適的視覺流程，構架好最為恰當的視覺導向，利用好視覺元素中美的一面，使平面看起來更加得體并且吸引人的眼球，達到明確清晰的將信息進行有效傳達的目的。

四、平面視覺元素的內容及應用

平面視覺元素就是指在平面上對視覺產生影響的元素，通俗的來說就是利用點、線、面三種最基本的元素構成的藝術，這些基本元素經過合理的搭配組合才有可能構成一個美麗的平面圖像，最簡單也是最基本的平面視覺元素就是圖像、圖形、版圖、文字與色彩。

（一）圖像、圖形

在網頁設計中，圖片的地位僅次于文字，它進入到網絡媒體中的時間也僅次于文字，可以說，圖像圖形的作用一點也不低于文字，甚至它對信息的傳達效果遠遠高于文字，在紙質媒介上的圖片對印刷的效果要求很高，清晰度的要求也很高，但是網上媒介不一樣，它對圖片的要求很低，因為圖片是在電腦或手機顯示屏上進行圖片顯示，人們的肉眼并不能區分圖片是否為高精度的圖片處理，現在網絡高速發展，電腦或手機儲存空間是有限的，所以要考慮到這一問題，就要盡量將圖片的文件盡量減小，并且盡量將大小進行控制。圖像圖形可以將信息簡單化表達，給訪問者更直觀的感受，這是文字表達不能帶來的效果，雖然它不能完全替代文字的作用，但是它將文字進行了升華，它可以比文字更加容易的吸引人的眼球，圖片的色彩豐富，更能給訪問者帶來較為深刻的印象。

（二）版圖

網頁設計中必不可少的一步就是版面設計，版面設計，就是指設計者在一個平面上的屏幕上將所有元素全部結合排版，進行合理化表達，將所有元素進行調和，根據網頁要求的設計方式與關系，因為信息量巨大，屏幕有限，所以很難可以向紙質上的印刷品一樣可以一看到底，往往需要訪問者進行頁面進行翻動，這個時候設計者可以選用兩種滾動方式，一種是縱向、一種是橫向。因為現在絕大多數人的閱讀習慣，所以我國的很多網頁都是采用的縱向翻頁方式，網頁的版面設計大多是要滿足網頁功能的需求，盡量達到簡潔并且清晰明了的表達內容信息，以實際的功能表現為主要目的，讓訪問者能夠快速的找到所需要的信息，并且有興趣繼續閱讀。

（三）文字

網頁的合格設計師首先要做的就是先了解好這個網站的作用、了解他們的企業文化、了解他們的受眾范圍等等，雖然現在信息的傳遞可以用圖像進行表示，但是文字在傳遞過程中的位置是無法取代的，尤其是在新聞類的網頁上，都需要大量的文字信息表達，再配合著很多整體的環境，例如形式等，是文字更加充分的進行表述，大量的文字是每個網頁上不可缺少的，文字的主要作用就是記錄語言，文字在網站中的在作用是其他任何元素都不能代替的，文字的應用也直接決定了網頁的整體效果。在網頁中，文字不僅表現了他記錄語言的作用，更是一種美學的體現，現在又出現了很多對文字的表現方式，就像將文字圖形化表達。設計者可以將文字進行藝術化表示，在意義不變的情況下，爭取把效果做到更好，用文字的效果吸引訪問者的眼球，增加訪問量。

（四）色彩

色彩是視覺效果可以達到巔峰的重要元素，色彩需要達到協調畫面整體的作用，將不同的、多彩的色彩進行不同的組合，達到不同的效果，色彩可以組合成不同的環境氛圍，或是溫馨、或是幸福。不同的氛圍，有不同的色彩組合，但是色彩不是隨便應用的，必須要符合網頁安全色的要求，根據研究表示，暖色系的網頁比冷色系的更加吸引人，人們對于顏色會產生相對應的生理反應，每一種顏色給人們帶來的視覺感受是不同的，如紅色讓人感受到熱情；藍色讓人感受到冷靜等，但是網頁在設計上不能亂用色彩，而是要色彩符合整體格調，要選定出主色調，其他色彩都是根據主色調進行選擇。一個優秀的網頁是可以給訪問者留下深刻印象的，而給訪問者留下深刻印象的最直接方式就是對色彩進行的應用，色彩可以通過人的視覺直接影響人的大腦。在所有的設計中，色彩的選擇是至關重要的，它可以決定網頁上的整體的格調，色彩，主要是由明度、色調和飽和度構成，色彩主要是由基本色純色構成，將基本色組合在一起產生新的混合顏色，色彩的配色也是極為重要的，它可以影響訪問者的心情，直接影響網頁的訪問量。

五、結語

網頁平面設計現在越來越受到重視，在網頁設計中平面視覺元素的地位也越來越高，主要由色彩、文字以及圖形版面構成，網頁基本是在電腦以及手機上進行顯示的，它的受眾大概都是年輕人，他們更注重視覺效果，更注重感官上的享受，所以，平面視覺元素極為重要，它的應用也極為廣泛，在不斷地探索中，視覺元素的地位愈發提高，網頁的設計水平也會越來越高。

【參考文獻】

[1]張晶.網頁設計中平面視覺元素的應用[J].中國管理信息化，2011（17）.

[2]夏蕾.網頁設計中平面視覺元素的運用分析[J].電子制作，2013（15）.

[3]藍機滿.網頁設計中平面視覺元素的應用[J].數字技術與應用，2012（07）.

[4]趙志茹.探討平面視覺元素在網頁設計中的運用[J].科技創新導報，2014（20）.