淺談網(wǎng)站建設(shè)中的平面設(shè)計(jì)方式發(fā)布者：本站     時(shí)間：2020-05-05 12:05:17

網(wǎng)站建設(shè)中的關(guān)鍵是平面設(shè)計(jì),而平面設(shè)計(jì)的關(guān)鍵則是游移于平面頁(yè)面信息中的視覺(jué)元素。對(duì)人來(lái)說(shuō),視覺(jué)元素是具象的、有沖擊力的、是存在于網(wǎng)站平面設(shè)計(jì)中最為直觀的元素。不同元素能夠通過(guò)個(gè)體本身傳達(dá)信息,也能通過(guò)個(gè)體與個(gè)體之間傳達(dá)信息,它其中的4個(gè)程序就包括了“向誰(shuí)傳達(dá)?”、“傳達(dá)什么?”、“傳導(dǎo)效果如何?”以及“傳達(dá)效果影響如何?”設(shè)計(jì)師要將自己的設(shè)計(jì)思想與設(shè)計(jì)概念轉(zhuǎn)變?yōu)榫W(wǎng)站平面設(shè)計(jì)中對(duì)元素的設(shè)計(jì)運(yùn)用過(guò)程,它所代表的就是一種概念的視覺(jué)化過(guò)程。反過(guò)來(lái)講視覺(jué)概念化過(guò)程應(yīng)該完全貫穿和銜接所有的網(wǎng)站平面設(shè)計(jì)元素,形成體系。

1、網(wǎng)站建設(shè)中的平面設(shè)計(jì)元素

1.1 文字元素

網(wǎng)站建設(shè)平面設(shè)計(jì)中最為基本的、核心的設(shè)計(jì)元素就包含了文字、圖形圖像以及色彩等等。首先是文字,它是描述網(wǎng)站頁(yè)面中信息的最基本要素,一般來(lái)說(shuō),網(wǎng)站平面設(shè)計(jì)文字可劃分為兩類(lèi):字母文字(英文、希臘語(yǔ)系文字、阿拉伯語(yǔ)系文字)以及獨(dú)體文字(漢字)。而在國(guó)內(nèi)的網(wǎng)站平面設(shè)計(jì)中還多以漢字為主,它是本土文化中的最重要符號(hào)。

文字元素雖然看似單一,形態(tài)簡(jiǎn)單,但它在傳遞網(wǎng)站信息的同時(shí)也是具有一定的藝術(shù)審美價(jià)值的,例如其中就包含了“靜態(tài)文字”、“動(dòng)態(tài)文字”、“圖形文字”等等,不同形態(tài)的文字都能通過(guò)藝術(shù)手法設(shè)計(jì)轉(zhuǎn)換為圖像圖形,以使得文字設(shè)計(jì)更加生動(dòng)有趣。

1.2 圖像圖形元素

圖形圖像元素是網(wǎng)站平面設(shè)計(jì)中表現(xiàn)最豐富,作用最重要的元素,它相比文字能夠?yàn)闉g覽者帶來(lái)更為直觀的感受。一般在網(wǎng)站設(shè)計(jì)過(guò)程中都要保證其圖形圖像元素豐富、美觀、擁有一定趣味性,相比于文字更加形象生動(dòng)和變化多端,因此人們也常常將圖形圖像比喻為一種“無(wú)國(guó)界的世界性語(yǔ)言”。通常情況下,圖像可以表現(xiàn)為多種形式,例如照片合成圖像、手繪圖像、三維立體圖像等等。不同類(lèi)型的圖像會(huì)產(chǎn)生不同的視覺(jué)美感,激發(fā)瀏覽者不同的閱讀興致。而與文字相同,它也分為“動(dòng)態(tài)圖像”和“靜態(tài)圖像”兩種。通常情況下網(wǎng)站中的靜態(tài)圖像表現(xiàn)形式更多更豐富。

1.3 色彩元素

