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

陳潔

摘要：隨著我國經(jīng)濟(jì)的發(fā)展，互聯(lián)網(wǎng)技術(shù)也在不斷發(fā)展，其中信息技術(shù)的作用顯得更為突出，尤其在互聯(lián)網(wǎng)平臺上的網(wǎng)頁設(shè)計(jì)技術(shù)，因?yàn)槔镁W(wǎng)頁的一些優(yōu)勢性特點(diǎn)，在平面設(shè)計(jì)等不同的技術(shù)行業(yè)中有著重要的作用，網(wǎng)頁設(shè)計(jì)已經(jīng)在全球應(yīng)用非常廣泛，但在我國的網(wǎng)頁設(shè)計(jì)上更多的還是后臺的應(yīng)用，并沒有在前臺研究和應(yīng)用上有著更多的形式，對我國經(jīng)濟(jì)發(fā)展沒有起到很好的推動作用。因此，要進(jìn)行更多平面視覺的應(yīng)用，對于網(wǎng)頁設(shè)計(jì)的應(yīng)用有很強(qiáng)的經(jīng)濟(jì)意義，研究這項(xiàng)內(nèi)容對我國經(jīng)濟(jì)發(fā)展有著很好的推動作用。

關(guān)鍵詞：平面視覺元素;網(wǎng)頁設(shè)計(jì);應(yīng)用與發(fā)展

中圖分類號：TP393? ? ? 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2022）22-0075-02

網(wǎng)頁設(shè)計(jì)并不是單一的文字和圖片內(nèi)容的呈現(xiàn)，而是有著一定美感的實(shí)用技術(shù)的一種體現(xiàn)，有很好的藝術(shù)性。要想掌握好網(wǎng)頁設(shè)計(jì)技術(shù)就一定要了解網(wǎng)頁設(shè)計(jì)的特性，還要把握好網(wǎng)頁設(shè)計(jì)發(fā)展的趨勢，把網(wǎng)頁設(shè)計(jì)結(jié)合我國當(dāng)前經(jīng)濟(jì)的發(fā)展形勢特點(diǎn)進(jìn)行統(tǒng)一的規(guī)劃。雖然網(wǎng)頁設(shè)計(jì)在我國大踏步發(fā)展，但是結(jié)合全球一些發(fā)達(dá)國家的情況進(jìn)行對比，就可以看出網(wǎng)頁設(shè)計(jì)的發(fā)展在我國還有很長的路要走，限制它發(fā)展速度的原因主要是因?yàn)樵诰W(wǎng)頁設(shè)計(jì)技術(shù)以及應(yīng)用上還有很多的限制，缺乏一些科學(xué)性的理論指導(dǎo)，所以網(wǎng)頁設(shè)計(jì)不能在我國發(fā)展達(dá)到最佳的狀態(tài)。從網(wǎng)頁設(shè)計(jì)未來的長遠(yuǎn)發(fā)展來看，需要進(jìn)行相當(dāng)長一段時間的研究，并且要不斷探究、總結(jié)，從而找到一條適合我國網(wǎng)頁設(shè)計(jì)發(fā)展的特殊道路。

1 平面視覺元素和網(wǎng)頁設(shè)計(jì)概念

1.1 平面視覺元素和網(wǎng)頁設(shè)計(jì)內(nèi)容

對平面視覺元素，很多人都只知道表面，并不知道其中真正的意義。平面視覺元素要把圖形、圖像和文字以及一些特殊的元素進(jìn)行科學(xué)的組合，讓他們形成一種特殊的形狀和有美感的畫面，這些設(shè)計(jì)給民眾展示一定的視覺內(nèi)容，從而傳達(dá)具有特定意義的信息。[1]網(wǎng)頁設(shè)計(jì)是平面設(shè)計(jì)的展現(xiàn)形式之一，網(wǎng)頁設(shè)計(jì)可以對網(wǎng)頁整體、信息以及功能進(jìn)行統(tǒng)籌的概括，來滿足人們?nèi)粘５男畔@取需求。網(wǎng)頁設(shè)計(jì)隨著我國經(jīng)濟(jì)的發(fā)展，技術(shù)也是越來越復(fù)雜化和藝術(shù)化，加入一些平面視覺元素在網(wǎng)頁設(shè)計(jì)中，不僅能提升網(wǎng)頁設(shè)計(jì)的藝術(shù)表現(xiàn)，更重要的是為用戶帶來視覺的享受，能更加直觀地獲取信息。

