錢娜 周來

隨著科技的飛速發(fā)展，網(wǎng)頁已經(jīng)成為信息傳播的普遍方式之一。網(wǎng)頁為人們提供文字、圖像、影音等實時信息，而平面設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用可以使網(wǎng)頁更具視覺吸引力、提高信息傳達的效用。本文從平面設(shè)計與網(wǎng)頁設(shè)計的概念入手，對平面設(shè)計基礎(chǔ)元素在網(wǎng)頁設(shè)計中的應(yīng)用進行分析。

一、平面設(shè)計與網(wǎng)頁設(shè)計概述

（一）平面設(shè)計的概念

平面設(shè)計是以科學(xué)為基礎(chǔ)、以技術(shù)為手段、以藝術(shù)為形式，運用視覺符號、文字、插圖、標(biāo)識等來傳遞給信息接收者各種信息的設(shè)計，起到傳播和推廣作用。平面設(shè)計是在平面二維空間內(nèi)進行的設(shè)計活動，涉及二維空間內(nèi)各個元素的設(shè)計和布局。平面設(shè)計的根本任務(wù)在于信息的傳遞，運用圖形、符號、文字等元素，營造鮮活的視覺效果，吸引觀者注意力，更好地對事物進行宣傳和推廣。隨著工業(yè)革命的到來，平面設(shè)計也隨之發(fā)展，現(xiàn)代平面設(shè)計的內(nèi)涵不僅包括排版、色彩構(gòu)成、字體設(shè)計等方面，還包含設(shè)計師的設(shè)計思想和傳達理念。平面設(shè)計的應(yīng)用體現(xiàn)在生活中的各個領(lǐng)域，例如廣告、書籍的裝幀、產(chǎn)品的包裝設(shè)計和宣傳海報等，隨著技術(shù)和審美的進步，網(wǎng)絡(luò)經(jīng)濟的高速發(fā)展也為平面設(shè)計帶來了一次革新，在新媒體與信息交互等新興行業(yè)也多有涉及和應(yīng)用，在快速的信息審閱中，以簡潔的形式成為信息接收者的認知和記憶點是平面設(shè)計重要的作用之一。當(dāng)網(wǎng)頁設(shè)計成為平面設(shè)計的新舞臺，平面設(shè)計元素在網(wǎng)頁頁面設(shè)計中不僅傳達著豐富的內(nèi)涵，同樣也提高了視覺審美。

（二）網(wǎng)頁設(shè)計的概念

21世紀(jì)隨著互聯(lián)網(wǎng)的興起，網(wǎng)絡(luò)的高速高效、信息的包羅萬象、圖文互動等特點都對傳統(tǒng)的報紙、書刊、廣播等媒介產(chǎn)生了巨大沖擊。數(shù)字化的傳播網(wǎng)站包含多種傳統(tǒng)媒介的綜合信息，以其時效性、不受地域時間限制、信息準(zhǔn)確的特點為我們帶來了全新的閱讀體驗。網(wǎng)頁設(shè)計是按照企業(yè)希望向訪問者傳播的信息，進行網(wǎng)站功能策劃，然后對網(wǎng)站頁面進行風(fēng)格化美化、排版等設(shè)計。網(wǎng)頁的數(shù)字化界面設(shè)計采用了和紙質(zhì)媒介相同的視覺元素，文字、圖形、色彩等元素在傳達信息的同時也擔(dān)負著豐富視覺審美的作用，給予網(wǎng)頁個性化的主題風(fēng)格，或?qū)㈨撁骈g各功能區(qū)域有機地聯(lián)系起來，處理好頁面間內(nèi)容與秩序的關(guān)系。

隨著網(wǎng)絡(luò)科技不斷發(fā)展，人們對美的要求越來越高，對網(wǎng)頁設(shè)計的審美需求也愈來愈強烈，對網(wǎng)站頁面的需求不再只是對信息的獲取，豐富的視覺享受和愉悅的瀏覽體驗對用戶更具吸引力。規(guī)整清晰的網(wǎng)頁設(shè)計也能更高效地傳遞信息，網(wǎng)頁的視覺表現(xiàn)從單一的文字編排發(fā)展到多種視覺元素的綜合表現(xiàn)，網(wǎng)頁的頁面設(shè)計也成為平面設(shè)計的延伸發(fā)展領(lǐng)域。

