網(wǎng)頁(yè)界面設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用探析

姚國(guó)熳 王海潮

摘要：我國(guó)是一個(gè)發(fā)展中的國(guó)家，很多領(lǐng)域都是需要我們進(jìn)行探索的，網(wǎng)頁(yè)界面設(shè)計(jì)就是其中之一。目前，這一領(lǐng)域還存在很多不足，設(shè)計(jì)者的技術(shù)低、網(wǎng)頁(yè)的設(shè)計(jì)上水平低等，很大一部分原因是網(wǎng)頁(yè)設(shè)計(jì)師對(duì)于平面視覺(jué)元素的應(yīng)用不甚了解，對(duì)色彩的應(yīng)用也不是很準(zhǔn)確，我國(guó)的網(wǎng)頁(yè)在設(shè)計(jì)上色彩大多平庸，不能直接的讓訪(fǎng)問(wèn)者對(duì)其產(chǎn)生興趣。眾所周知，對(duì)于平面設(shè)計(jì)，視覺(jué)元素極為重要，本文主要就是針對(duì)平面設(shè)計(jì)中的視覺(jué)元素進(jìn)行分析研究。

關(guān)鍵詞：視覺(jué)元素；色彩；趨勢(shì)；媒介；版面

在網(wǎng)絡(luò)的發(fā)展下，網(wǎng)站成為了新興的視覺(jué)傳播載體，用戶(hù)通過(guò)網(wǎng)站訪(fǎng)問(wèn)可獲取最新的資訊，并享受網(wǎng)絡(luò)服務(wù)。我國(guó)目前對(duì)于網(wǎng)頁(yè)的制作設(shè)計(jì)還并非十分優(yōu)秀，缺乏創(chuàng)造性，對(duì)受眾的吸引性不夠，針對(duì)這種現(xiàn)象，我們必須要思考如何提高網(wǎng)頁(yè)訪(fǎng)問(wèn)量以及吸引更多的訪(fǎng)問(wèn)者，并且明確視覺(jué)元素對(duì)平面設(shè)計(jì)的重要影響，主要針對(duì)視覺(jué)元素的效果進(jìn)行可以應(yīng)用的方向分析。

一、網(wǎng)頁(yè)界面設(shè)計(jì)的產(chǎn)生以及特點(diǎn)

在全新的21世紀(jì)，出現(xiàn)了一種全新的媒介——互聯(lián)網(wǎng)，它使我國(guó)產(chǎn)生了新興的網(wǎng)絡(luò)生活，這種媒介有效的推進(jìn)了文明的發(fā)展，信息的傳遞更加快速便捷，網(wǎng)絡(luò)媒體急增，網(wǎng)絡(luò)也成為了設(shè)計(jì)人員的另一戰(zhàn)場(chǎng)，對(duì)傳統(tǒng)的紙上媒介設(shè)計(jì)產(chǎn)生了沖擊，現(xiàn)在，越來(lái)越多的網(wǎng)絡(luò)媒體產(chǎn)生，它們之間相互競(jìng)爭(zhēng)，要想在多種媒體中取得成功，就要保證吸引更多的訪(fǎng)問(wèn)者，這就需要將網(wǎng)頁(yè)設(shè)計(jì)的有吸引力，最簡(jiǎn)單的方式就是在網(wǎng)頁(yè)中摻雜大量的平面視覺(jué)元素。這個(gè)數(shù)字化的時(shí)代，網(wǎng)頁(yè)設(shè)計(jì)要滿(mǎn)足實(shí)時(shí)性的特點(diǎn)，及時(shí)更新且不能受到地點(diǎn)時(shí)間的限制，擴(kuò)大信息量，將大眾帶入信息化的大媒體時(shí)代。

二、網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)的趨勢(shì)

趨勢(shì)一：人才緊缺。我們需要具備技術(shù)、懂得市場(chǎng)營(yíng)銷(xiāo)的網(wǎng)站設(shè)計(jì)人才，但是目前人才市場(chǎng)上出現(xiàn)了供不應(yīng)求的狀態(tài)，主要就是缺少高品質(zhì)的人才，我們無(wú)法對(duì)網(wǎng)頁(yè)的設(shè)計(jì)產(chǎn)生有效的改變。

趨勢(shì)二：將會(huì)加大人機(jī)工程學(xué)思想的地位，學(xué)者認(rèn)為，所有的產(chǎn)品都是圍繞著人展開(kāi)的，人的需求就是產(chǎn)品存在的價(jià)值，只有人有需求，這種產(chǎn)品才會(huì)被開(kāi)發(fā)、被大眾接受，所以網(wǎng)頁(yè)的設(shè)計(jì)就需要滿(mǎn)足人的種種要求，達(dá)到更加便捷、更加舒適的目的，充分為人民服務(wù)。

