吳煊
摘要:隨著時(shí)代的發(fā)展和人們精神生活水平的提高,網(wǎng)頁(yè)的設(shè)計(jì)制作越來(lái)越顯現(xiàn)出私人定制化。私人定制化,是網(wǎng)頁(yè)設(shè)計(jì)者依照設(shè)計(jì)目的和要求,自覺(jué)地對(duì)網(wǎng)頁(yè)的主題和構(gòu)成元素進(jìn)行統(tǒng)一創(chuàng)意設(shè)計(jì)和整體版式布局的活動(dòng)?;ヂ?lián)網(wǎng)信息時(shí)代大大小小的網(wǎng)站多如繁星,任何一個(gè)網(wǎng)站想要吸引網(wǎng)友的眼球、確立自己的形象,不僅需要有充實(shí)可讀的信息內(nèi)容,而且需要具有自己個(gè)性的網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)。
關(guān)鍵詞:私人定制;網(wǎng)頁(yè)設(shè)計(jì);個(gè)性設(shè)計(jì);創(chuàng)意;版式網(wǎng)頁(yè)從最早的以文字為主的頁(yè)面,發(fā)展到今天圖、文、聲、像、多媒體等并茂的頁(yè)面,從以靜態(tài)網(wǎng)頁(yè)為主,發(fā)展到今天可以像博客這樣由瀏覽者私人定制的交互式動(dòng)態(tài)網(wǎng)頁(yè),從實(shí)現(xiàn)以信息傳達(dá)功能為主,發(fā)展到要求功能與審美兼得頁(yè)面。“美”與“技術(shù)”的有機(jī)結(jié)合,讓網(wǎng)頁(yè)的“私人定制”更加生動(dòng)活潑,它以科學(xué)技術(shù)和視覺(jué)藝術(shù)的結(jié)合為基礎(chǔ),以外觀表現(xiàn)形式為主要手段,謀求網(wǎng)頁(yè)界面的功能美與形式美,深化突出網(wǎng)站的內(nèi)容,并體現(xiàn)網(wǎng)頁(yè)的時(shí)代感,以優(yōu)良的個(gè)性設(shè)計(jì)來(lái)吸引讀者的眼球。
1設(shè)計(jì)創(chuàng)意是網(wǎng)頁(yè)私人定制的核心
在網(wǎng)頁(yè)設(shè)計(jì)中,要想達(dá)到吸引讀者關(guān)注、引起共鳴的目的,就必須依靠網(wǎng)站自身的獨(dú)特創(chuàng)意。好的創(chuàng)意能巧妙、恰如其分地展現(xiàn)網(wǎng)站主題、渲染氣氛,增加網(wǎng)頁(yè)的感染力,讓人印象深刻、過(guò)目不忘。因此,網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意階段的一切思考,都是圍繞主題來(lái)展開(kāi)。
1.1網(wǎng)頁(yè)頭圖的創(chuàng)意設(shè)計(jì)
網(wǎng)頁(yè)頭圖是網(wǎng)站主題和信息內(nèi)容最重要的展示區(qū)域。頭圖部分的設(shè)計(jì)是整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn),也是網(wǎng)頁(yè)最需要突出的亮點(diǎn),頭圖可以確立整個(gè)網(wǎng)頁(yè)設(shè)計(jì)的基調(diào)。優(yōu)秀的頭圖應(yīng)該緊貼網(wǎng)站主題內(nèi)容,在運(yùn)用精美的視覺(jué)元素外,頭圖的大標(biāo)題要重點(diǎn)強(qiáng)調(diào),它通常需要設(shè)計(jì)師花費(fèi)專門(mén)的精力來(lái)設(shè)計(jì)制作字體的變形和特效。好的字體效果可以成為整個(gè)網(wǎng)頁(yè)的主視覺(jué),成為最亮眼的一部分,同時(shí)也是最直接體現(xiàn)網(wǎng)站主旨的方式。頭圖的設(shè)計(jì)元素,應(yīng)該圍繞網(wǎng)頁(yè)主題來(lái)展開(kāi),通過(guò)豐富的聯(lián)想,擴(kuò)大藝術(shù)形象的容量,加深頭圖畫(huà)面的意境。這就要求在設(shè)計(jì)時(shí)不但要單純、簡(jiǎn)練、清晰和明確,而且在強(qiáng)調(diào)藝術(shù)性的同時(shí),更應(yīng)該注重通過(guò)獨(dú)特的風(fēng)格和強(qiáng)烈的視覺(jué)沖擊力,鮮明地突出設(shè)計(jì)主題。這樣不僅可以深化網(wǎng)頁(yè)的主題,而且符合讀者獲取信息的心理需求和邏輯方式,容易使讀者產(chǎn)生身臨其境的帶入感,讓讀者快速地理解和吸收。
1.2網(wǎng)頁(yè)導(dǎo)航的創(chuàng)意設(shè)計(jì)
網(wǎng)頁(yè)導(dǎo)航是指通過(guò)一定的技術(shù)手段,為網(wǎng)頁(yè)的訪問(wèn)者提供一定的途徑,使其可以方便地訪問(wèn)到所需的內(nèi)容。除了新聞門(mén)戶網(wǎng)站還在沿用傳統(tǒng)的網(wǎng)頁(yè)導(dǎo)航模式,現(xiàn)在越來(lái)越多的網(wǎng)站,都在嘗試不同位置布局、不同表現(xiàn)形式的個(gè)性化導(dǎo)航。網(wǎng)頁(yè)導(dǎo)航的位置,可以是始終保持在屏幕的某個(gè)區(qū)域,也可以是依照網(wǎng)頁(yè)的整體布局來(lái)進(jìn)行合理地穿插。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展,網(wǎng)頁(yè)導(dǎo)航的表現(xiàn)形式也朝著多樣化、多元化發(fā)展,有圖標(biāo)按鈕式、flash按鈕式、下拉菜單式、切換式等,在符合當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的前提下,我們?cè)O(shè)計(jì)出合理的網(wǎng)頁(yè)導(dǎo)航,不僅可以方便讀者的閱讀,延長(zhǎng)讀者的停留時(shí)間,還可以更完善網(wǎng)頁(yè)的私人定制設(shè)計(jì)。
1.3網(wǎng)頁(yè)背景的創(chuàng)意設(shè)計(jì)
網(wǎng)頁(yè)中的背景設(shè)計(jì)也是相當(dāng)重要的,顏色背景的設(shè)計(jì)是最為簡(jiǎn)單的,但同時(shí)也是最為常用和最為重要的,因?yàn)橄鄬?duì)于圖片背景來(lái)說(shuō),它在顯示速度上有著無(wú)與倫比的優(yōu)勢(shì)。顏色背景雖然比較簡(jiǎn)單,但也有不少地方需要注意,如要根據(jù)不同的頁(yè)面內(nèi)容設(shè)計(jì)背景顏色的冷暖狀態(tài),要根據(jù)頁(yè)面的編排設(shè)計(jì)背景顏色與頁(yè)面內(nèi)容的最佳視覺(jué)搭配等等。但是,對(duì)于一些個(gè)性化的網(wǎng)站來(lái)說(shuō),也時(shí)常會(huì)用到一些帶簡(jiǎn)單紋理或干脆是滿屏的背景圖,如中國(guó)風(fēng)、游戲和特色專題等網(wǎng)頁(yè),這類網(wǎng)頁(yè)的背景在設(shè)計(jì)的時(shí)候需要符合網(wǎng)頁(yè)的主題和風(fēng)格定位,從而更好地塑造起網(wǎng)頁(yè)的風(fēng)格。網(wǎng)頁(yè)背景設(shè)計(jì)的好壞,不但能影響讀者對(duì)網(wǎng)頁(yè)內(nèi)容的接受程度,還能影響讀者對(duì)整個(gè)網(wǎng)站的印象。
2版式設(shè)計(jì)是網(wǎng)頁(yè)私人定制的表現(xiàn)
網(wǎng)頁(yè)的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處,它在網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。所謂網(wǎng)頁(yè)的版式設(shè)計(jì),是在網(wǎng)頁(yè)設(shè)計(jì)中根據(jù)特定的主題和內(nèi)容,把文字、圖形圖像、動(dòng)畫(huà)、視頻、色彩等信息傳達(dá)要素界定在一個(gè)范圍內(nèi),有機(jī)的、秩序的、藝術(shù)性地組織在一起。
2.1網(wǎng)頁(yè)版式設(shè)計(jì)需要保持形式與內(nèi)容的統(tǒng)一
網(wǎng)頁(yè)版式設(shè)計(jì)都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計(jì)的一切內(nèi)在要素的總和,是設(shè)計(jì)存在的基礎(chǔ),被稱為“設(shè)計(jì)的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計(jì)的內(nèi)容就是指網(wǎng)頁(yè)的主題、形象、題材等要素的總和,形式就是它的結(jié)構(gòu)、風(fēng)格或設(shè)計(jì)語(yǔ)言等表現(xiàn)方式。內(nèi)容決定形式,形式反作用于內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)必定是形式對(duì)內(nèi)容的完美表現(xiàn)。雖然網(wǎng)頁(yè)版式設(shè)計(jì)不等同于平面設(shè)計(jì),但它卻是平面設(shè)計(jì)的另一個(gè)延伸,兩者間有許多相近之處,可以充分地加以利用和借鑒。如今,網(wǎng)頁(yè)版式已經(jīng)不再拘泥于過(guò)往簡(jiǎn)單的資訊列表式,許多特色的網(wǎng)頁(yè)版式設(shè)計(jì),已經(jīng)突破原有的束縛,在保持網(wǎng)頁(yè)原有要素的前提下,越來(lái)越突出版式的個(gè)性化、藝術(shù)化和便捷化。從而延伸出許多特色的版式布局,如分屏式、跨屏式和跳屏式等,無(wú)論運(yùn)用哪種版式,都是為了讓網(wǎng)頁(yè)設(shè)計(jì)更加個(gè)性化,方便讀者的閱讀。
2.2網(wǎng)頁(yè)版式設(shè)計(jì)注重點(diǎn)、線、面的布局
網(wǎng)頁(yè)版面設(shè)計(jì)中,文字、圖形圖像根據(jù)其在畫(huà)面中的大小、方向、排列可以視為點(diǎn)、線、面等構(gòu)成要素,同時(shí)文字又有標(biāo)題和正文之分;圖片也有主次之分,所以,在網(wǎng)頁(yè)設(shè)計(jì)時(shí)都要加以考慮。圖片與文字,還有動(dòng)畫(huà)這些信息都需要同時(shí)展示給讀者,不加設(shè)計(jì)的簡(jiǎn)單羅列在一個(gè)頁(yè)面上,往往會(huì)使人感覺(jué)粗制濫造,讓讀者產(chǎn)生厭惡的情緒,所以必須要根據(jù)主題內(nèi)容的需要,將傳遞信息的圖片和文字按照一定的次序和關(guān)系進(jìn)行合理的編排和布局,使整個(gè)頁(yè)面和諧統(tǒng)一,充滿藝術(shù)性。在網(wǎng)頁(yè)版面中單一的點(diǎn)有集中醒目的特點(diǎn),給人明確、堅(jiān)定、充實(shí)的感覺(jué)。所以,可利用點(diǎn)的這一特性強(qiáng)調(diào)將要重點(diǎn)表現(xiàn)的對(duì)象??衫谩包c(diǎn)”符號(hào),對(duì)文字信息加以強(qiáng)調(diào),也可采用點(diǎn)狀圖形圖像形式加以提示。線與面不僅能作為造型元素,同時(shí)還是劃分空間的有力武器。由線和面形成的對(duì)空間的分割與遮擋使空間的層次得以延伸,形成距離美感。
2.3網(wǎng)頁(yè)版式設(shè)計(jì)注重色彩搭配
色彩代表了不同的情感,有著不同的象征含義。色彩是最直接也是最持久地給讀者以網(wǎng)站形象的因素,它的效果直接影響讀者的觀賞興趣,色彩運(yùn)用的恰當(dāng)與否直接關(guān)系到網(wǎng)頁(yè)設(shè)計(jì)效果的好壞。色彩在網(wǎng)頁(yè)中所占比重很大,網(wǎng)頁(yè)設(shè)計(jì)中的色彩搭配,還必須圍繞網(wǎng)頁(yè)主題,脫離主題,容易讓讀者覺(jué)得索然無(wú)味。在網(wǎng)頁(yè)設(shè)計(jì)中,我們可以利用色彩所具有的豐富表現(xiàn)力及情感效應(yīng),使網(wǎng)頁(yè)的內(nèi)容與形式有機(jī)結(jié)合起來(lái),借助色彩的和諧搭配來(lái)體現(xiàn)網(wǎng)站的特色與風(fēng)格,突出網(wǎng)站主題。充分利用色彩的力量來(lái)美化頁(yè)面,對(duì)其中的重要信息適當(dāng)運(yùn)用色彩對(duì)比進(jìn)行強(qiáng)調(diào),可以引導(dǎo)讀者的注意力,給讀者留下深刻的印象。私人定制化的網(wǎng)頁(yè)設(shè)計(jì),是網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意緊密結(jié)合的過(guò)程。它使網(wǎng)頁(yè)設(shè)計(jì)不再拘泥于過(guò)去,而是不斷地突破創(chuàng)新,由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),由純粹的視覺(jué)藝術(shù)擴(kuò)展到空間聽(tīng)覺(jué)藝術(shù),把讀者帶入一個(gè)真正現(xiàn)實(shí)的虛擬世界中。參考文獻(xiàn):
[1] 麥克唐納.什么是網(wǎng)頁(yè)設(shè)計(jì)[M].戴剛,譯.中國(guó)青年出版社,2006.
[2] 黎芳.網(wǎng)頁(yè)設(shè)計(jì)與配色實(shí)例分析[M].兵器工業(yè)出版社,北京希望電子出版社,2006.
[3] 安布羅斯,哈里斯(英).創(chuàng)意設(shè)計(jì)元素[M].楊文俐,譯.中國(guó)紡織出版社,2004.網(wǎng)頁(yè)