二、平面設(shè)計的基礎(chǔ)應(yīng)用形式

（一）色彩

色彩可以決定作品或網(wǎng)頁的主題基調(diào)，給觀者帶來不同的心理感受和酣暢的視覺享受。色彩帶有很強的情感意味，在平面設(shè)計中設(shè)計師可借助色彩確定作品的主題基調(diào)，以及向觀者表達自己的藝術(shù)意境。在信息傳達過程中，接收者往往對色彩有著最敏感、最強烈的感受，色彩是平面設(shè)計的關(guān)鍵因素之一，要想合理地進行平面設(shè)計，就要認識和把握色彩的運用理念。

（二）圖形圖像

將設(shè)計理念以及傳達的信息圖形化、平面化是將意象轉(zhuǎn)變?yōu)榫呦蟮倪^程，設(shè)計者想要傳達的信息以這種更直接、更通俗易懂的形式表達，使受眾可以快速接收信息并且在不知不覺中與信息產(chǎn)生關(guān)聯(lián)想象，刺激大腦對所讀信息的認知，快速接收信息，比單純的文字表達更令人印象深刻。圖形的不同形狀也使觀者有著不同感受，例如越尖銳的形狀越讓人感到敏捷、活力、刺激等，而圓潤的形狀則給人恬靜、安穩(wěn)、祥和的感受，這點在平面構(gòu)成中也有著相同的表現(xiàn)，通過對圖形按照重復(fù)、漸變、發(fā)射、空間等原則進行編排組合，給觀者以情感共鳴和視覺刺激。

（三）字符

字符在視覺傳達中是最為直接的表達方式。文字產(chǎn)生的最初是人在實踐中對事物的具體形態(tài)進行觀察、總結(jié)，進行思維的二次創(chuàng)作演變而來的?？梢哉f，文字被創(chuàng)造就是為了信息的記錄和傳遞。在平面設(shè)計中，文字的運用是必不可少的，設(shè)計師可以根據(jù)作品主題、理念，選擇不同的字體來呼應(yīng)整個作品的視覺感受。當(dāng)我們將文字當(dāng)作“圖形”來處理時，不一樣的字體也和圖形一樣給人不一樣的心理感受——楷體穩(wěn)重、行書瀟灑、黑體單純直白等。

（四）版式

版式是平面設(shè)計的整體呈現(xiàn)。將文字、圖形、圖像進行編排、提煉、組合，在網(wǎng)頁所限定的范圍中通過造型元素和形式美法則進行視覺的編排和信息的關(guān)聯(lián)。在整個版式的設(shè)計中，注重統(tǒng)一中的對比、變化和變化中的統(tǒng)一是極其重要的，只有版面中各元素有節(jié)奏韻律地結(jié)合來襯托畫面才不會讓人枯燥乏味。并且要注重構(gòu)圖的重要性，人視覺的瀏覽順序總是從上到下，從左到右，再回到視覺中心，但畫面的變化、圖形的聚散、色彩的明暗都對視覺中心有一定的影響，所以需要設(shè)計師合理編排各元素的位置。

三、平面設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用

（一）版式布局的應(yīng)用