在人類(lèi)生活中色彩必不可少,它表現(xiàn)豐富且充滿魅力,可喚起人類(lèi)心靈最深處的感知。相比于圖像圖形,色彩元素的視覺(jué)觀感更直觀,它會(huì)第一時(shí)間占據(jù)瀏覽者的視線。當(dāng)然,對(duì)于設(shè)計(jì)者而言,色彩只應(yīng)該是網(wǎng)站平面設(shè)計(jì)的點(diǎn)綴,它不應(yīng)喧賓奪主成為平面設(shè)計(jì)主角。在網(wǎng)站平面設(shè)計(jì)中,色彩也可劃分為兩大類(lèi):有色彩與無(wú)色彩,像光譜中的全部色彩都應(yīng)歸納為有色彩,它其中以紅、綠、藍(lán)、黃、紫為基礎(chǔ)色,通過(guò)對(duì)基礎(chǔ)色中不同顏色、不同量的混搭形成新的顏色,所以在網(wǎng)站平面設(shè)計(jì)中對(duì)色彩的搭配是很奇妙的。對(duì)于設(shè)計(jì)者來(lái)講,不同顏色還代表了不同的寓意,這讓他們的使用過(guò)程更加復(fù)雜,主要還要根據(jù)人的視覺(jué)特征與視覺(jué)心理來(lái)合理運(yùn)用色彩,渲染網(wǎng)站平面設(shè)計(jì)效果。

1.4 版式元素

版式元素設(shè)計(jì)相當(dāng)特殊,它是在現(xiàn)代設(shè)計(jì)藝術(shù)中萌芽而生的,作為網(wǎng)站視覺(jué)傳達(dá)的新生重要手段,它在設(shè)計(jì)方面更加強(qiáng)調(diào)對(duì)文字、推行圖像以及色彩等平面設(shè)計(jì)元素的結(jié)合,解讀存在于上述3種元素中的點(diǎn)、線、面關(guān)系,形成基于頁(yè)面的整體感、節(jié)奏感與秩序化視覺(jué)形態(tài)內(nèi)容。目前存在于網(wǎng)站中的版式元素類(lèi)型大多為骨骼型,該類(lèi)型相對(duì)規(guī)范且分割方法更理性,擁有類(lèi)似于報(bào)刊的版式,比較常用的骨骼版式包括了雙欄、三欄、四欄以及豎向通欄等等。

結(jié)合上述4點(diǎn)要素,網(wǎng)站的文字、圖像圖形與色彩均應(yīng)當(dāng)表現(xiàn)出一定的自我突破性,大膽調(diào)整文字造型,在產(chǎn)品信息表達(dá)過(guò)程中實(shí)施多圖重疊整合與文字比較設(shè)計(jì),做到圖文協(xié)調(diào)組合,提高版式設(shè)計(jì)效率,合理安排平面設(shè)計(jì)中各個(gè)元素之間的相互關(guān)系,如此才能顯得平面設(shè)計(jì)更加具有條理性和層次性[1]。

2、網(wǎng)站建設(shè)中平面設(shè)計(jì)對(duì)人產(chǎn)生的影響

2.1 文字設(shè)計(jì)對(duì)人產(chǎn)生的影響

網(wǎng)站建設(shè)中平面設(shè)計(jì)所傳遞的是信息,同時(shí)也希望傳遞情感,因?yàn)榍楦胁攀且磺兴囆g(shù)創(chuàng)作所追求的。在網(wǎng)站建設(shè)平面設(shè)計(jì)中無(wú)論是文字元素、圖形圖像元素、色彩元素亦或是版式元素都會(huì)對(duì)人產(chǎn)生影響,這種影響就是基于情感層面的。換言之,是視覺(jué)印象讓人對(duì)某個(gè)頁(yè)面、某種元素產(chǎn)生情感沖動(dòng),而不同的平面設(shè)計(jì)元素組著排列則會(huì)激發(fā)人產(chǎn)生不同的視覺(jué)空間感受與心理感受。所以本文希望談?wù)勗诰W(wǎng)站建設(shè)中平面設(shè)計(jì)對(duì)人所產(chǎn)生的影響,這與網(wǎng)站建設(shè)品質(zhì)的優(yōu)劣息息相關(guān)。

