錢娜 周來(lái)
隨著科技的飛速發(fā)展,網(wǎng)頁(yè)已經(jīng)成為信息傳播的普遍方式之一。網(wǎng)頁(yè)為人們提供文字、圖像、影音等實(shí)時(shí)信息,而平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用可以使網(wǎng)頁(yè)更具視覺(jué)吸引力、提高信息傳達(dá)的效用。本文從平面設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的概念入手,對(duì)平面設(shè)計(jì)基礎(chǔ)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用進(jìn)行分析。
一、平面設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)概述
(一)平面設(shè)計(jì)的概念
平面設(shè)計(jì)是以科學(xué)為基礎(chǔ)、以技術(shù)為手段、以藝術(shù)為形式,運(yùn)用視覺(jué)符號(hào)、文字、插圖、標(biāo)識(shí)等來(lái)傳遞給信息接收者各種信息的設(shè)計(jì),起到傳播和推廣作用。平面設(shè)計(jì)是在平面二維空間內(nèi)進(jìn)行的設(shè)計(jì)活動(dòng),涉及二維空間內(nèi)各個(gè)元素的設(shè)計(jì)和布局。平面設(shè)計(jì)的根本任務(wù)在于信息的傳遞,運(yùn)用圖形、符號(hào)、文字等元素,營(yíng)造鮮活的視覺(jué)效果,吸引觀者注意力,更好地對(duì)事物進(jìn)行宣傳和推廣。隨著工業(yè)革命的到來(lái),平面設(shè)計(jì)也隨之發(fā)展,現(xiàn)代平面設(shè)計(jì)的內(nèi)涵不僅包括排版、色彩構(gòu)成、字體設(shè)計(jì)等方面,還包含設(shè)計(jì)師的設(shè)計(jì)思想和傳達(dá)理念。平面設(shè)計(jì)的應(yīng)用體現(xiàn)在生活中的各個(gè)領(lǐng)域,例如廣告、書(shū)籍的裝幀、產(chǎn)品的包裝設(shè)計(jì)和宣傳海報(bào)等,隨著技術(shù)和審美的進(jìn)步,網(wǎng)絡(luò)經(jīng)濟(jì)的高速發(fā)展也為平面設(shè)計(jì)帶來(lái)了一次革新,在新媒體與信息交互等新興行業(yè)也多有涉及和應(yīng)用,在快速的信息審閱中,以簡(jiǎn)潔的形式成為信息接收者的認(rèn)知和記憶點(diǎn)是平面設(shè)計(jì)重要的作用之一。當(dāng)網(wǎng)頁(yè)設(shè)計(jì)成為平面設(shè)計(jì)的新舞臺(tái),平面設(shè)計(jì)元素在網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中不僅傳達(dá)著豐富的內(nèi)涵,同樣也提高了視覺(jué)審美。
(二)網(wǎng)頁(yè)設(shè)計(jì)的概念
21世紀(jì)隨著互聯(lián)網(wǎng)的興起,網(wǎng)絡(luò)的高速高效、信息的包羅萬(wàn)象、圖文互動(dòng)等特點(diǎn)都對(duì)傳統(tǒng)的報(bào)紙、書(shū)刊、廣播等媒介產(chǎn)生了巨大沖擊。數(shù)字化的傳播網(wǎng)站包含多種傳統(tǒng)媒介的綜合信息,以其時(shí)效性、不受地域時(shí)間限制、信息準(zhǔn)確的特點(diǎn)為我們帶來(lái)了全新的閱讀體驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)是按照企業(yè)希望向訪問(wèn)者傳播的信息,進(jìn)行網(wǎng)站功能策劃,然后對(duì)網(wǎng)站頁(yè)面進(jìn)行風(fēng)格化美化、排版等設(shè)計(jì)。網(wǎng)頁(yè)的數(shù)字化界面設(shè)計(jì)采用了和紙質(zhì)媒介相同的視覺(jué)元素,文字、圖形、色彩等元素在傳達(dá)信息的同時(shí)也擔(dān)負(fù)著豐富視覺(jué)審美的作用,給予網(wǎng)頁(yè)個(gè)性化的主題風(fēng)格,或?qū)㈨?yè)面間各功能區(qū)域有機(jī)地聯(lián)系起來(lái),處理好頁(yè)面間內(nèi)容與秩序的關(guān)系。
隨著網(wǎng)絡(luò)科技不斷發(fā)展,人們對(duì)美的要求越來(lái)越高,對(duì)網(wǎng)頁(yè)設(shè)計(jì)的審美需求也愈來(lái)愈強(qiáng)烈,對(duì)網(wǎng)站頁(yè)面的需求不再只是對(duì)信息的獲取,豐富的視覺(jué)享受和愉悅的瀏覽體驗(yàn)對(duì)用戶更具吸引力。規(guī)整清晰的網(wǎng)頁(yè)設(shè)計(jì)也能更高效地傳遞信息,網(wǎng)頁(yè)的視覺(jué)表現(xiàn)從單一的文字編排發(fā)展到多種視覺(jué)元素的綜合表現(xiàn),網(wǎng)頁(yè)的頁(yè)面設(shè)計(jì)也成為平面設(shè)計(jì)的延伸發(fā)展領(lǐng)域。
二、平面設(shè)計(jì)的基礎(chǔ)應(yīng)用形式
(一)色彩
色彩可以決定作品或網(wǎng)頁(yè)的主題基調(diào),給觀者帶來(lái)不同的心理感受和酣暢的視覺(jué)享受。色彩帶有很強(qiáng)的情感意味,在平面設(shè)計(jì)中設(shè)計(jì)師可借助色彩確定作品的主題基調(diào),以及向觀者表達(dá)自己的藝術(shù)意境。在信息傳達(dá)過(guò)程中,接收者往往對(duì)色彩有著最敏感、最強(qiáng)烈的感受,色彩是平面設(shè)計(jì)的關(guān)鍵因素之一,要想合理地進(jìn)行平面設(shè)計(jì),就要認(rèn)識(shí)和把握色彩的運(yùn)用理念。
(二)圖形圖像
將設(shè)計(jì)理念以及傳達(dá)的信息圖形化、平面化是將意象轉(zhuǎn)變?yōu)榫呦蟮倪^(guò)程,設(shè)計(jì)者想要傳達(dá)的信息以這種更直接、更通俗易懂的形式表達(dá),使受眾可以快速接收信息并且在不知不覺(jué)中與信息產(chǎn)生關(guān)聯(lián)想象,刺激大腦對(duì)所讀信息的認(rèn)知,快速接收信息,比單純的文字表達(dá)更令人印象深刻。圖形的不同形狀也使觀者有著不同感受,例如越尖銳的形狀越讓人感到敏捷、活力、刺激等,而圓潤(rùn)的形狀則給人恬靜、安穩(wěn)、祥和的感受,這點(diǎn)在平面構(gòu)成中也有著相同的表現(xiàn),通過(guò)對(duì)圖形按照重復(fù)、漸變、發(fā)射、空間等原則進(jìn)行編排組合,給觀者以情感共鳴和視覺(jué)刺激。
(三)字符
字符在視覺(jué)傳達(dá)中是最為直接的表達(dá)方式。文字產(chǎn)生的最初是人在實(shí)踐中對(duì)事物的具體形態(tài)進(jìn)行觀察、總結(jié),進(jìn)行思維的二次創(chuàng)作演變而來(lái)的??梢哉f(shuō),文字被創(chuàng)造就是為了信息的記錄和傳遞。在平面設(shè)計(jì)中,文字的運(yùn)用是必不可少的,設(shè)計(jì)師可以根據(jù)作品主題、理念,選擇不同的字體來(lái)呼應(yīng)整個(gè)作品的視覺(jué)感受。當(dāng)我們將文字當(dāng)作“圖形”來(lái)處理時(shí),不一樣的字體也和圖形一樣給人不一樣的心理感受——楷體穩(wěn)重、行書(shū)瀟灑、黑體單純直白等。
(四)版式
版式是平面設(shè)計(jì)的整體呈現(xiàn)。將文字、圖形、圖像進(jìn)行編排、提煉、組合,在網(wǎng)頁(yè)所限定的范圍中通過(guò)造型元素和形式美法則進(jìn)行視覺(jué)的編排和信息的關(guān)聯(lián)。在整個(gè)版式的設(shè)計(jì)中,注重統(tǒng)一中的對(duì)比、變化和變化中的統(tǒng)一是極其重要的,只有版面中各元素有節(jié)奏韻律地結(jié)合來(lái)襯托畫面才不會(huì)讓人枯燥乏味。并且要注重構(gòu)圖的重要性,人視覺(jué)的瀏覽順序總是從上到下,從左到右,再回到視覺(jué)中心,但畫面的變化、圖形的聚散、色彩的明暗都對(duì)視覺(jué)中心有一定的影響,所以需要設(shè)計(jì)師合理編排各元素的位置。
三、平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
(一)版式布局的應(yīng)用
網(wǎng)頁(yè)作為平面設(shè)計(jì)的網(wǎng)絡(luò)延伸,隨著網(wǎng)絡(luò)的覆蓋和普及,網(wǎng)頁(yè)在信息的傳達(dá)與交流中發(fā)揮著重要作用,網(wǎng)頁(yè)是功能性與視覺(jué)審美的統(tǒng)一。隨著大眾審美水平的提高,網(wǎng)頁(yè)信息的展示不能僅僅是單純的信息羅列和板塊的堆砌,信息繁雜重點(diǎn)不突出,不利于信息的傳遞,版式的混亂也會(huì)降低用戶的體驗(yàn)感,甚至引起觀者的反感焦躁情緒。所以,為了更好地吸引受眾、更快速便捷地傳遞信息,在保證網(wǎng)頁(yè)功能性的同時(shí),要提高用戶體驗(yàn)感和視覺(jué)觀感。想要達(dá)到這一目的就要運(yùn)用平面設(shè)計(jì)的基本設(shè)計(jì)元素,設(shè)計(jì)出更符合受眾審美的網(wǎng)頁(yè)。網(wǎng)頁(yè)界面的版式?jīng)Q定著界面的功能布局和元素的分布,將平面設(shè)計(jì)中的版式設(shè)計(jì)應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)中是進(jìn)行網(wǎng)頁(yè)靜態(tài)設(shè)計(jì)的第一步。版式設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中有一定的實(shí)用功能,主要體現(xiàn)在版式設(shè)計(jì)可以讓使用者在快速瀏覽網(wǎng)頁(yè)的同時(shí)抓住網(wǎng)頁(yè)的重點(diǎn)內(nèi)容,讓人機(jī)交流能夠有效進(jìn)行,還可以讓復(fù)雜的網(wǎng)頁(yè)內(nèi)容重點(diǎn)突出、主次分明。版式設(shè)計(jì)是體現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)整體感和創(chuàng)意感的載體,它能夠讓充滿創(chuàng)意的網(wǎng)頁(yè)頁(yè)面更加和諧、更具表現(xiàn)性。將版式設(shè)計(jì)應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)中也要注重用戶的視覺(jué)體驗(yàn)感,只有符合用戶心理預(yù)期的、引人入勝的版式設(shè)計(jì)才能吸引用戶。
(二)文字的編排與設(shè)計(jì)
文字在網(wǎng)頁(yè)中擔(dān)任著主要的信息傳達(dá)功能,如果想要更好地達(dá)到信息傳達(dá)的目的,文字的整體編排就要注重文字的可讀性,要和圖像信息做區(qū)域的劃分,并且保持頁(yè)面的簡(jiǎn)潔性,這樣才能使信息的接收者清晰明了地讀懂所傳遞的信息。不可以使大量的文字在頁(yè)面中看起來(lái)凝結(jié)在一處,與圖像完全割裂,也不能讓文字散落區(qū)域過(guò)多,給觀者造成閱讀混亂,抓不到重點(diǎn)的視覺(jué)感受,當(dāng)然,以大量文字為主的新聞門戶類網(wǎng)站就另當(dāng)別論了。在設(shè)計(jì)以大量文字作為主體的網(wǎng)站網(wǎng)頁(yè)時(shí),為了避免大量文字信息的出現(xiàn)給觀者帶來(lái)視覺(jué)混亂,要對(duì)文字進(jìn)行字號(hào)大小、粗細(xì)、顏色等主次劃分,引導(dǎo)讀者的閱讀主次及瀏覽順序。例如,標(biāo)題或某一區(qū)域的主題文字字號(hào)總是大于正文文字,顏色或字體粗細(xì)也較正文有明顯區(qū)別,而區(qū)域正文的文字區(qū)分于標(biāo)題文字的同時(shí),還應(yīng)注重文字的間距、行距等細(xì)節(jié),這些細(xì)節(jié)影響著文字的可讀性及傳達(dá)性。對(duì)整個(gè)頁(yè)面的文字布局要注重區(qū)域板塊的布局和對(duì)主次信息的區(qū)分,同時(shí)還要保持頁(yè)面的簡(jiǎn)潔。文字字體的選擇要遵循整體網(wǎng)頁(yè)的調(diào)性。例如,新聞資訊類網(wǎng)頁(yè)的字體選擇要注重簡(jiǎn)潔大方、可讀性強(qiáng)。如果是文化教育類網(wǎng)頁(yè)則要選擇字形端正、穩(wěn)重的字體。而企業(yè)品牌類文字的編輯或是年輕活力,或是商務(wù)嚴(yán)肅都是根據(jù)其品牌理念、企業(yè)精神以及目標(biāo)受眾的審美來(lái)決定的,既要符合品牌理念,又要盡可能地迎合受眾人群的喜好,符合受眾人群特點(diǎn)。在網(wǎng)頁(yè)設(shè)計(jì)文字的編排上應(yīng)反復(fù)推敲,以帶給用戶愉悅流暢的閱讀享受,使信息更好地傳達(dá)給受眾。
(三)圖形圖像的編排
雖然文字的傳達(dá)性決定了它在網(wǎng)頁(yè)中不可替代的重要性,但是在整個(gè)網(wǎng)頁(yè)中文字的占比并不總是處于主體地位,要使網(wǎng)頁(yè)更加生動(dòng)有趣,最便捷的方法便是圖片的引入,圖片對(duì)觀者的吸引力遠(yuǎn)遠(yuǎn)大于文字,并且正確充分表達(dá)設(shè)計(jì)含義的圖形能夠給人們對(duì)網(wǎng)頁(yè)內(nèi)容的理解帶來(lái)保障。目前一些信息整合類網(wǎng)站和新聞資訊類等網(wǎng)站還是以大量文字作為網(wǎng)頁(yè)主體,但是隨著科技的進(jìn)步和人們審美水平的提高,一些商業(yè)品牌網(wǎng)站開(kāi)始趨向以大量圖像、視頻動(dòng)畫作為網(wǎng)頁(yè)的主體,只輔以少量必要的文字信息作為產(chǎn)品和理念的介紹。例如某品牌官方網(wǎng)站在網(wǎng)頁(yè)中直接使用大面積的產(chǎn)品圖片,大量圖像的使用使得網(wǎng)頁(yè)更加直觀生動(dòng)。許多電子產(chǎn)品的官方網(wǎng)站越來(lái)越多地增加圖像的使用面積。對(duì)消費(fèi)者來(lái)說(shuō),圖像的吸引力是大于文字介紹的,大面積高清產(chǎn)品圖像的呈現(xiàn),讓人在進(jìn)入網(wǎng)站時(shí)就能清晰地了解產(chǎn)品的特性、激發(fā)購(gòu)買欲,并且起著美化網(wǎng)頁(yè)的作用。圖像的應(yīng)用可以使網(wǎng)頁(yè)更加生動(dòng)、具有美感,但是在編輯圖形圖像時(shí)也要注重圖像的分辨率、大小等因素對(duì)網(wǎng)頁(yè)觀感的影響,清晰且高質(zhì)量的圖像可以提高網(wǎng)頁(yè)的質(zhì)感。對(duì)品牌產(chǎn)品網(wǎng)頁(yè)來(lái)講,可以通過(guò)增加產(chǎn)品的高級(jí)感和品質(zhì)感,提高產(chǎn)品的吸引力來(lái)達(dá)到促進(jìn)銷售的目的。要注意的是,在不同類型的網(wǎng)頁(yè)設(shè)計(jì)上,要根據(jù)網(wǎng)頁(yè)的主題、功能等因素調(diào)整圖像的使用數(shù)量和面積占比,不能一概而論。
(四)顏色的應(yīng)用
顏色的應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)中是不可或缺的,色彩的搭配方案直接決定著網(wǎng)頁(yè)的主題和定位。合理地運(yùn)用平面色彩元素進(jìn)行網(wǎng)頁(yè)設(shè)計(jì),可以有效提升網(wǎng)頁(yè)的視覺(jué)效果。具體搭配上,以二到三種顏色進(jìn)行配色最為合理,不宜過(guò)多。顏色的具體選擇上還要考慮網(wǎng)站網(wǎng)頁(yè)的類型,例如,在政府或國(guó)家服務(wù)型網(wǎng)頁(yè)設(shè)計(jì)中,多用紅色或藍(lán)色為主色,而在企業(yè)網(wǎng)站設(shè)計(jì)中,多選取與公司視覺(jué)形象相統(tǒng)一的顏色,與公司文化理念等進(jìn)行呼應(yīng)。在色彩心理學(xué)上,不同顏色有著自己獨(dú)特的心理象征,如在網(wǎng)頁(yè)設(shè)計(jì)中,綠色、藍(lán)色能夠給人輕松、自然、健康、歡快的輕松感,能夠緩解人們的視覺(jué)壓力,同時(shí)又能給人肅靜的感覺(jué);紅色和黃色代表溫暖和熱烈,同時(shí)又可以代表警示的意味,而每個(gè)人的生活經(jīng)驗(yàn)和知識(shí)背景不同,對(duì)色彩的聯(lián)想反應(yīng)也不盡相同,總而言之,網(wǎng)頁(yè)設(shè)計(jì)中顏色的運(yùn)用需要考慮設(shè)計(jì)主題、網(wǎng)頁(yè)主題和受眾人群等各方面的因素。顏色的感情特點(diǎn)和頁(yè)面設(shè)計(jì)融會(huì)貫通才能設(shè)計(jì)出充分表現(xiàn)主題特色、合理且吸引人眼球的網(wǎng)頁(yè)設(shè)計(jì)。
四、平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的新元素——?jiǎng)討B(tài)元素
網(wǎng)絡(luò)的高速發(fā)展使得平面設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用中得到了新的發(fā)展,使平面設(shè)計(jì)元素從二維空間向三維空間擴(kuò)展,產(chǎn)生了依托于科技的動(dòng)態(tài)設(shè)計(jì)元素。動(dòng)態(tài)元素是平面設(shè)計(jì)的二維元素與科技手段相結(jié)合所制作的聲音、動(dòng)畫和視頻文件等,這些動(dòng)態(tài)元素在網(wǎng)頁(yè)設(shè)計(jì)中起到活躍畫面、營(yíng)造生動(dòng)氛圍的重要作用。動(dòng)態(tài)元素具有很強(qiáng)的數(shù)字化時(shí)代特征,高度迎合了瀏覽者的心理又極具親和力,既能對(duì)觀者心理和視覺(jué)感受之間進(jìn)行調(diào)和,又能營(yíng)造出某種帶有情緒、感覺(jué)的氛圍,使瀏覽者在愉悅的環(huán)境中接受網(wǎng)頁(yè)所傳達(dá)的信息,帶來(lái)全面的視覺(jué)享受。音樂(lè)可以調(diào)動(dòng)瀏覽者的情緒,烘托主題氛圍,使得網(wǎng)頁(yè)瀏覽者的視覺(jué)感受和記憶感知更深刻。無(wú)論是動(dòng)畫、視頻,還是聲音在網(wǎng)頁(yè)的設(shè)計(jì)目標(biāo)都是使文字、圖形的靜與動(dòng)結(jié)合,讓視覺(jué)和心理產(chǎn)生層次豐富的空間聯(lián)系,讓瀏覽者在網(wǎng)絡(luò)中帶著興趣和熱情去接受所傳遞的信息。動(dòng)態(tài)元素作為平面視覺(jué)元素一種新的表現(xiàn)形式,它在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用可以使瀏覽者在接受信息時(shí)有多感官的感受和記憶,相較于單純的二維平面設(shè)計(jì)能更高效地傳播信息,并且隨著科技的不斷進(jìn)步,動(dòng)態(tài)視覺(jué)元素也將成為平面設(shè)計(jì)發(fā)展的重要方向和流行風(fēng)向。
五、結(jié)語(yǔ)
在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用平面設(shè)計(jì)要素進(jìn)行設(shè)計(jì),不僅可以達(dá)到網(wǎng)頁(yè)功能和美感的統(tǒng)一,還能達(dá)到信息傳遞和藝術(shù)設(shè)計(jì)的均衡。但是,目前許多網(wǎng)頁(yè)都存在著技術(shù)與藝術(shù)分離的問(wèn)題,如大多數(shù)網(wǎng)頁(yè)注重技術(shù)的實(shí)用性,忽略頁(yè)面的美感,網(wǎng)頁(yè)設(shè)計(jì)只做靜態(tài)界面設(shè)計(jì),技術(shù)人員只做技術(shù),從而產(chǎn)生設(shè)計(jì)人員的理想設(shè)計(jì)效果無(wú)法達(dá)到或網(wǎng)頁(yè)的技術(shù)含量高但是缺乏美感的問(wèn)題。除此之外,如何將平面設(shè)計(jì)元素在網(wǎng)頁(yè)設(shè)計(jì)中運(yùn)用得當(dāng),在頁(yè)面中如何和諧自然地傳遞好信息,也是需要我們不斷探索的一門藝術(shù)。以視覺(jué)為導(dǎo)向的網(wǎng)頁(yè)信息傳遞,在瀏覽過(guò)程中給用戶帶來(lái)更愉悅的瀏覽體驗(yàn)。所以,在網(wǎng)頁(yè)設(shè)計(jì)中,除了對(duì)網(wǎng)頁(yè)內(nèi)容的精益求精外,更要考慮視覺(jué)上的藝術(shù)享受,只有真正達(dá)到用戶心理預(yù)期,符合受眾審美的網(wǎng)頁(yè)設(shè)計(jì),才能讓觀者產(chǎn)生共鳴,才能更好地實(shí)現(xiàn)信息的傳遞。
參考文獻(xiàn):
[1]李銀興.視覺(jué)傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用研究[D].山東大學(xué),2009.
[2]董海斌.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究[D].西安理工大學(xué),2008.
[3]余紅珍.平面視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用研究[J].軟件,2021(2):147-149.
[4]劉倩倩.網(wǎng)頁(yè)設(shè)計(jì)之視覺(jué)信息傳達(dá)分析[J].數(shù)碼世界,2020(12):94-95.
[5]曹海英,元元.平面設(shè)計(jì)在網(wǎng)頁(yè)制作中的運(yùn)用研究[J].電腦編程技巧與維護(hù),2020(12):134-136.
(作者簡(jiǎn)介:錢娜,女,碩士研究生,吉林藝術(shù)學(xué)院,副教授,研究方向:視覺(jué)傳達(dá)設(shè)計(jì);周來(lái),女,碩士研究生在讀,吉林藝術(shù)學(xué)院設(shè)計(jì)學(xué)院,研究方向:視覺(jué)傳達(dá)設(shè)計(jì))
(責(zé)任編輯 劉月嬌)