1.2 平面視覺元素和網(wǎng)頁設(shè)計(jì)應(yīng)用優(yōu)勢

要更好地運(yùn)用平面視覺元素，就要把一些元素中有特點(diǎn)的內(nèi)容進(jìn)行綜合化的整合，比如要把圖形和色彩等一些網(wǎng)頁元素設(shè)計(jì)到符合大部分網(wǎng)頁瀏覽者對視覺和文字的審美需求，才是網(wǎng)頁設(shè)計(jì)到位的體現(xiàn)，更能留住一些穩(wěn)定的用戶，才能把握好企業(yè)的網(wǎng)站建設(shè)方向，才能推動企業(yè)在文化、商品以及服務(wù)等各方面結(jié)合網(wǎng)站建設(shè)才能推動企業(yè)的發(fā)展，這是網(wǎng)頁設(shè)計(jì)帶來的巨大的作用。要想持續(xù)進(jìn)行好網(wǎng)頁設(shè)計(jì)，就必須加強(qiáng)在網(wǎng)頁設(shè)計(jì)領(lǐng)域人才的培養(yǎng)，才能持續(xù)推動我國社會主義經(jīng)濟(jì)建設(shè)的發(fā)展。[2]

2 平面視覺元素在網(wǎng)頁設(shè)計(jì)中優(yōu)化策略

2.1 合理安排網(wǎng)頁版面

網(wǎng)頁設(shè)計(jì)的好與壞，版面能否吸引住大部分瀏覽者就是一個重要的評價標(biāo)準(zhǔn)，這就需要網(wǎng)頁設(shè)計(jì)工作者在網(wǎng)頁設(shè)計(jì)中不斷地探索出更好的展現(xiàn)方式。首先要保證網(wǎng)頁版面設(shè)計(jì)必須經(jīng)常更新，還要加入一些帶有視覺沖擊力的平面視覺元素在網(wǎng)頁中，這樣不僅很好地豐富了整個網(wǎng)頁版面設(shè)計(jì)，突出了網(wǎng)頁的特點(diǎn)，而且對網(wǎng)頁瀏覽者也是極佳的體驗(yàn)。

所以在具體的網(wǎng)頁設(shè)計(jì)工作中，具體的設(shè)計(jì)人員要根據(jù)網(wǎng)站內(nèi)容的特點(diǎn)去定好風(fēng)格，尤其是要根據(jù)整體的信息特點(diǎn)，來進(jìn)行最佳的選擇。只有確保觀眾在瀏覽信息時，把信息和網(wǎng)頁的美感進(jìn)行綜合感受，網(wǎng)頁的瀏覽率才能有質(zhì)的提升。[3]最后，對于在網(wǎng)頁的排版設(shè)計(jì)上，設(shè)計(jì)人員一定要把整體的網(wǎng)頁內(nèi)容和結(jié)構(gòu)進(jìn)行細(xì)致的研究，再進(jìn)行具體的版面設(shè)計(jì)，在充分研究的前提下才能更好掌握色彩技巧，優(yōu)化網(wǎng)頁版面的排版，帶給用戶極佳的瀏覽體驗(yàn)。

2.2 更優(yōu)化的網(wǎng)頁文字設(shè)計(jì)

在網(wǎng)頁設(shè)計(jì)的具體過程中，網(wǎng)頁文字的設(shè)計(jì)是網(wǎng)頁工作的重點(diǎn)。網(wǎng)頁設(shè)計(jì)雖然要注重一定的美感，但文字的設(shè)計(jì)才是信息表達(dá)的一個關(guān)鍵，好的文字內(nèi)容和文字設(shè)計(jì)才能提升用戶的瀏覽主動性。在具體的文字設(shè)計(jì)上，要注意文字在網(wǎng)頁中展現(xiàn)的位置，整體文字上的編排，還有在字體上怎么展現(xiàn)才能具備更好的美感。[4]尤其在具體的字體的選擇中，網(wǎng)頁設(shè)計(jì)不同于美術(shù)設(shè)計(jì)，對字體有一定的規(guī)定，最好是要用默認(rèn)的字體，才能讓用戶閱讀暢通無阻。

