淺談網(wǎng)站建設(shè)中的平面設(shè)計方式

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

2、設(shè)中的平面設(shè)計元素1.1 文字元素網(wǎng)站建設(shè)平面設(shè)計中最為基本的、核心的設(shè)計元素就包含了文字、圖形圖像以及色彩等等。首先是文字,它是描述網(wǎng)站頁面中信息的最基本要素,一般來說,網(wǎng)站平面設(shè)計文字可劃分為兩類:字母文字(英文、希臘語系文字、阿拉伯語系文字)以及獨體文字(漢字)。而在國內(nèi)的網(wǎng)站平面設(shè)計中還多以漢字為主,它是本土文化中的最重要符號。文字元素雖然看似單一,形態(tài)簡單,但它在傳遞網(wǎng)站信息的同時也是具有一定的藝術(shù)審美價值的,例如其中就包含了靜態(tài)文字;、動態(tài)文字;、圖形文字;等等,不同形態(tài)的文字都能通過藝術(shù)手法設(shè)計轉(zhuǎn)換為圖像圖形,以使得文字設(shè)計更加生動有趣。1.2 圖像圖形元素圖形圖像元素是網(wǎng)站平面

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

4、觀感更直觀,它會第一時間占據(jù)瀏覽者的視線。當(dāng)然,對于設(shè)計者而言,色彩只應(yīng)該是網(wǎng)站平面設(shè)計的點綴,它不應(yīng)喧賓奪主成為平面設(shè)計主角。在網(wǎng)站平面設(shè)計中,色彩也可劃分為兩大類:有色彩與無色彩,像光譜中的全部色彩都應(yīng)歸納為有色彩,它其中以紅、綠、藍、黃、紫為基礎(chǔ)色,通過對基礎(chǔ)色中不同顏色、不同量的混搭形成新的顏色,所以在網(wǎng)站平面設(shè)計中對色彩的搭配是很奇妙的。對于設(shè)計者來講,不同顏色還代表了不同的寓意,這讓他們的使用過程更加復(fù)雜,主要還要根據(jù)人的視覺特征與視覺心理來合理運用色彩,渲染網(wǎng)站平面設(shè)計效果。1.4 版式元素版式元素設(shè)計相當(dāng)特殊,它是在現(xiàn)代設(shè)計藝術(shù)中萌芽而生的,作為網(wǎng)站視覺傳達的新生重要手段,它在

5、設(shè)計方面更加強調(diào)對文字、推行圖像以及色彩等平面設(shè)計元素的結(jié)合,解讀存在于上述3種元素中的點、線、面關(guān)系,形成基于頁面的整體感、節(jié)奏感與秩序化視覺形態(tài)內(nèi)容。目前存在于網(wǎng)站中的版式元素類型大多為骨骼型,該類型相對規(guī)范且分割方法更理性,擁有類似于報刊的版式,比較常用的骨骼版式包括了雙欄、三欄、四欄以及豎向通欄等等。結(jié)合上述4點要素,網(wǎng)站的文字、圖像圖形與色彩均應(yīng)當(dāng)表現(xiàn)出一定的自我突破性,大膽調(diào)整文字造型,在產(chǎn)品信息表達過程中實施多圖重疊整合與文字比較設(shè)計,做到圖文協(xié)調(diào)組合,提高版式設(shè)計效率,合理安排平面設(shè)計中各個元素之間的相互關(guān)系,如此才能顯得平面設(shè)計更加具有條理性和層次性1。2、網(wǎng)站建設(shè)中平面設(shè)計

6、對人產(chǎn)生的影響2.1 文字設(shè)計對人產(chǎn)生的影響網(wǎng)站建設(shè)中平面設(shè)計所傳遞的是信息,同時也希望傳遞情感,因為情感才是一切藝術(shù)創(chuàng)作所追求的。在網(wǎng)站建設(shè)平面設(shè)計中無論是文字元素、圖形圖像元素、色彩元素亦或是版式元素都會對人產(chǎn)生影響,這種影響就是基于情感層面的。換言之,是視覺印象讓人對某個頁面、某種元素產(chǎn)生情感沖動,而不同的平面設(shè)計元素組著排列則會激發(fā)人產(chǎn)生不同的視覺空間感受與心理感受。所以本文希望談?wù)勗诰W(wǎng)站建設(shè)中平面設(shè)計對人所產(chǎn)生的影響,這與網(wǎng)站建設(shè)品質(zhì)的優(yōu)劣息息相關(guān)。文字設(shè)計中包含了字體字號選擇、字體大小選擇以及字體的藝術(shù)化創(chuàng)造編排,按照一定藝術(shù)規(guī)律調(diào)整行間距,改變文字的對齊方式,這些都能為文字注入情

