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

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

1、網站建設中的平面設計元素

1.1 文字元素

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

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

1.2 圖像圖形元素

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

1.3 色彩元素

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

1.4 版式元素

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

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

2、網站建設中平面設計對人產生的影響

2.1 文字設計對人產生的影響

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

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

2.2 圖像設計對人產生的影響

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

2.3 色彩搭配設計對人產生的影響

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

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

2.4 版式設計對人產生的影響

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

3、網站建設平面設計方式案例分析

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

3.1 網站色彩語言的設計方式

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

3.2 網站圖像圖形的設計方式

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

3.3 網站文字的設計方式

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

3.4 網站版式的設計方式

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

總結

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