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

蔣姍

摘要：本文基于對(duì)網(wǎng)頁(yè)設(shè)計(jì)的簡(jiǎn)單了解，根據(jù)對(duì)網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用平面視覺(jué)元素重要性的分析研究，提出將平面視覺(jué)元素包含的色彩、文字、圖像和板式等視覺(jué)元素充分應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中的有效應(yīng)用路徑，突出網(wǎng)頁(yè)信息的視覺(jué)性、可讀性與條理性，進(jìn)一步促進(jìn)我國(guó)網(wǎng)頁(yè)設(shè)計(jì)的蓬勃發(fā)展。

關(guān)鍵詞：視覺(jué)元素;網(wǎng)頁(yè)設(shè)計(jì);應(yīng)用路徑

中圖分類號(hào)：TP393.092? 文獻(xiàn)標(biāo)識(shí)碼：A? 文章編號(hào)：1672-9129（2020）01-0013-01

Abstract： in this paper， based on the simple understanding of the web page design， based on the analysis of the importance of application of plane visual element in web design research， put forward the plane visual element contains visual elements such as colour， text， images， and plate fully applied to effective application path in web design， highlight the vision of web information， readability and organization， to further promote the vigorous development of web design in our country.

Key words： visual elements; Web design; Application path

引言：在大數(shù)據(jù)背景的影響下，我國(guó)互聯(lián)網(wǎng)技術(shù)逐漸發(fā)展，對(duì)人類社會(huì)的信息傳播方式產(chǎn)生了重大影響，因而對(duì)網(wǎng)頁(yè)的設(shè)計(jì)提出了更高的需求。平面視覺(jué)元素應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中，不僅突出了網(wǎng)頁(yè)中的文字、色彩和主題，而且能對(duì)用戶具有一定的吸引性，進(jìn)一步滿足用戶對(duì)網(wǎng)頁(yè)顯示出的信息傳達(dá)效果。

1? 網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用平面視覺(jué)元素的重要性

在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)中，不同網(wǎng)站的設(shè)計(jì)風(fēng)格是根據(jù)其表現(xiàn)的主題內(nèi)容所設(shè)計(jì)的，所以具有一定的差異性，而網(wǎng)站的設(shè)計(jì)風(fēng)格往往決定了如何進(jìn)行主題的呈現(xiàn)與功能的展示。優(yōu)異的網(wǎng)頁(yè)設(shè)計(jì)中大都充分有效利用了平面視覺(jué)元素的優(yōu)勢(shì)，不僅能吸引讀者用戶的眼球，而且能明確網(wǎng)站主題，從中獲取有效且正確的應(yīng)用信息，構(gòu)建起網(wǎng)頁(yè)與用戶之間的視覺(jué)橋梁[1]。

2? 平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用路徑

2.1色彩視覺(jué)元素的應(yīng)用。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，色彩視覺(jué)元素的應(yīng)用與搭配是體現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的主要表現(xiàn)形式，通過(guò)不同顏色給人帶來(lái)的不同心理暗示，讓用戶在觀看網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中具有一定的視覺(jué)沖擊，更傳達(dá)出強(qiáng)烈的主題情緒。

在進(jìn)行色彩視覺(jué)設(shè)計(jì)中應(yīng)主要考慮色彩的風(fēng)格與色彩的搭配兩個(gè)方面。色彩的選擇應(yīng)該以色彩的含義與網(wǎng)頁(yè)的主題為基礎(chǔ)，了解每種顏色背后的含義以及顏色搭配在一起會(huì)出現(xiàn)哪些視覺(jué)效果，避免導(dǎo)致由于圖像色彩的誤用導(dǎo)致色彩的現(xiàn)實(shí)含義與網(wǎng)頁(yè)主題出現(xiàn)背道而馳的現(xiàn)象。平面設(shè)計(jì)師應(yīng)該科學(xué)合理的運(yùn)用色彩進(jìn)行搭配，從而使顏色真正意義上做到強(qiáng)化網(wǎng)頁(yè)主題的作用。例如：平面設(shè)計(jì)師在設(shè)計(jì)兒童網(wǎng)站、購(gòu)物網(wǎng)站或是游樂(lè)園宣傳網(wǎng)站，則應(yīng)該順應(yīng)主題需求，突出主題含義，應(yīng)用一些明亮的暖色調(diào)來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì);當(dāng)設(shè)計(jì)師在設(shè)計(jì)學(xué)術(shù)、科技以及電子商務(wù)類的網(wǎng)頁(yè)時(shí)，則需要根據(jù)要求應(yīng)用灰色系冷色調(diào)來(lái)表達(dá)出網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的穩(wěn)重和嚴(yán)謹(jǐn)性。

2.2文字視覺(jué)元素的應(yīng)用。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，文字視覺(jué)元素的應(yīng)用是向用戶傳遞網(wǎng)頁(yè)主題信息的重要載體，占據(jù)著網(wǎng)頁(yè)設(shè)計(jì)中的主要地位。而文字視覺(jué)元素既包含了內(nèi)在含義，又展現(xiàn)了外在形象，在很大程度上決定了整個(gè)網(wǎng)站的主題體驗(yàn)效果，因此需要提高文字的辨識(shí)性與易讀性。設(shè)計(jì)師在設(shè)計(jì)過(guò)程中需要針對(duì)網(wǎng)頁(yè)主題，需要考慮文字的字體、顏色、大小的設(shè)計(jì)以及合理對(duì)其進(jìn)行編排，充分展現(xiàn)網(wǎng)頁(yè)整體美感，與色彩元素搭配吸引用戶閱讀興趣[2]。