文字設(shè)計(jì)中包含了字體字號(hào)選擇、字體大小選擇以及字體的藝術(shù)化創(chuàng)造編排,按照一定藝術(shù)規(guī)律調(diào)整行間距,改變文字的對(duì)齊方式,這些都能為文字注入情感因素,同時(shí)影響瀏覽者的情感。由于文字本身具有信息高明區(qū)額度與可讀性,所以不斷加強(qiáng)網(wǎng)站頁(yè)面設(shè)計(jì)的文字藝術(shù)性與視覺(jué)感染力是有必要的。舉個(gè)例子,要將品牌名稱(chēng)文字強(qiáng)化設(shè)計(jì),其強(qiáng)化的主要方向就是視覺(jué)觀感強(qiáng)化,將版式設(shè)計(jì)中的文字與圖形圖像內(nèi)容實(shí)際化,而留白則做虛化處理,這并不影響文字傳遞信息的功能,反而還能傳遞情感,當(dāng)瀏覽者因看到文字而感到心情愉悅,獲得良好的心理反饋時(shí),他們對(duì)網(wǎng)站平面設(shè)計(jì)中的文字信息也擁有了更為深刻的理解。總的來(lái)講,文字元素在網(wǎng)站平面設(shè)計(jì)過(guò)程中要體現(xiàn)一定的合理性、明確性和美觀性,時(shí)刻保證文字與虛空之間相互微妙關(guān)系,必要時(shí)要實(shí)施有序留白,確保文字在形成黑白灰對(duì)比過(guò)程中,實(shí)現(xiàn)對(duì)瀏覽者視覺(jué)觀感的有效調(diào)節(jié),令文字讓瀏覽者對(duì)網(wǎng)站產(chǎn)生正確的認(rèn)知。

2.2 圖像設(shè)計(jì)對(duì)人產(chǎn)生的影響

圖像圖形設(shè)計(jì)是極具感染力的,在網(wǎng)站平面設(shè)計(jì)中圖像圖形的大小控制著整個(gè)頁(yè)面的均衡運(yùn)動(dòng)過(guò)程。例如圖片在頁(yè)面占據(jù)較大位置可為瀏覽者形成視覺(jué)聚焦,體現(xiàn)較強(qiáng)感染力與與情感內(nèi)容,非常符合網(wǎng)站平面設(shè)計(jì)的瀏覽者瀏覽視覺(jué)觀感流程。在進(jìn)行圖像設(shè)計(jì)過(guò)程中,需要認(rèn)真考量圖形圖像在整體頁(yè)面中的藝術(shù)表現(xiàn)作用,要在突出主題信息的同時(shí)也突出自己,突出自己的目的是為了增加網(wǎng)站頁(yè)面的趣味性與審美感覺(jué)。再一點(diǎn),圖形圖像是可以設(shè)計(jì)為動(dòng)態(tài)設(shè)計(jì)的,它可作為瀏覽者的引導(dǎo)在網(wǎng)頁(yè)中出現(xiàn),增加網(wǎng)站趣味性的同時(shí)也讓瀏覽者心情更加愉悅。

2.3 色彩搭配設(shè)計(jì)對(duì)人產(chǎn)生的影響

色彩搭配設(shè)計(jì)可有效控制人們的情感認(rèn)知,它也是網(wǎng)站設(shè)計(jì)中的情感制動(dòng)器。色彩設(shè)計(jì)在平面設(shè)計(jì)中表現(xiàn)最直觀,出現(xiàn)頻率最高,最能打動(dòng)人心,所以設(shè)計(jì)者要充分發(fā)揮色彩設(shè)計(jì)作用,讓色彩成為與人心溝通的最直接情感語(yǔ)言。

當(dāng)然,不同色彩為人所帶來(lái)的刺激也不同,其中紅色能夠激發(fā)人們的興奮感,喚醒人們有關(guān)紅色的視覺(jué)營(yíng)養(yǎng)結(jié)果。同時(shí),基于色彩的情感又與視覺(jué)體驗(yàn)及外界刺激相對(duì)應(yīng),在人心中引發(fā)某種特殊情緒,甚至引發(fā)聯(lián)想?？紤]到人的視覺(jué)經(jīng)驗(yàn)并不單一,所以利用色彩激發(fā)、豐富他們的觀感反應(yīng)非常重要。在外界信息經(jīng)過(guò)不斷存儲(chǔ)、轉(zhuǎn)換、分析等復(fù)雜過(guò)程中,人的大腦中就會(huì)形成以色彩為主的記憶碎片,然后記錄。