7、感因素,同時影響瀏覽者的情感。由于文字本身具有信息高明區(qū)額度與可讀性,所以不斷加強網(wǎng)站頁面設(shè)計的文字藝術(shù)性與視覺感染力是有必要的。舉個例子,要將品牌名稱文字強化設(shè)計,其強化的主要方向就是視覺觀感強化,將版式設(shè)計中的文字與圖形圖像內(nèi)容實際化,而留白則做虛化處理,這并不影響文字傳遞信息的功能,反而還能傳遞情感,當(dāng)瀏覽者因看到文字而感到心情愉悅,獲得良好的心理反饋時,他們對網(wǎng)站平面設(shè)計中的文字信息也擁有了更為深刻的理解?？偟膩碇v,文字元素在網(wǎng)站平面設(shè)計過程中要體現(xiàn)一定的合理性、明確性和美觀性,時刻保證文字與虛空之間相互微妙關(guān)系,必要時要實施有序留白,確保文字在形成黑白灰對比過程中,實現(xiàn)對瀏覽者視覺觀

8、感的有效調(diào)節(jié),令文字讓瀏覽者對網(wǎng)站產(chǎn)生正確的認知。2.2 圖像設(shè)計對人產(chǎn)生的影響圖像圖形設(shè)計是極具感染力的,在網(wǎng)站平面設(shè)計中圖像圖形的大小控制著整個頁面的均衡運動過程。例如圖片在頁面占據(jù)較大位置可為瀏覽者形成視覺聚焦,體現(xiàn)較強感染力與與情感內(nèi)容,非常符合網(wǎng)站平面設(shè)計的瀏覽者瀏覽視覺觀感流程。在進行圖像設(shè)計過程中,需要認真考量圖形圖像在整體頁面中的藝術(shù)表現(xiàn)作用,要在突出主題信息的同時也突出自己,突出自己的目的是為了增加網(wǎng)站頁面的趣味性與審美感覺。再一點,圖形圖像是可以設(shè)計為動態(tài)設(shè)計的,它可作為瀏覽者的引導(dǎo)在網(wǎng)頁中出現(xiàn),增加網(wǎng)站趣味性的同時也讓瀏覽者心情更加愉悅。2.3 色彩搭配設(shè)計對人產(chǎn)生的影響

9、色彩搭配設(shè)計可有效控制人們的情感認知,它也是網(wǎng)站設(shè)計中的情感制動器。色彩設(shè)計在平面設(shè)計中表現(xiàn)最直觀,出現(xiàn)頻率最高,最能打動人心,所以設(shè)計者要充分發(fā)揮色彩設(shè)計作用,讓色彩成為與人心溝通的最直接情感語言。當(dāng)然,不同色彩為人所帶來的刺激也不同,其中紅色能夠激發(fā)人們的興奮感,喚醒人們有關(guān)紅色的視覺營養(yǎng)結(jié)果。同時,基于色彩的情感又與視覺體驗及外界刺激相對應(yīng),在人心中引發(fā)某種特殊情緒,甚至引發(fā)聯(lián)想?？紤]到人的視覺經(jīng)驗并不單一,所以利用色彩激發(fā)、豐富他們的觀感反應(yīng)非常重要。在外界信息經(jīng)過不斷存儲、轉(zhuǎn)換、分析等復(fù)雜過程中,人的大腦中就會形成以色彩為主的記憶碎片,然后記錄。2.4 版式設(shè)計對人產(chǎn)生的影響版式設(shè)計

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

