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

蔣姍

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

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

中圖分類號：TP393.092? 文獻標(biāo)識碼：A? 文章編號：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ù)背景的影響下，我國互聯(lián)網(wǎng)技術(shù)逐漸發(fā)展，對人類社會的信息傳播方式產(chǎn)生了重大影響，因而對網(wǎng)頁的設(shè)計提出了更高的需求。平面視覺元素應(yīng)用于網(wǎng)頁設(shè)計中，不僅突出了網(wǎng)頁中的文字、色彩和主題，而且能對用戶具有一定的吸引性，進一步滿足用戶對網(wǎng)頁顯示出的信息傳達(dá)效果。

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻：

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

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