在網(wǎng)頁的具體設(shè)計(jì)上除了注意文字的字體，還需要注意文字的排版，用戶在網(wǎng)頁瀏覽閱讀的過程中，會受到手機(jī)或電腦等一些客觀條件因素的限制，網(wǎng)頁設(shè)計(jì)人員一定要充分考慮到這些問題，才能讓大部分用戶都可以對網(wǎng)頁內(nèi)容有一個全面的認(rèn)識，所以在網(wǎng)頁的設(shè)計(jì)上一定要選擇更常見的字體，字體大小的選擇也要符合用戶的觀感，字體一定盡可能避免使用藝術(shù)字和繁體字，才能體現(xiàn)出網(wǎng)頁設(shè)計(jì)的專業(yè)性，更重要的是方便用戶瀏覽閱讀到自己需要的信息。

2.3 提升整體和局部的協(xié)調(diào)

在網(wǎng)頁的具體設(shè)計(jì)上，要滿足部分網(wǎng)頁符合整體的設(shè)計(jì)，達(dá)到更好的和諧統(tǒng)一，注意網(wǎng)頁的整體色彩的應(yīng)用，更重要的是讓文字內(nèi)容和圖片內(nèi)容更好地進(jìn)行搭配，在網(wǎng)頁設(shè)計(jì)中利用平面視覺元素體現(xiàn)出不一樣的頁面效果，在具體的設(shè)計(jì)上要從用戶的體驗(yàn)感受去設(shè)計(jì)，把人們一般對色彩的感受結(jié)合起來進(jìn)行最佳的色彩搭配，符合用戶的觀感進(jìn)行組合。[5]

從色彩感知度來看，調(diào)查顯示暖色調(diào)比冷色調(diào)更容易吸引用戶的注意。所以一般在網(wǎng)頁設(shè)計(jì)中，絕大部分的網(wǎng)站設(shè)計(jì)上更多的使用暖色調(diào)的搭配方案，才能留住用戶長時間停留在網(wǎng)頁頁面上。在頁面的協(xié)調(diào)性上一定要注重局部和整體的協(xié)調(diào)，在設(shè)計(jì)上一定可以建立一些應(yīng)用模式，才能增強(qiáng)網(wǎng)頁的整體布局和體現(xiàn)效果，更好體現(xiàn)出網(wǎng)頁設(shè)計(jì)的價值。

2.4 對視覺元素具體的設(shè)計(jì)和調(diào)整

圖像元素是影響平面視覺元素最重要的一個關(guān)鍵點(diǎn)，圖像展現(xiàn)出絕佳的內(nèi)容才能帶給用戶全新的網(wǎng)頁瀏覽感受，在網(wǎng)頁的設(shè)計(jì)上，設(shè)計(jì)人員要把各種元素綜合運(yùn)用起來，完成頁面的整體設(shè)置，一般圖像獨(dú)立展示到我們眼前是需要高分辨率才能達(dá)到最佳的觀看效果，但網(wǎng)頁中的圖像不用那么大的圖片也可以達(dá)到最佳的觀看效果，如果使用的圖片過大就會導(dǎo)致網(wǎng)絡(luò)傳輸變慢，影響用戶在網(wǎng)頁瀏覽體驗(yàn)，極大限制網(wǎng)頁的整體體現(xiàn)效果。[6]最后一定要把圖片和網(wǎng)頁文字以及版面更好協(xié)調(diào)，保證網(wǎng)頁整體的美觀，才能達(dá)到好的瀏覽效果。

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

3.1 網(wǎng)頁版式調(diào)整設(shè)計(jì)

網(wǎng)頁在具體設(shè)計(jì)的過程中，就是把多個多媒體元素進(jìn)行不同的排列組合，讓這些元素達(dá)到最佳的觀看效果。網(wǎng)頁的設(shè)計(jì)不僅是要符合用戶的需求，還要結(jié)合網(wǎng)站的特點(diǎn)和網(wǎng)站的性質(zhì)來進(jìn)行具體的設(shè)計(jì)。