網(wǎng)頁作為平面設(shè)計的網(wǎng)絡(luò)延伸，隨著網(wǎng)絡(luò)的覆蓋和普及，網(wǎng)頁在信息的傳達與交流中發(fā)揮著重要作用，網(wǎng)頁是功能性與視覺審美的統(tǒng)一。隨著大眾審美水平的提高，網(wǎng)頁信息的展示不能僅僅是單純的信息羅列和板塊的堆砌，信息繁雜重點不突出，不利于信息的傳遞，版式的混亂也會降低用戶的體驗感，甚至引起觀者的反感焦躁情緒。所以，為了更好地吸引受眾、更快速便捷地傳遞信息，在保證網(wǎng)頁功能性的同時，要提高用戶體驗感和視覺觀感。想要達到這一目的就要運用平面設(shè)計的基本設(shè)計元素，設(shè)計出更符合受眾審美的網(wǎng)頁。網(wǎng)頁界面的版式?jīng)Q定著界面的功能布局和元素的分布，將平面設(shè)計中的版式設(shè)計應(yīng)用到網(wǎng)頁設(shè)計中是進行網(wǎng)頁靜態(tài)設(shè)計的第一步。版式設(shè)計在網(wǎng)頁設(shè)計中有一定的實用功能，主要體現(xiàn)在版式設(shè)計可以讓使用者在快速瀏覽網(wǎng)頁的同時抓住網(wǎng)頁的重點內(nèi)容，讓人機交流能夠有效進行，還可以讓復(fù)雜的網(wǎng)頁內(nèi)容重點突出、主次分明。版式設(shè)計是體現(xiàn)網(wǎng)頁設(shè)計整體感和創(chuàng)意感的載體，它能夠讓充滿創(chuàng)意的網(wǎng)頁頁面更加和諧、更具表現(xiàn)性。將版式設(shè)計應(yīng)用到網(wǎng)頁設(shè)計中也要注重用戶的視覺體驗感，只有符合用戶心理預(yù)期的、引人入勝的版式設(shè)計才能吸引用戶。

（二）文字的編排與設(shè)計

文字在網(wǎng)頁中擔(dān)任著主要的信息傳達功能，如果想要更好地達到信息傳達的目的，文字的整體編排就要注重文字的可讀性，要和圖像信息做區(qū)域的劃分，并且保持頁面的簡潔性，這樣才能使信息的接收者清晰明了地讀懂所傳遞的信息。不可以使大量的文字在頁面中看起來凝結(jié)在一處，與圖像完全割裂，也不能讓文字散落區(qū)域過多，給觀者造成閱讀混亂，抓不到重點的視覺感受，當(dāng)然，以大量文字為主的新聞門戶類網(wǎng)站就另當(dāng)別論了。在設(shè)計以大量文字作為主體的網(wǎng)站網(wǎng)頁時，為了避免大量文字信息的出現(xiàn)給觀者帶來視覺混亂，要對文字進行字號大小、粗細、顏色等主次劃分，引導(dǎo)讀者的閱讀主次及瀏覽順序。例如，標(biāo)題或某一區(qū)域的主題文字字號總是大于正文文字，顏色或字體粗細也較正文有明顯區(qū)別，而區(qū)域正文的文字區(qū)分于標(biāo)題文字的同時，還應(yīng)注重文字的間距、行距等細節(jié)，這些細節(jié)影響著文字的可讀性及傳達性。對整個頁面的文字布局要注重區(qū)域板塊的布局和對主次信息的區(qū)分，同時還要保持頁面的簡潔。文字字體的選擇要遵循整體網(wǎng)頁的調(diào)性。例如，新聞資訊類網(wǎng)頁的字體選擇要注重簡潔大方、可讀性強。如果是文化教育類網(wǎng)頁則要選擇字形端正、穩(wěn)重的字體。而企業(yè)品牌類文字的編輯或是年輕活力，或是商務(wù)嚴肅都是根據(jù)其品牌理念、企業(yè)精神以及目標(biāo)受眾的審美來決定的，既要符合品牌理念，又要盡可能地迎合受眾人群的喜好，符合受眾人群特點。在網(wǎng)頁設(shè)計文字的編排上應(yīng)反復(fù)推敲，以帶給用戶愉悅流暢的閱讀享受，使信息更好地傳達給受眾。

（三）圖形圖像的編排