對(duì)網(wǎng)頁(yè)文字的編排設(shè)計(jì)主要包括字體類型選擇、文字組合編排、文字導(dǎo)向編輯等，而設(shè)計(jì)人員需要遵循文字編排的一定規(guī)律對(duì)其進(jìn)行組合創(chuàng)造，進(jìn)一步增強(qiáng)文字本身的視覺(jué)形象，同時(shí)在編排設(shè)計(jì)過(guò)程中需要主義文字的明確性和匹配性，避免出現(xiàn)偏離網(wǎng)頁(yè)主題的現(xiàn)象。例如：在網(wǎng)頁(yè)文字編排時(shí)需要注意文字之間的行間距、行寬、行對(duì)齊以及文字?jǐn)?shù)量等因素影響。行間距不易過(guò)窄或過(guò)寬，在文字過(guò)多的情況下，對(duì)文字進(jìn)行分欄模式。網(wǎng)頁(yè)都只選擇一種除兩端對(duì)齊以外的文本對(duì)齊方式，這樣才能實(shí)現(xiàn)網(wǎng)頁(yè)的規(guī)范性?？刹捎脠D文結(jié)合的方式營(yíng)造詼諧舒適的閱讀環(huán)境。

2.3圖像視覺(jué)元素的應(yīng)用 。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，圖像視覺(jué)元素的應(yīng)用是影響網(wǎng)頁(yè)整體美感的關(guān)鍵要素，帶有較強(qiáng)的視覺(jué)影響力和視覺(jué)沖擊力，具有一定的藝術(shù)美感。在信息傳遞方面，圖像比文字更具有直接性、高效性和簡(jiǎn)潔性。圖像、文字和色彩三者之間的相互配合，能夠在短時(shí)間內(nèi)充分彰顯出網(wǎng)頁(yè)的主題，給用戶留下深刻印象。

在網(wǎng)頁(yè)設(shè)計(jì)中的圖像，一般都是具有一定的導(dǎo)向和鏈接功能。例如：圖像的主要格式為JPG與GIF兩種格式，而在圖形編排設(shè)計(jì)中主要有方形圖、退底圖、化網(wǎng)圖、出血圖以及多圖混用等設(shè)計(jì)方式，其中方形圖是應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中最常見(jiàn)的圖像設(shè)計(jì)方式，其本身具有簡(jiǎn)潔大方的特性，但過(guò)多的應(yīng)用一種設(shè)計(jì)方式會(huì)使用戶產(chǎn)生古板、呆滯的感覺(jué)。退底圖是設(shè)計(jì)者根據(jù)版面內(nèi)容的需要，將圖片中精選部分沿邊緣進(jìn)行剪裁，其本身具有自由活躍的特性，但過(guò)多的應(yīng)用退底圖會(huì)給用戶造成雜亂無(wú)章的感覺(jué)。

2.4板式視覺(jué)元素的應(yīng)用。板式視覺(jué)元素設(shè)計(jì)指的就是將網(wǎng)頁(yè)中的各項(xiàng)元素在科學(xué)合理的條件下，進(jìn)行一定的整合配置，從而達(dá)到符合的設(shè)計(jì)需求。具體來(lái)說(shuō)，就是對(duì)已有的文字元素設(shè)計(jì)、色彩元素設(shè)計(jì)、圖像元素設(shè)計(jì)等元素風(fēng)格進(jìn)行相互關(guān)聯(lián)，最終實(shí)行有機(jī)統(tǒng)一，為更好使平面視覺(jué)元素服務(wù)于網(wǎng)頁(yè)設(shè)計(jì)奠定基礎(chǔ)。

板式視覺(jué)設(shè)計(jì)主要分為曲線型、自由型、三角型、骨骼型等多種類型方式，其分別表示著不同的板式類型特征。比如曲線型的特征就是能夠增強(qiáng)帶動(dòng)網(wǎng)頁(yè)的節(jié)奏感與韻律感，使網(wǎng)頁(yè)彰顯動(dòng)感活力;自由型能夠充分體現(xiàn)出網(wǎng)頁(yè)的輕松愉悅性;三角形則區(qū)分為正三角和倒三角，兩者都能夠使網(wǎng)頁(yè)的整體設(shè)計(jì)兼具動(dòng)感與穩(wěn)重感的有效結(jié)合;骨骼型則是能夠體現(xiàn)出網(wǎng)頁(yè)整體的大致構(gòu)架，突出網(wǎng)頁(yè)設(shè)計(jì)主題，增強(qiáng)整體設(shè)計(jì)的和諧型。網(wǎng)頁(yè)設(shè)計(jì)人員只有把握好不同設(shè)計(jì)類型的不同特性效果，才能有效突出網(wǎng)頁(yè)設(shè)計(jì)主題。

結(jié)論：綜上所述，平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中起著至關(guān)重要的作用，而且能有效影響傳遞信息的表達(dá)方式。色彩、文字、圖像和板式等視覺(jué)元素的合理運(yùn)用，能起到進(jìn)一步突出網(wǎng)頁(yè)主題的作用，并通過(guò)不斷優(yōu)化平面視覺(jué)元素搭配，使網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格更能吸引讀者用戶，并逐漸趨于優(yōu)勢(shì)化發(fā)展。

參考文獻(xiàn)：

[1]向芊西.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].文教資料，2019，03：84-85.

[2]張穎.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用[J].電子技術(shù)與軟件工程，2019，05：59.