在具體的設(shè)計(jì)上要把網(wǎng)站的內(nèi)容和設(shè)計(jì)的風(fēng)格保持一致性，例如愛情網(wǎng)站要符合浪漫的氣息，旅游網(wǎng)站要符合美感氣息，這些都是要符合網(wǎng)站整體的特點(diǎn)進(jìn)行元素上的確定，在隨后的細(xì)節(jié)設(shè)計(jì)上，設(shè)計(jì)元素也可以有一些不同方式的嘗試，從而進(jìn)行更好的調(diào)整和變化，達(dá)到最好的瀏覽效果。尤其是在進(jìn)行網(wǎng)頁設(shè)計(jì)時不同元素的搭配上，特別要注重在色彩和圖像大小以及其他內(nèi)容上的細(xì)節(jié)上保持一定的穩(wěn)定，在網(wǎng)頁的具體設(shè)計(jì)上，不能讓網(wǎng)頁頁面全部鋪滿，適當(dāng)?shù)乇Ａ粢恍┌咨臻g，也就是留白，是視覺平衡的一個關(guān)鍵點(diǎn)，可以增強(qiáng)用戶對網(wǎng)站瀏覽信息的記憶度，增強(qiáng)網(wǎng)站內(nèi)容的傳播性。

3.2 網(wǎng)頁文字編排設(shè)計(jì)

文字排版看似不起眼，但對于網(wǎng)頁整體的界面來講有著不能忽視的作用，尤其是在具體的網(wǎng)頁設(shè)計(jì)上確保文字風(fēng)格和網(wǎng)站所蘊(yùn)含的價值核心一致性。例如如果要做個人網(wǎng)頁的設(shè)計(jì)，是要根據(jù)這個人的個人特點(diǎn)和擅長的領(lǐng)域內(nèi)容來進(jìn)行設(shè)計(jì)，要完全體現(xiàn)這個人的性格特點(diǎn)以及他擅長領(lǐng)域的內(nèi)容特點(diǎn);[7]例如對教育和文化遺產(chǎn)保護(hù)的網(wǎng)頁設(shè)計(jì)，設(shè)計(jì)人員一定要選擇符合主題特征的莊重的字體，提升網(wǎng)頁整體的感覺;對于商業(yè)網(wǎng)站的網(wǎng)頁設(shè)計(jì)，設(shè)計(jì)人員在設(shè)計(jì)的過程中要突出企業(yè)的核心文化，還要結(jié)合企業(yè)的發(fā)展特點(diǎn)以及商品的性質(zhì)來進(jìn)行設(shè)計(jì)。在進(jìn)行具體的文字設(shè)計(jì)中，一定要選擇好恰當(dāng)合適的字體才能符合用戶的觀感，對于字體的具體選用，一定避免選用不適合的字體，否則會讓網(wǎng)頁展現(xiàn)非常突兀。

3.3 網(wǎng)頁圖像處理設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)中，圖像也是一個重要的信息傳遞因素，一個好的圖像對比過多的文字，會給用戶帶來更好的展現(xiàn)效果，也能留住更多的用戶停留在網(wǎng)站頁面中，網(wǎng)頁圖片的設(shè)計(jì)讓畫面更加豐富，還能增強(qiáng)頁面的瀏覽性，更重要的是讓網(wǎng)頁更加有趣，讓更多人去停留在網(wǎng)頁中。

很多網(wǎng)頁的設(shè)置圖像形式一般是靜態(tài)圖像jpg格式或者是動態(tài)圖像gif形式，網(wǎng)頁設(shè)計(jì)人員更重要的是要掌握好PS等一些常用圖像處理軟件的使用，能對圖片進(jìn)行一些效果設(shè)計(jì)，尤其在選擇圖像的過程中，對于網(wǎng)頁的圖像合適度來講，選擇占用格式小的圖像往往比占用大的圖像更適合網(wǎng)頁展現(xiàn)，否則會加載過慢給用戶帶來不良的瀏覽體驗(yàn)。在圖像的具體安排上，設(shè)計(jì)人員也要結(jié)合文字的具體編排情況來進(jìn)行設(shè)置，否則圖像不僅不能體現(xiàn)出重要作用，反而會讓網(wǎng)頁表現(xiàn)顯得凌亂，總的來講網(wǎng)頁中的圖像一定要和網(wǎng)頁保持一定的協(xié)調(diào)，不能過多也不能過少，要完整地表達(dá)網(wǎng)站的整體內(nèi)容思想才是關(guān)鍵點(diǎn)。

3.4 網(wǎng)頁色彩搭配設(shè)計(jì)