雖然文字的傳達性決定了它在網(wǎng)頁中不可替代的重要性，但是在整個網(wǎng)頁中文字的占比并不總是處于主體地位，要使網(wǎng)頁更加生動有趣，最便捷的方法便是圖片的引入，圖片對觀者的吸引力遠遠大于文字，并且正確充分表達設(shè)計含義的圖形能夠給人們對網(wǎng)頁內(nèi)容的理解帶來保障。目前一些信息整合類網(wǎng)站和新聞資訊類等網(wǎng)站還是以大量文字作為網(wǎng)頁主體，但是隨著科技的進步和人們審美水平的提高，一些商業(yè)品牌網(wǎng)站開始趨向以大量圖像、視頻動畫作為網(wǎng)頁的主體，只輔以少量必要的文字信息作為產(chǎn)品和理念的介紹。例如某品牌官方網(wǎng)站在網(wǎng)頁中直接使用大面積的產(chǎn)品圖片，大量圖像的使用使得網(wǎng)頁更加直觀生動。許多電子產(chǎn)品的官方網(wǎng)站越來越多地增加圖像的使用面積。對消費者來說，圖像的吸引力是大于文字介紹的，大面積高清產(chǎn)品圖像的呈現(xiàn)，讓人在進入網(wǎng)站時就能清晰地了解產(chǎn)品的特性、激發(fā)購買欲，并且起著美化網(wǎng)頁的作用。圖像的應(yīng)用可以使網(wǎng)頁更加生動、具有美感，但是在編輯圖形圖像時也要注重圖像的分辨率、大小等因素對網(wǎng)頁觀感的影響，清晰且高質(zhì)量的圖像可以提高網(wǎng)頁的質(zhì)感。對品牌產(chǎn)品網(wǎng)頁來講，可以通過增加產(chǎn)品的高級感和品質(zhì)感，提高產(chǎn)品的吸引力來達到促進銷售的目的。要注意的是，在不同類型的網(wǎng)頁設(shè)計上，要根據(jù)網(wǎng)頁的主題、功能等因素調(diào)整圖像的使用數(shù)量和面積占比，不能一概而論。

（四）顏色的應(yīng)用

顏色的應(yīng)用在網(wǎng)頁設(shè)計中是不可或缺的，色彩的搭配方案直接決定著網(wǎng)頁的主題和定位。合理地運用平面色彩元素進行網(wǎng)頁設(shè)計，可以有效提升網(wǎng)頁的視覺效果。具體搭配上，以二到三種顏色進行配色最為合理，不宜過多。顏色的具體選擇上還要考慮網(wǎng)站網(wǎng)頁的類型，例如，在政府或國家服務(wù)型網(wǎng)頁設(shè)計中，多用紅色或藍色為主色，而在企業(yè)網(wǎng)站設(shè)計中，多選取與公司視覺形象相統(tǒng)一的顏色，與公司文化理念等進行呼應(yīng)。在色彩心理學(xué)上，不同顏色有著自己獨特的心理象征，如在網(wǎng)頁設(shè)計中，綠色、藍色能夠給人輕松、自然、健康、歡快的輕松感，能夠緩解人們的視覺壓力，同時又能給人肅靜的感覺;紅色和黃色代表溫暖和熱烈，同時又可以代表警示的意味，而每個人的生活經(jīng)驗和知識背景不同，對色彩的聯(lián)想反應(yīng)也不盡相同，總而言之，網(wǎng)頁設(shè)計中顏色的運用需要考慮設(shè)計主題、網(wǎng)頁主題和受眾人群等各方面的因素。顏色的感情特點和頁面設(shè)計融會貫通才能設(shè)計出充分表現(xiàn)主題特色、合理且吸引人眼球的網(wǎng)頁設(shè)計。

四、平面設(shè)計在網(wǎng)頁設(shè)計中的新元素——動態(tài)元素