趨勢(shì)三：在網(wǎng)站的策劃設(shè)計(jì)上，全面加入文化的理念，這是一種學(xué)問(wèn)，設(shè)計(jì)中也包含了很多方面的知識(shí)，其中有消費(fèi)者心理學(xué)、美學(xué)、技術(shù)等等，這是知識(shí)的結(jié)合，利用結(jié)合所產(chǎn)生的效果設(shè)計(jì)出相對(duì)完美的網(wǎng)頁(yè)。

趨勢(shì)四：所有資源都可以進(jìn)行整合，設(shè)計(jì)風(fēng)格逐漸統(tǒng)一化，簡(jiǎn)單來(lái)說(shuō)，一般可以呈現(xiàn)出兩種不同的風(fēng)格，一種是簡(jiǎn)約風(fēng)格，就是將所有設(shè)計(jì)簡(jiǎn)單化、原始化，讓訪(fǎng)問(wèn)者可以直接得到想要的，不會(huì)浪費(fèi)過(guò)多的時(shí)間，另一種是個(gè)性化設(shè)計(jì)，現(xiàn)在網(wǎng)絡(luò)上網(wǎng)頁(yè)極多，為什么選擇該網(wǎng)頁(yè)成了設(shè)計(jì)網(wǎng)站的最重要問(wèn)題，加入一些吸引人的個(gè)性化設(shè)計(jì)，將表現(xiàn)方式多樣化，具有強(qiáng)烈的視覺(jué)上的沖擊，讓訪(fǎng)問(wèn)者更傾向于網(wǎng)站。

三、視覺(jué)元素在網(wǎng)頁(yè)界面設(shè)計(jì)中的重要性

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

四、平面視覺(jué)元素的內(nèi)容及應(yīng)用

平面視覺(jué)元素就是指在平面上對(duì)視覺(jué)產(chǎn)生影響的元素，通俗的來(lái)說(shuō)就是利用點(diǎn)、線(xiàn)、面三種最基本的元素構(gòu)成的藝術(shù)，這些基本元素經(jīng)過(guò)合理的搭配組合才有可能構(gòu)成一個(gè)美麗的平面圖像，最簡(jiǎn)單也是最基本的平面視覺(jué)元素就是圖像、圖形、版圖、文字與色彩。

（一）圖像、圖形

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

（二）版圖

網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一步就是版面設(shè)計(jì)，版面設(shè)計(jì)，就是指設(shè)計(jì)者在一個(gè)平面上的屏幕上將所有元素全部結(jié)合排版，進(jìn)行合理化表達(dá)，將所有元素進(jìn)行調(diào)和，根據(jù)網(wǎng)頁(yè)要求的設(shè)計(jì)方式與關(guān)系，因?yàn)樾畔⒘烤薮?，屏幕有限，所以很難可以向紙質(zhì)上的印刷品一樣可以一看到底，往往需要訪(fǎng)問(wèn)者進(jìn)行頁(yè)面進(jìn)行翻動(dòng)，這個(gè)時(shí)候設(shè)計(jì)者可以選用兩種滾動(dòng)方式，一種是縱向、一種是橫向。因?yàn)楝F(xiàn)在絕大多數(shù)人的閱讀習(xí)慣，所以我國(guó)的很多網(wǎng)頁(yè)都是采用的縱向翻頁(yè)方式，網(wǎng)頁(yè)的版面設(shè)計(jì)大多是要滿(mǎn)足網(wǎng)頁(yè)功能的需求，盡量達(dá)到簡(jiǎn)潔并且清晰明了的表達(dá)內(nèi)容信息，以實(shí)際的功能表現(xiàn)為主要目的，讓訪(fǎng)問(wèn)者能夠快速的找到所需要的信息，并且有興趣繼續(xù)閱讀。

（三）文字

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

（四）色彩

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

五、結(jié)語(yǔ)

網(wǎng)頁(yè)平面設(shè)計(jì)現(xiàn)在越來(lái)越受到重視，在網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的地位也越來(lái)越高，主要由色彩、文字以及圖形版面構(gòu)成，網(wǎng)頁(yè)基本是在電腦以及手機(jī)上進(jìn)行顯示的，它的受眾大概都是年輕人，他們更注重視覺(jué)效果，更注重感官上的享受，所以，平面視覺(jué)元素極為重要，它的應(yīng)用也極為廣泛，在不斷地探索中，視覺(jué)元素的地位愈發(fā)提高，網(wǎng)頁(yè)的設(shè)計(jì)水平也會(huì)越來(lái)越高。

【參考文獻(xiàn)】

[1]張晶.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用[J].中國(guó)管理信息化，2011（17）.

[2]夏蕾.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的運(yùn)用分析[J].電子制作，2013（15）.

[3]藍(lán)機(jī)滿(mǎn).網(wǎng)頁(yè)設(shè)計(jì)中平面視覺(jué)元素的應(yīng)用[J].數(shù)字技術(shù)與應(yīng)用，2012（07）.

[4]趙志茹.探討平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用[J].科技創(chuàng)新導(dǎo)報(bào)，2014（20）.