在網(wǎng)頁的具體設(shè)計(jì)中，設(shè)計(jì)人員在最后的網(wǎng)頁設(shè)計(jì)進(jìn)程中一定要觀察網(wǎng)頁的色彩搭配，在互聯(lián)網(wǎng)飛速發(fā)展的今天，網(wǎng)頁的設(shè)計(jì)色彩如果達(dá)不到用戶的要求，就會被時代和用戶所淘汰。色彩在具體的應(yīng)用上不同的色彩內(nèi)容代表的意義也是有著巨大的不同，例如紅色象征著莊重，可以運(yùn)用在黨和政府的網(wǎng)站中;環(huán)保主題的網(wǎng)站可以多采用綠色為主色調(diào)。還有一些其他的網(wǎng)站可以根據(jù)你所要表現(xiàn)的主題和具體的網(wǎng)站內(nèi)容來運(yùn)用不同的色彩搭配。設(shè)計(jì)人員在具體的色彩搭配中一定要注重多個內(nèi)容，色彩要多選用暖色系，不要選擇沉悶的暗色調(diào)，彩色的頁面效果更吸引用戶的注意力。其次就是要確保色彩的搭配要結(jié)合網(wǎng)站的特點(diǎn)，例如音樂網(wǎng)站可以運(yùn)用不同的色彩色調(diào)，體現(xiàn)出音樂的律動性，給用戶帶來極佳的體驗(yàn)。最后網(wǎng)頁設(shè)計(jì)的色彩搭配一定要符合網(wǎng)站的主題，尤其是要避免網(wǎng)頁的色彩搭配中不符合網(wǎng)站主題的體現(xiàn)，例如黨和政府網(wǎng)站運(yùn)用多色彩的搭配就不符合政府網(wǎng)站的莊重性，嚴(yán)重影響用戶的觀看體驗(yàn)。

4 結(jié)束語

綜合來看，要想提升網(wǎng)頁設(shè)計(jì)的技術(shù)，就要把研究平面設(shè)計(jì)元素放到一個特殊的經(jīng)濟(jì)條件下來進(jìn)行，在網(wǎng)絡(luò)和經(jīng)濟(jì)發(fā)展快速的今天，平面視覺元素與多媒體技術(shù)要進(jìn)行多元化融合是提升網(wǎng)頁設(shè)計(jì)技術(shù)一種重要的形式，多媒體技術(shù)進(jìn)行一定的運(yùn)用可以讓平面設(shè)計(jì)工作更好為人民服務(wù)，重要的是滿足了人民的審美需求和實(shí)際的生活需求，這也是我國許多行業(yè)經(jīng)濟(jì)發(fā)展中不能忽視的特點(diǎn)。所以，對于網(wǎng)頁設(shè)計(jì)中的應(yīng)用，要不斷加強(qiáng)研究提升相關(guān)技術(shù)，進(jìn)行及時有效的解決，才能讓網(wǎng)頁設(shè)計(jì)工作在我國取得長遠(yuǎn)的發(fā)展，為我國經(jīng)濟(jì)提升發(fā)揮出自己重要的作用。

參考文獻(xiàn)：

[1] 李宇.探究平面視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用[J].新聞文化建設(shè)，2020（8）：111-112.

[2] 許瑩.淺析平面視覺元素在網(wǎng)頁界面設(shè)計(jì)中的應(yīng)用[J].好家長，2019（38）：136.

[3] 曹海英，元元.平面設(shè)計(jì)在網(wǎng)頁制作中的運(yùn)用研究[J].電腦編程技巧與維護(hù)，2020（12）：134-136.

[4] 楊琴.平面視覺元素在界面設(shè)計(jì)中的應(yīng)用[J].包裝工程，2019，40（6）：278-281.

[5] 林琳.探析平面視覺元素對網(wǎng)頁設(shè)計(jì)長遠(yuǎn)發(fā)展的促進(jìn)作用[J].文藝生活（下） ，2019（8）：164-165.

[6] 徐鑫.視覺創(chuàng)新在現(xiàn)代平面設(shè)計(jì)中的應(yīng)用研究[J].參花（上），2019（15）：114.

[7] 孫聰妮.視覺元素在網(wǎng)頁設(shè)計(jì)中的應(yīng)用與研究[J].衛(wèi)星電視與寬帶多媒體，2019（19）：56-57.

【通聯(lián)編輯：光文玲】