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

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

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

1.1 文字元素

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

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

1.2 圖像圖形元素

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

1.3 色彩元素

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

1.4 版式元素

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

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

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

2.1 文字設計對人產(chǎn)生的影響

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

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

2.2 圖像設計對人產(chǎn)生的影響

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

2.3 色彩搭配設計對人產(chǎn)生的影響

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

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

2.4 版式設計對人產(chǎn)生的影響

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

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

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

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

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

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

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

3.3 網(wǎng)站文字的設計方式

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

3.4 網(wǎng)站版式的設計方式

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

總結

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