視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

【摘要】：現(xiàn)階段我國(guó)的科學(xué)技術(shù)有了很大程度發(fā)展，在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域的發(fā)展也有著要求提高，在設(shè)計(jì)中比較注重視覺元素的應(yīng)用。將視覺元素和網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行科學(xué)結(jié)合，就能對(duì)網(wǎng)頁(yè)設(shè)計(jì)的整體質(zhì)量水平有效提高。本文主要就網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展現(xiàn)狀以及設(shè)計(jì)的原則加以分析，然后結(jié)合實(shí)際對(duì)網(wǎng)頁(yè)設(shè)計(jì)發(fā)展趨勢(shì)和視覺元素的運(yùn)用詳細(xì)探究，希望能通過對(duì)視覺元素的運(yùn)用研究分析，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展起到促進(jìn)作用。

【關(guān)鍵詞】：網(wǎng)頁(yè)設(shè)計(jì);視覺元素;運(yùn)用

0.引言

網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展對(duì)諸多領(lǐng)域的發(fā)展都有著積極意義，通過網(wǎng)頁(yè)科學(xué)化設(shè)計(jì)，就能有利于信息的傳播，在視覺元素的應(yīng)用下，對(duì)信息瀏覽量能有效增加，從而就能有助于視覺作用的充分發(fā)揮。通過從理論上對(duì)網(wǎng)頁(yè)設(shè)計(jì)的視覺元素研究分析，就能對(duì)實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)發(fā)展提供理論支持。

1.網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展現(xiàn)狀以及設(shè)計(jì)的原則分析

1.1網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展現(xiàn)狀分析

從當(dāng)前的網(wǎng)頁(yè)設(shè)計(jì)發(fā)展的情況來(lái)看，其中還存在著諸多問題，在網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素堆砌以及內(nèi)容的缺乏問題比較突出。網(wǎng)頁(yè)設(shè)計(jì)中會(huì)涉及到諸多的內(nèi)容，在視覺的元素運(yùn)用也有著很高要求，其中有動(dòng)態(tài)以及交互等視覺元素，從實(shí)際網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展情況來(lái)看，視覺元素的雜亂無(wú)章性比較突出。還有就是在網(wǎng)頁(yè)設(shè)計(jì)中，受到利益性的影響比較突出，有的網(wǎng)站直接將廣告圖片懸掛在網(wǎng)頁(yè)內(nèi)容上，對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行覆蓋[1]。還有就是在模仿的現(xiàn)象上比較突出，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)新性沒有突出。網(wǎng)頁(yè)設(shè)計(jì)中的不確定性比較多，一些設(shè)計(jì)沒有按照科學(xué)方法，設(shè)計(jì)的不負(fù)責(zé)任等，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的進(jìn)一步發(fā)展就有著很大負(fù)面影響。再有就是技術(shù)的應(yīng)用下，對(duì)人的視覺上帶來(lái)的困擾，在欣賞的效果上不佳。

1.2網(wǎng)頁(yè)設(shè)計(jì)的原則分析

網(wǎng)頁(yè)的設(shè)計(jì)過程中，要注重遵循相應(yīng)的原則，這樣才能對(duì)網(wǎng)頁(yè)設(shè)計(jì)的效果良好呈現(xiàn)。在網(wǎng)頁(yè)設(shè)計(jì)中，要對(duì)網(wǎng)頁(yè)的特色以及內(nèi)涵加以明確呈現(xiàn)，對(duì)網(wǎng)站的經(jīng)營(yíng)理念以及定位要能得以有效傳遞，要充分注重在視覺上的沖擊，在網(wǎng)頁(yè)設(shè)計(jì)中的線條流暢性以及整體的美觀性能加以保障。在網(wǎng)頁(yè)設(shè)計(jì)中的和諧美感要能長(zhǎng)線[2]。網(wǎng)頁(yè)的設(shè)計(jì)要能對(duì)網(wǎng)絡(luò)環(huán)境友好，適合搜索引擎的檢索等，在設(shè)計(jì)的連續(xù)性以及擴(kuò)展性方面要能得以保障。在這些方面得到了重視，對(duì)網(wǎng)頁(yè)的設(shè)計(jì)效果良好呈現(xiàn)才能起到保障作用。