網(wǎng)絡(luò)的高速發(fā)展使得平面設(shè)計在網(wǎng)頁設(shè)計的應(yīng)用中得到了新的發(fā)展，使平面設(shè)計元素從二維空間向三維空間擴展，產(chǎn)生了依托于科技的動態(tài)設(shè)計元素。動態(tài)元素是平面設(shè)計的二維元素與科技手段相結(jié)合所制作的聲音、動畫和視頻文件等，這些動態(tài)元素在網(wǎng)頁設(shè)計中起到活躍畫面、營造生動氛圍的重要作用。動態(tài)元素具有很強的數(shù)字化時代特征，高度迎合了瀏覽者的心理又極具親和力，既能對觀者心理和視覺感受之間進行調(diào)和，又能營造出某種帶有情緒、感覺的氛圍，使瀏覽者在愉悅的環(huán)境中接受網(wǎng)頁所傳達的信息，帶來全面的視覺享受。音樂可以調(diào)動瀏覽者的情緒，烘托主題氛圍，使得網(wǎng)頁瀏覽者的視覺感受和記憶感知更深刻。無論是動畫、視頻，還是聲音在網(wǎng)頁的設(shè)計目標(biāo)都是使文字、圖形的靜與動結(jié)合，讓視覺和心理產(chǎn)生層次豐富的空間聯(lián)系，讓瀏覽者在網(wǎng)絡(luò)中帶著興趣和熱情去接受所傳遞的信息。動態(tài)元素作為平面視覺元素一種新的表現(xiàn)形式，它在網(wǎng)頁設(shè)計中的運用可以使瀏覽者在接受信息時有多感官的感受和記憶，相較于單純的二維平面設(shè)計能更高效地傳播信息，并且隨著科技的不斷進步，動態(tài)視覺元素也將成為平面設(shè)計發(fā)展的重要方向和流行風(fēng)向。

五、結(jié)語

在網(wǎng)頁設(shè)計中運用平面設(shè)計要素進行設(shè)計，不僅可以達到網(wǎng)頁功能和美感的統(tǒng)一，還能達到信息傳遞和藝術(shù)設(shè)計的均衡。但是，目前許多網(wǎng)頁都存在著技術(shù)與藝術(shù)分離的問題，如大多數(shù)網(wǎng)頁注重技術(shù)的實用性，忽略頁面的美感，網(wǎng)頁設(shè)計只做靜態(tài)界面設(shè)計，技術(shù)人員只做技術(shù)，從而產(chǎn)生設(shè)計人員的理想設(shè)計效果無法達到或網(wǎng)頁的技術(shù)含量高但是缺乏美感的問題。除此之外，如何將平面設(shè)計元素在網(wǎng)頁設(shè)計中運用得當(dāng)，在頁面中如何和諧自然地傳遞好信息，也是需要我們不斷探索的一門藝術(shù)。以視覺為導(dǎo)向的網(wǎng)頁信息傳遞，在瀏覽過程中給用戶帶來更愉悅的瀏覽體驗。所以，在網(wǎng)頁設(shè)計中，除了對網(wǎng)頁內(nèi)容的精益求精外，更要考慮視覺上的藝術(shù)享受，只有真正達到用戶心理預(yù)期，符合受眾審美的網(wǎng)頁設(shè)計，才能讓觀者產(chǎn)生共鳴，才能更好地實現(xiàn)信息的傳遞。

參考文獻：

[1]李銀興.視覺傳達在網(wǎng)頁設(shè)計中的運用研究[D].山東大學(xué)，2009.

[2]董海斌.平面視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用研究[D].西安理工大學(xué)，2008.

[3]余紅珍.平面視覺元素在網(wǎng)頁設(shè)計中的應(yīng)用研究[J].軟件，2021（2）：147-149.

[4]劉倩倩.網(wǎng)頁設(shè)計之視覺信息傳達分析[J].數(shù)碼世界，2020（12）：94-95.

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

（作者簡介：錢娜，女，碩士研究生，吉林藝術(shù)學(xué)院，副教授，研究方向：視覺傳達設(shè)計;周來，女，碩士研究生在讀，吉林藝術(shù)學(xué)院設(shè)計學(xué)院，研究方向：視覺傳達設(shè)計）

（責(zé)任編輯 劉月嬌）