沈金報(bào)?孫黃

摘要：本文分別從文字、圖形與圖像、動(dòng)畫與視頻、網(wǎng)頁(yè)色彩等方面，探討了網(wǎng)頁(yè)設(shè)計(jì)的主要視覺傳達(dá)要素，另對(duì)網(wǎng)頁(yè)設(shè)計(jì)的編排創(chuàng)意加以概括與論述，以期能為網(wǎng)頁(yè)設(shè)計(jì)提供些許參考。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；編排創(chuàng)意；視覺要素

隨著科技的日益發(fā)展，使得原本單一且靜態(tài)的信息媒體，開始向多樣且動(dòng)態(tài)的信息媒體不斷轉(zhuǎn)變，對(duì)于各類媒體而言，均有專屬自身的特點(diǎn)“語(yǔ)言”，以及形成此語(yǔ)言所需的各基本要素。網(wǎng)絡(luò)乃為一種新媒體，隨著其應(yīng)用的日益廣泛、多樣與普遍，除了使傳達(dá)設(shè)計(jì)的表現(xiàn)語(yǔ)言及基本視覺要素變得越發(fā)豐富之外，還日漸凸顯出其不可替代、互動(dòng)性作用。

一、網(wǎng)頁(yè)設(shè)計(jì)的主要視覺傳達(dá)要素

1.文字

在網(wǎng)頁(yè)設(shè)計(jì)元素中，文字扮演著信息傳達(dá)的主角，同時(shí)還是頁(yè)面設(shè)計(jì)中最具活性、最有創(chuàng)意點(diǎn)的設(shè)計(jì)元素。字體不同，其內(nèi)涵與風(fēng)格有所差異，因此，選擇合宜的字體，乃是網(wǎng)頁(yè)設(shè)計(jì)成功與否的首要前提。合宜的字體實(shí)際就是具有親和力且能夠準(zhǔn)確傳達(dá)的字體，尤其是基于網(wǎng)頁(yè)特性所標(biāo)配或要求的標(biāo)題性文字，比如商務(wù)管理網(wǎng)站、電子商務(wù)網(wǎng)站、普及型網(wǎng)站及辦公事務(wù)管理網(wǎng)站等，在選擇標(biāo)題性字體時(shí)，通常以色調(diào)和諧、醒目且大方為佳，其首選字體為黑體、宋體等；而針對(duì)設(shè)計(jì)機(jī)構(gòu)自家網(wǎng)站以及媒體信息服務(wù)類網(wǎng)站來(lái)講，其宗旨與理念即為基于網(wǎng)絡(luò)樹立自身良好形象，便于為對(duì)象提供服務(wù)，所以，在選擇標(biāo)題性字體時(shí)，相對(duì)較自由，不僅可以選擇事先經(jīng)設(shè)計(jì)帶有創(chuàng)意性的字體，而且還能選擇有莊重感的黑體。在實(shí)際選擇文本字體時(shí)，通常會(huì)受制于網(wǎng)絡(luò)媒體特性，通常選用瀏覽器默認(rèn)的字體，以此來(lái)兼容各類受眾，不然，則須以圖像形式而呈現(xiàn)，因此，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，可供選擇的文本字體相對(duì)較單一，對(duì)文字的創(chuàng)意，多集中在設(shè)計(jì)文字塊整體造型上。通過(guò)對(duì)文字的整體形象與形狀展開設(shè)計(jì)，實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面形象感、感染力的增強(qiáng)。文字塊造型和圖形設(shè)計(jì)之間，有著相輔相成的關(guān)系，同時(shí)還是頁(yè)面創(chuàng)意整體框架的重點(diǎn)內(nèi)容。文字塊設(shè)計(jì)可為靜態(tài)，還可為動(dòng)態(tài)，主要由網(wǎng)頁(yè)頁(yè)面信息傳遞的總量以及視覺平衡來(lái)決定。出文字本體之外，文字的色彩、大小同樣是開展文字設(shè)計(jì)的重要元素，通過(guò)合理設(shè)計(jì)這些元素，可以使信息讀取的易讀度、清晰度得以提升。