2.網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展趨勢(shì)以及視覺元素運(yùn)用

2.1網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展趨勢(shì)分析

網(wǎng)頁(yè)設(shè)計(jì)發(fā)展中，隨著網(wǎng)絡(luò)技術(shù)的迅速升級(jí)以及網(wǎng)絡(luò)的普及化，在網(wǎng)頁(yè)設(shè)計(jì)的要求上會(huì)愈來(lái)愈高。網(wǎng)頁(yè)設(shè)計(jì)中要注重以消費(fèi)者為導(dǎo)向進(jìn)行設(shè)計(jì)，從這一角度對(duì)網(wǎng)頁(yè)的外觀加以設(shè)計(jì)，對(duì)設(shè)計(jì)的美感以及功能作用的發(fā)揮充分體現(xiàn)。網(wǎng)頁(yè)設(shè)計(jì)的人性化是未來(lái)的重要發(fā)展趨勢(shì)，以及注重網(wǎng)頁(yè)設(shè)計(jì)的個(gè)性化和創(chuàng)新性的呈現(xiàn)，在網(wǎng)頁(yè)的設(shè)計(jì)中對(duì)視覺元素的科學(xué)運(yùn)用要加強(qiáng)重視。

2.2網(wǎng)頁(yè)設(shè)計(jì)視覺元素運(yùn)用

第一，文字視覺元素的運(yùn)用。將視覺元素在網(wǎng)頁(yè)設(shè)計(jì)中加以運(yùn)用，能體現(xiàn)出交互性以及多媒體化等特征，網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容涉及面也比較廣泛，其中有瀏覽者的感受視覺系統(tǒng)以及聽覺系統(tǒng)等，這些都需要將技術(shù)和藝術(shù)進(jìn)行有機(jī)的結(jié)合。在將視覺元素運(yùn)用在網(wǎng)頁(yè)設(shè)計(jì)中的時(shí)候，就要注重個(gè)視覺元素的有機(jī)結(jié)合。網(wǎng)頁(yè)設(shè)計(jì)中視覺元素中的文字是最為基礎(chǔ)，也是最為常用的視覺元素內(nèi)容[3]。字體能幫助用戶獲得網(wǎng)頁(yè)的信息，在網(wǎng)頁(yè)設(shè)計(jì)中，就要注重文字視覺元素的呈現(xiàn)，對(duì)文字的配色以及字體的選擇能和網(wǎng)站的主題相結(jié)合。文字的運(yùn)用在清晰可讀性方面要充分重視，對(duì)字體的大小以及背景色的運(yùn)用等，都要進(jìn)行綜合性考慮。在對(duì)文字視覺元素的運(yùn)用中，就要注重避免字體黯淡造成難讀，在色彩上和背景色彩要鮮明對(duì)比，對(duì)字體的位置安排，能夠和網(wǎng)頁(yè)整體的設(shè)計(jì)要求相符合，不能造成視覺上的沖突，能體現(xiàn)出主次分明。文字視覺元素的運(yùn)用中，在視覺上要注重給人以美感，讓人能通過文字的閱讀有美好的印象。在對(duì)文字視覺元素的運(yùn)用上，能夠體現(xiàn)出創(chuàng)造性，在視覺上要能帶給人別開生面的感覺，對(duì)設(shè)計(jì)者的創(chuàng)造意圖要能加以突出。字體和畫面的配合要合理性，在顏色自己部分的筆畫進(jìn)行適當(dāng)?shù)募庸ぬ幚恚谕暾缘男Ч夏苡行н_(dá)到。