11、運用到了網(wǎng)店平面設(shè)計,其中包含各種元素的核心設(shè)計方法,希望以此傳遞品牌文化與商品信息內(nèi)容,定期宣傳活動內(nèi)容,為網(wǎng)站建立良好的心理聯(lián)想與情感聯(lián)想機制,以此完成網(wǎng)點平面設(shè)計,凸顯其實踐應(yīng)用意義。3.1 網(wǎng)站色彩語言的設(shè)計方式在該網(wǎng)站中,頁面色彩只起到點綴作用,它不會影響商品信息的有效傳達,不會喧賓奪主。在具體的設(shè)計方面,網(wǎng)站采用到了無色彩色系中的灰色,灰色能夠吸收其它顏色的活力,同時削弱色彩對立面,融合各種色彩。而對圖像的處理則多半會用到灰色,它能夠為瀏覽者提供無限遐想空間,創(chuàng)造一種高品位但卻含蓄的知性感覺。另外,在保持商品信息可讀性的同時,該網(wǎng)站所運用色彩元素變化較為豐富,平面網(wǎng)頁上幾乎不存在單

12、色調(diào)情況。這種設(shè)計可增加瀏覽者的網(wǎng)頁閱讀興趣,其中大量的色彩配合描述性的文字共同裝飾圖形,保證色彩與頁面表達內(nèi)容統(tǒng)一一致,確保頁面色彩豐富的同時也創(chuàng)造了一定的視覺美感。3.2 網(wǎng)站圖像圖形的設(shè)計方式該服裝網(wǎng)站平面設(shè)計中采用了相對簡潔、淡雅的設(shè)計風(fēng)格,其中的色彩運用單純且畫面豐富有趣。設(shè)計師運用到了圓形、方形等不同圖形來突出視覺上豐富性,也為瀏覽者在一定程度上創(chuàng)造想象空間。舉例來說,在圓形圖像的運用中,它可為頁面直接增加視覺美感,確保所有圖形圖像統(tǒng)一同時還擁有細節(jié)變化。在具體的圖像設(shè)計中,可運用圖像面積大小的隨機變化為頁面留白,或者找到中心點,再形成視覺焦點,可增加畫面本身的感染力。而在圖形圖像

13、設(shè)計中合理運用出血圖,配合商品細節(jié)品質(zhì)進行共同展示,則可為瀏覽者創(chuàng)造更大的想象空間。3.3 網(wǎng)站文字的設(shè)計方式該網(wǎng)站在文字設(shè)計方面所演繹出的構(gòu)思創(chuàng)意無限,其中像材;字就運用了圖形化的設(shè)計轉(zhuǎn)化,將其轉(zhuǎn)化為擁有美術(shù)感覺的新生事物,即網(wǎng)站平面版式語言。這種生動的變化在藝術(shù)形式創(chuàng)新方面獨具特色。整個材;字左右部分上下交錯,其中才;的一邊頭上設(shè)計了拼音字母CAI;作為羅馬字符點綴,如此就體現(xiàn)了羅馬字符的獨特美感與氣質(zhì)。另外,該網(wǎng)站在設(shè)計方面運用到了段落性的說明文字,其文字的設(shè)計會分清主次關(guān)系,特別強化參與者的視覺中心。而留白的設(shè)計則注重改變,所有的標(biāo)題文字都能與傳達給他的瀏覽者進行遙相呼應(yīng),這非常符合消

14、費者的網(wǎng)站視覺瀏覽習(xí)慣,可激發(fā)他們產(chǎn)生豐富聯(lián)想,活躍情感3。3.4 網(wǎng)站版式的設(shè)計方式最后該網(wǎng)站的版式設(shè)計相對自由,網(wǎng)站為其設(shè)計預(yù)留了大量的留白空間,這是為了保證其版式設(shè)計元素并非靜止,而是通過多圖重疊組合而成的。這樣的對比設(shè)計與圖文協(xié)調(diào)內(nèi)容吻合,可利用相對統(tǒng)一變化的形式美法則進行設(shè)計,確保在有限的版面中設(shè)計出充滿無限生命力商品信息內(nèi)容,傳遞更多情感內(nèi)涵要素。總結(jié)綜上所述,本文中以網(wǎng)站建設(shè)平面設(shè)計中的文字、色彩、圖像圖形、版式4個方面作為主題,深入探討了網(wǎng)站建設(shè)中平面設(shè)計方式的優(yōu)化調(diào)整。但本文的創(chuàng)新之處則在于基于人的主觀情感之上的網(wǎng)站平面設(shè)計,它告訴人們在關(guān)注網(wǎng)站平面設(shè)計中諸多常見因素的同時也需要關(guān)注情