2.4 版式設(shè)計(jì)對(duì)人產(chǎn)生的影響

版式設(shè)計(jì)要做到清晰簡(jiǎn)潔,要遵循形式美法則。由于該設(shè)計(jì)將文字、圖形圖像、色彩等等元素都匯聚一塊,所以它更遵循一定的視覺(jué)客觀規(guī)律,將不同元素置于頁(yè)面的不同位置上,在傳達(dá)網(wǎng)站平面信息的同時(shí)還能為外帶來(lái)一種美好享受,引發(fā)瀏覽者眾人的共鳴。在版面設(shè)計(jì)中需要講究視覺(jué)藝術(shù)性,不能僅僅被限制于普通的排版規(guī)律設(shè)計(jì)上,還應(yīng)當(dāng)結(jié)合版面設(shè)計(jì)的靈活性,配合圖像、文字等設(shè)計(jì)方法實(shí)現(xiàn)基于組著形式與分割裝飾手法的版面設(shè)計(jì),體現(xiàn)版式設(shè)計(jì)的靈活美感,讓版式設(shè)計(jì)不再枯燥,所表達(dá)的內(nèi)容也更豐富[2]。

3、網(wǎng)站建設(shè)平面設(shè)計(jì)方式案例分析

以某服裝品牌商品的網(wǎng)站建設(shè)為例,設(shè)計(jì)師就希望基于人所產(chǎn)生的情感影響來(lái)設(shè)計(jì)建設(shè)網(wǎng)站平面方案。該服裝品牌網(wǎng)站的中設(shè)計(jì)師運(yùn)用到了網(wǎng)店平面設(shè)計(jì),其中包含各種元素的核心設(shè)計(jì)方法,希望以此傳遞品牌文化與商品信息內(nèi)容,定期宣傳活動(dòng)內(nèi)容,為網(wǎng)站建立良好的心理聯(lián)想與情感聯(lián)想機(jī)制,以此完成網(wǎng)點(diǎn)平面設(shè)計(jì),凸顯其實(shí)踐應(yīng)用意義。

3.1 網(wǎng)站色彩語(yǔ)言的設(shè)計(jì)方式

在該網(wǎng)站中,頁(yè)面色彩只起到點(diǎn)綴作用,它不會(huì)影響商品信息的有效傳達(dá),不會(huì)喧賓奪主。在具體的設(shè)計(jì)方面,網(wǎng)站采用到了無(wú)色彩色系中的灰色,灰色能夠吸收其它顏色的活力,同時(shí)削弱色彩對(duì)立面,融合各種色彩。而對(duì)圖像的處理則多半會(huì)用到灰色,它能夠?yàn)闉g覽者提供無(wú)限遐想空間,創(chuàng)造一種高品位但卻含蓄的知性感覺(jué)。另外,在保持商品信息可讀性的同時(shí),該網(wǎng)站所運(yùn)用色彩元素變化較為豐富,平面網(wǎng)頁(yè)上幾乎不存在單色調(diào)情況。這種設(shè)計(jì)可增加瀏覽者的網(wǎng)頁(yè)閱讀興趣,其中大量的色彩配合描述性的文字共同裝飾圖形,保證色彩與頁(yè)面表達(dá)內(nèi)容統(tǒng)一一致,確保頁(yè)面色彩豐富的同時(shí)也創(chuàng)造了一定的視覺(jué)美感。

3.2 網(wǎng)站圖像圖形的設(shè)計(jì)方式