第二，色彩視覺元素的運(yùn)用。網(wǎng)頁(yè)設(shè)計(jì)中的色彩視覺元素的運(yùn)用是必不可少的，色彩是人在視覺上比較敏感的，通過色彩也能對(duì)人的心理產(chǎn)生影響。在對(duì)色彩的妥善處理下，就能對(duì)創(chuàng)新性得以充分體現(xiàn)。網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用，要能充分重視主色調(diào)的科學(xué)運(yùn)用，對(duì)色彩的統(tǒng)一性以及層次感加以呈現(xiàn)[4]。網(wǎng)頁(yè)設(shè)計(jì)中對(duì)主頁(yè)的底色運(yùn)用要充分重視，在純度的調(diào)整下以及面積的調(diào)整下，對(duì)色彩加以科學(xué)應(yīng)用，就能從視覺上形成沖擊，通過色彩也能引導(dǎo)讀者閱讀。對(duì)網(wǎng)頁(yè)的主色調(diào)的運(yùn)用，就要結(jié)合網(wǎng)站的類型，例如對(duì)于政府部門的網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)中，在色彩的運(yùn)用上，主色調(diào)就是白色為主，文字顏色選擇黑色，這樣就能體現(xiàn)出整體的嚴(yán)肅性。

第三，版式視覺元素的運(yùn)用。網(wǎng)頁(yè)設(shè)計(jì)中的版式視覺元素的運(yùn)用也比較重要，網(wǎng)頁(yè)的版式包含的內(nèi)容主要有設(shè)計(jì)的風(fēng)格以及用戶界面，這對(duì)網(wǎng)頁(yè)的內(nèi)容安排以及方便瀏覽者理解有著積極作用。在排版方面要注重和網(wǎng)站內(nèi)容相結(jié)合，版式的運(yùn)用安排要注重主次分明，能在版式設(shè)計(jì)下將中心加以突出，讓瀏覽者能第一時(shí)間看到中心內(nèi)容，增加視覺效果。在版式的大小搭配上要能體現(xiàn)出相互呼應(yīng)。版式的安排要注重圖文并茂，能將圖片以及文字進(jìn)行有效配合，對(duì)頁(yè)面的活躍性要能加以突出，將網(wǎng)頁(yè)的內(nèi)容能加以豐富化。

第四，圖片視覺元素的運(yùn)用。網(wǎng)頁(yè)設(shè)計(jì)過程中的圖片元素也比較重要，圖片元素的運(yùn)用比文字的視覺沖擊更為直接，能直接方便瀏覽者對(duì)信息內(nèi)容的理解，在對(duì)圖片的信息傳輸效果上也比較強(qiáng)[5]。圖片的視覺元素運(yùn)用中，就要和文字以及版式進(jìn)行結(jié)合，在圖片的設(shè)計(jì)上能和文字內(nèi)容相結(jié)合，幫助瀏覽者對(duì)文字內(nèi)容的理解。通過這些方面的視覺元素運(yùn)用，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的效果良好呈現(xiàn)就有著積極作用。

3.結(jié)語(yǔ)

總而言之，對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的視覺元素運(yùn)用，要注重從多方面加強(qiáng)考慮，只有注重從實(shí)際出發(fā)，才能有助于網(wǎng)頁(yè)設(shè)計(jì)的質(zhì)量提高。通過對(duì)視覺元素中的各要素運(yùn)用研究分析，對(duì)增強(qiáng)網(wǎng)頁(yè)設(shè)計(jì)的視覺效果就比較有利，希望能通過此次理論研究，對(duì)實(shí)際網(wǎng)頁(yè)設(shè)計(jì)發(fā)展有所裨益。（指導(dǎo)老師：安陽(yáng)）

參考文獻(xiàn)：

[1]杜曉哲.視覺傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用原則[J]. 藝術(shù)與設(shè)計(jì)（理論）. 2014（09）

[2]李湘媛.網(wǎng)頁(yè)設(shè)計(jì)中的色彩語(yǔ)言表達(dá)[J]. 藝術(shù)教育. 2014（11）

[3]袁琳.網(wǎng)頁(yè)設(shè)計(jì)中的色彩應(yīng)用特點(diǎn)[J]. 藝術(shù)與設(shè)計(jì)（理論）. 2014（08）

[4]翟永宏.淺談色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J]. 美與時(shí)代（上）. 2015（10）

[5]陳振宇.色彩在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J]. 才智. 2014（18）