2.圖形與圖像

網(wǎng)頁(yè)設(shè)計(jì)時(shí)，運(yùn)用好的圖像與圖形，能夠激發(fā)受眾對(duì)產(chǎn)品、機(jī)構(gòu)及企業(yè)等的認(rèn)可與興趣，從而以自覺性姿態(tài)、深層次的了解企業(yè)的理念、文化與精神等，最終實(shí)現(xiàn)信息交流。圖像與圖形有著非常突出的信息導(dǎo)視作用，能夠?qū)?fù)雜的信息有效而又快速的傳達(dá)出來(lái)。對(duì)于圖像而言，實(shí)為質(zhì)感與色彩均較真實(shí)且?guī)в芯呦笮缘囊环N形態(tài)，能運(yùn)用電腦相關(guān)繪圖軟件，依據(jù)實(shí)際設(shè)計(jì)需要或要求，創(chuàng)新性的、大膽的進(jìn)行提純、修改或數(shù)字化處理，將其靜態(tài)美感突出出來(lái)。圖形即為點(diǎn)、線、面等和諧共融，而形成的二維藝術(shù)形象、抽象形態(tài)。針對(duì)抽象的圖形創(chuàng)意而言，能利用相關(guān)設(shè)計(jì)軟件，通過(guò)對(duì)點(diǎn)、線、面等要素的創(chuàng)意性重組，使之產(chǎn)生別樣的空間效果，完成活潑有趣、有節(jié)奏感、有個(gè)性、帶有動(dòng)感的圖形設(shè)計(jì)，最終實(shí)現(xiàn)網(wǎng)頁(yè)畫面觀賞性的增強(qiáng)。對(duì)于圖像、圖形而言，盡管有活潑版面、營(yíng)造網(wǎng)頁(yè)氣氛以及加強(qiáng)視覺效果等突出作用，但對(duì)于圖像與圖形的色調(diào)而言，會(huì)對(duì)網(wǎng)頁(yè)頁(yè)面的整體風(fēng)格產(chǎn)生影響。所以，在網(wǎng)頁(yè)頁(yè)面應(yīng)用圖像、圖形前，需對(duì)自身內(nèi)容進(jìn)行篩選，盡可能做到精心、周密，完成選定后，選擇合理的尺寸，運(yùn)用統(tǒng)一的圖片處理效果，搭配和諧、協(xié)調(diào)的色調(diào)，設(shè)定最佳位置，最終增強(qiáng)信息傳達(dá)效果。

3.視頻與動(dòng)畫

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，通常會(huì)用到Flash動(dòng)畫。在網(wǎng)頁(yè)中應(yīng)用三維動(dòng)畫或Flash動(dòng)畫，已經(jīng)成為藝術(shù)與科學(xué)完美結(jié)合的中間環(huán)節(jié)。在視頻與動(dòng)畫創(chuàng)作過(guò)程中，最為核心的便是營(yíng)造一種情感、感覺與情緒。對(duì)于那些優(yōu)質(zhì)的三維或二維動(dòng)畫設(shè)計(jì)內(nèi)容，能夠使原本枯燥、乏味的人機(jī)對(duì)話，變得更為生動(dòng)與有趣，從中還能張揚(yáng)人的情感。不管是利用圖形、圖像要素，還是運(yùn)用視頻與動(dòng)畫要素，其最終設(shè)計(jì)目的即為營(yíng)造出畫面休閑、活潑、輕松的氣氛，在閱讀時(shí)，使二維動(dòng)畫的“動(dòng)”、圖形的“靜”及文字彼此呼應(yīng)、和諧共融，產(chǎn)生心理上、視覺上的帶有豐富層次感的空間關(guān)聯(lián)，使受眾在此種“世界”當(dāng)中獲得愉悅。