該服裝網(wǎng)站平面設(shè)計(jì)中采用了相對(duì)簡(jiǎn)潔、淡雅的設(shè)計(jì)風(fēng)格,其中的色彩運(yùn)用單純且畫(huà)面豐富有趣。設(shè)計(jì)師運(yùn)用到了圓形、方形等不同圖形來(lái)突出視覺(jué)上豐富性,也為瀏覽者在一定程度上創(chuàng)造想象空間。舉例來(lái)說(shuō),在圓形圖像的運(yùn)用中,它可為頁(yè)面直接增加視覺(jué)美感,確保所有圖形圖像統(tǒng)一同時(shí)還擁有細(xì)節(jié)變化。在具體的圖像設(shè)計(jì)中,可運(yùn)用圖像面積大小的隨機(jī)變化為頁(yè)面留白,或者找到中心點(diǎn),再形成視覺(jué)焦點(diǎn),可增加畫(huà)面本身的感染力。而在圖形圖像設(shè)計(jì)中合理運(yùn)用出血圖,配合商品細(xì)節(jié)品質(zhì)進(jìn)行共同展示,則可為瀏覽者創(chuàng)造更大的想象空間。

3.3 網(wǎng)站文字的設(shè)計(jì)方式

該網(wǎng)站在文字設(shè)計(jì)方面所演繹出的構(gòu)思創(chuàng)意無(wú)限,其中像“材”字就運(yùn)用了圖形化的設(shè)計(jì)轉(zhuǎn)化,將其轉(zhuǎn)化為擁有美術(shù)感覺(jué)的新生事物,即網(wǎng)站平面版式語(yǔ)言。這種生動(dòng)的變化在藝術(shù)形式創(chuàng)新方面獨(dú)具特色。整個(gè)“材”字左右部分上下交錯(cuò),其中“才”的一邊頭上設(shè)計(jì)了拼音字母“CAI”作為羅馬字符點(diǎn)綴,如此就體現(xiàn)了羅馬字符的獨(dú)特美感與氣質(zhì)。另外,該網(wǎng)站在設(shè)計(jì)方面運(yùn)用到了段落性的說(shuō)明文字,其文字的設(shè)計(jì)會(huì)分清主次關(guān)系,特別強(qiáng)化參與者的視覺(jué)中心。而留白的設(shè)計(jì)則注重改變,所有的標(biāo)題文字都能與傳達(dá)給他的瀏覽者進(jìn)行遙相呼應(yīng),這非常符合消費(fèi)者的網(wǎng)站視覺(jué)瀏覽習(xí)慣,可激發(fā)他們產(chǎn)生豐富聯(lián)想,活躍情感[3]。

3.4 網(wǎng)站版式的設(shè)計(jì)方式

最后該網(wǎng)站的版式設(shè)計(jì)相對(duì)自由,網(wǎng)站為其設(shè)計(jì)預(yù)留了大量的留白空間,這是為了保證其版式設(shè)計(jì)元素并非靜止,而是通過(guò)多圖重疊組合而成的。這樣的對(duì)比設(shè)計(jì)與圖文協(xié)調(diào)內(nèi)容吻合,可利用相對(duì)統(tǒng)一變化的形式美法則進(jìn)行設(shè)計(jì),確保在有限的版面中設(shè)計(jì)出充滿無(wú)限生命力商品信息內(nèi)容,傳遞更多情感內(nèi)涵要素。

總結(jié)

綜上所述,本文中以網(wǎng)站建設(shè)平面設(shè)計(jì)中的文字、色彩、圖像圖形、版式4個(gè)方面作為主題,深入探討了網(wǎng)站建設(shè)中平面設(shè)計(jì)方式的優(yōu)化調(diào)整。但本文的創(chuàng)新之處則在于基于人的主觀情感之上的網(wǎng)站平面設(shè)計(jì),它告訴人們?cè)陉P(guān)注網(wǎng)站平面設(shè)計(jì)中諸多常見(jiàn)因素的同時(shí)也需要關(guān)注情感元素,滲透情感附加價(jià)值,體現(xiàn)平面設(shè)計(jì)元素內(nèi)容的人性化、智能化特征。在設(shè)計(jì)中要保證情感要素與藝術(shù)設(shè)計(jì)實(shí)踐的多層次、多方法融合,爭(zhēng)取對(duì)瀏覽者的情感交流溝通與心理狀態(tài)產(chǎn)生良性影響。