二、網(wǎng)頁(yè)設(shè)計(jì)的編排創(chuàng)意

編排網(wǎng)頁(yè)頁(yè)面，通常需將視頻、圖片、文字及動(dòng)畫等信息一并展示于觀眾，所以，首先需結(jié)合不同性質(zhì)與類型，對(duì)網(wǎng)站加以分類，對(duì)其內(nèi)容進(jìn)行規(guī)整，然后把信息依據(jù)一定次序，進(jìn)行合理化、規(guī)范化布局，使其形成統(tǒng)一的視覺整體，真正做到總體考量，在原本相對(duì)有限的平面空間內(nèi)，達(dá)成無(wú)限想象。對(duì)于網(wǎng)站的編排創(chuàng)意而言，其所追求的是整體感覺，實(shí)際就是基于視覺體量的整體性的認(rèn)知分類與調(diào)整，其實(shí)質(zhì)即為依據(jù)網(wǎng)站策劃，從各種設(shè)計(jì)元素的多類組合中，篩選出最佳的的實(shí)踐過(guò)程。首先，需要明確界定版面設(shè)計(jì)，完成初步性構(gòu)思，然后用草圖呈現(xiàn)此構(gòu)思，使之具體化，此乃一“無(wú)形”過(guò)程，同時(shí)還是最能感受創(chuàng)意的過(guò)程。

在實(shí)際網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，需做到有機(jī)整合各元素，可以運(yùn)用Frame（框架結(jié)構(gòu)），實(shí)施頁(yè)面分欄，使之形成嵌套結(jié)構(gòu)或上下、左右結(jié)構(gòu)；或運(yùn)用層定位方式開展頁(yè)面布局的設(shè)計(jì)工作；運(yùn)用表格定位方式，將頁(yè)面布局確定下來(lái)。在應(yīng)用表格方面，同樣具有創(chuàng)造性，針對(duì)網(wǎng)頁(yè)頁(yè)面結(jié)構(gòu)而言，其乃是基于服從框架與表格的基調(diào)下，完成規(guī)律的創(chuàng)建，另依據(jù)頁(yè)面創(chuàng)意加以分割與調(diào)整，若在設(shè)置背景時(shí)，選擇不規(guī)則形，則能較好的突破視覺上的呆板，或時(shí)過(guò)度規(guī)律。在定位框架、層與表格時(shí)，通常是同步使用，定位層的方式即相對(duì)定位，此種方式具有較差的顯示器分辨率的兼容性，而表格可較好的彌補(bǔ)此缺陷，使其優(yōu)卻互補(bǔ)。在編排網(wǎng)頁(yè)頁(yè)面時(shí)，需與頁(yè)面素材與主題相結(jié)合，對(duì)頁(yè)面平衡加以調(diào)整，在不對(duì)稱中找尋均衡之處，在統(tǒng)一當(dāng)中找變化，經(jīng)反復(fù)調(diào)整，獲取內(nèi)在秩序，使人們獲取最佳視覺效果，實(shí)現(xiàn)信息傳遞。

三、結(jié)語(yǔ)

綜上，基于視覺層面，追求一種統(tǒng)一而又富含變化的節(jié)奏，實(shí)現(xiàn)總體上的和諧律動(dòng)，以整體需要為著眼點(diǎn)，創(chuàng)造頁(yè)面的和諧感與秩序感，在無(wú)相互干擾的系統(tǒng)當(dāng)中，使網(wǎng)頁(yè)頁(yè)面上內(nèi)容發(fā)揮作用，形成別致風(fēng)格與韻味，此乃網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)所在。

參考文獻(xiàn)：

[1]高沖.淺談網(wǎng)頁(yè)的視覺設(shè)計(jì)原則[J].藝術(shù)科技，2012（6）：96-96.

[2]范翠麗.教育網(wǎng)站中頁(yè)面的藝術(shù)設(shè)計(jì)[D].山東師范大學(xué)，2005.endprint