網(wǎng)頁設計的編排創(chuàng)意、視覺要素剖析

1、    網(wǎng)頁設計的編排創(chuàng)意、視覺要素剖析    沈金報?孫黃摘要：本文分別從文字、圖形與圖像、動畫與視頻、網(wǎng)頁色彩等方面，探討了網(wǎng)頁設計的主要視覺傳達要素，另對網(wǎng)頁設計的編排創(chuàng)意加以概括與論述，以期能為網(wǎng)頁設計提供些許參考。關(guān)鍵詞：網(wǎng)頁設計；編排創(chuàng)意；視覺要素隨著科技的日益發(fā)展，使得原本單一且靜態(tài)的信息媒體，開始向多樣且動態(tài)的信息媒體不斷轉(zhuǎn)變，對于各類媒體而言，均有專屬自身的特點“語言”，以及形成此語言所需的各基本要素。網(wǎng)絡乃為一種新媒體，隨著其應用的日益廣泛、多樣與普遍，除了使傳達設計的表現(xiàn)語言及基本視覺要素變得越發(fā)豐富之外，還日漸凸顯出其不可替代、互

2、動性作用。一、網(wǎng)頁設計的主要視覺傳達要素1.文字在網(wǎng)頁設計元素中，文字扮演著信息傳達的主角，同時還是頁面設計中最具活性、最有創(chuàng)意點的設計元素。字體不同，其內(nèi)涵與風格有所差異，因此，選擇合宜的字體，乃是網(wǎng)頁設計成功與否的首要前提。合宜的字體實際就是具有親和力且能夠準確傳達的字體，尤其是基于網(wǎng)頁特性所標配或要求的標題性文字，比如商務管理網(wǎng)站、電子商務網(wǎng)站、普及型網(wǎng)站及辦公事務管理網(wǎng)站等，在選擇標題性字體時，通常以色調(diào)和諧、醒目且大方為佳，其首選字體為黑體、宋體等；而針對設計機構(gòu)自家網(wǎng)站以及媒體信息服務類網(wǎng)站來講，其宗旨與理念即為基于網(wǎng)絡樹立自身良好形象，便于為對象提供服務，所以，在選擇標題性字體時

3、，相對較自由，不僅可以選擇事先經(jīng)設計帶有創(chuàng)意性的字體，而且還能選擇有莊重感的黑體。在實際選擇文本字體時，通常會受制于網(wǎng)絡媒體特性，通常選用瀏覽器默認的字體，以此來兼容各類受眾，不然，則須以圖像形式而呈現(xiàn)，因此，在網(wǎng)頁設計過程中，可供選擇的文本字體相對較單一，對文字的創(chuàng)意，多集中在設計文字塊整體造型上。通過對文字的整體形象與形狀展開設計，實現(xiàn)網(wǎng)頁頁面形象感、感染力的增強。文字塊造型和圖形設計之間，有著相輔相成的關(guān)系，同時還是頁面創(chuàng)意整體框架的重點內(nèi)容。文字塊設計可為靜態(tài)，還可為動態(tài)，主要由網(wǎng)頁頁面信息傳遞的總量以及視覺平衡來決定。出文字本體之外，文字的色彩、大小同樣是開展文字設計的重要元素，通過

4、合理設計這些元素，可以使信息讀取的易讀度、清晰度得以提升。2.圖形與圖像網(wǎng)頁設計時，運用好的圖像與圖形，能夠激發(fā)受眾對產(chǎn)品、機構(gòu)及企業(yè)等的認可與興趣，從而以自覺性姿態(tài)、深層次的了解企業(yè)的理念、文化與精神等，最終實現(xiàn)信息交流。圖像與圖形有著非常突出的信息導視作用，能夠?qū)碗s的信息有效而又快速的傳達出來。對于圖像而言，實為質(zhì)感與色彩均較真實且?guī)в芯呦笮缘囊环N形態(tài)，能運用電腦相關(guān)繪圖軟件，依據(jù)實際設計需要或要求，創(chuàng)新性的、大膽的進行提純、修改或數(shù)字化處理，將其靜態(tài)美感突出出來。圖形即為點、線、面等和諧共融，而形成的二維藝術(shù)形象、抽象形態(tài)。針對抽象的圖形創(chuàng)意而言，能利用相關(guān)設計軟件，通過對點、線、面等

5、要素的創(chuàng)意性重組，使之產(chǎn)生別樣的空間效果，完成活潑有趣、有節(jié)奏感、有個性、帶有動感的圖形設計，最終實現(xiàn)網(wǎng)頁畫面觀賞性的增強。對于圖像、圖形而言，盡管有活潑版面、營造網(wǎng)頁氣氛以及加強視覺效果等突出作用，但對于圖像與圖形的色調(diào)而言，會對網(wǎng)頁頁面的整體風格產(chǎn)生影響。所以，在網(wǎng)頁頁面應用圖像、圖形前，需對自身內(nèi)容進行篩選，盡可能做到精心、周密，完成選定后，選擇合理的尺寸，運用統(tǒng)一的圖片處理效果，搭配和諧、協(xié)調(diào)的色調(diào)，設定最佳位置，最終增強信息傳達效果。3.視頻與動畫在網(wǎng)頁設計過程中，通常會用到flash動畫。在網(wǎng)頁中應用三維動畫或flash動畫，已經(jīng)成為藝術(shù)與科學完美結(jié)合的中間環(huán)節(jié)。在視頻與動畫創(chuàng)作過

6、程中，最為核心的便是營造一種情感、感覺與情緒。對于那些優(yōu)質(zhì)的三維或二維動畫設計內(nèi)容，能夠使原本枯燥、乏味的人機對話，變得更為生動與有趣，從中還能張揚人的情感。不管是利用圖形、圖像要素，還是運用視頻與動畫要素，其最終設計目的即為營造出畫面休閑、活潑、輕松的氣氛，在閱讀時，使二維動畫的“動”、圖形的“靜”及文字彼此呼應、和諧共融，產(chǎn)生心理上、視覺上的帶有豐富層次感的空間關(guān)聯(lián)，使受眾在此種“世界”當中獲得愉悅。二、網(wǎng)頁設計的編排創(chuàng)意編排網(wǎng)頁頁面，通常需將視頻、圖片、文字及動畫等信息一并展示于觀眾，所以，首先需結(jié)合不同性質(zhì)與類型，對網(wǎng)站加以分類，對其內(nèi)容進行規(guī)整，然后把信息依據(jù)一定次序，進行合理化、規(guī)

7、范化布局，使其形成統(tǒng)一的視覺整體，真正做到總體考量，在原本相對有限的平面空間內(nèi)，達成無限想象。對于網(wǎng)站的編排創(chuàng)意而言，其所追求的是整體感覺，實際就是基于視覺體量的整體性的認知分類與調(diào)整，其實質(zhì)即為依據(jù)網(wǎng)站策劃，從各種設計元素的多類組合中，篩選出最佳的的實踐過程。首先，需要明確界定版面設計，完成初步性構(gòu)思，然后用草圖呈現(xiàn)此構(gòu)思，使之具體化，此乃一“無形”過程，同時還是最能感受創(chuàng)意的過程。在實際網(wǎng)頁設計過程中，需做到有機整合各元素，可以運用frame（框架結(jié)構(gòu)），實施頁面分欄，使之形成嵌套結(jié)構(gòu)或上下、左右結(jié)構(gòu)；或運用層定位方式開展頁面布局的設計工作；運用表格定位方式，將頁面布局確定下來。在應用表格

8、方面，同樣具有創(chuàng)造性，針對網(wǎng)頁頁面結(jié)構(gòu)而言，其乃是基于服從框架與表格的基調(diào)下，完成規(guī)律的創(chuàng)建，另依據(jù)頁面創(chuàng)意加以分割與調(diào)整，若在設置背景時，選擇不規(guī)則形，則能較好的突破視覺上的呆板，或時過度規(guī)律。在定位框架、層與表格時，通常是同步使用，定位層的方式即相對定位，此種方式具有較差的顯示器分辨率的兼容性，而表格可較好的彌補此缺陷，使其優(yōu)卻互補。在編排網(wǎng)頁頁面時，需與頁面素材與主題相結(jié)合，對頁面平衡加以調(diào)整，在不對稱中找尋均衡之處，在統(tǒng)一當中找變化，經(jīng)反復調(diào)整，獲取內(nèi)在秩序，使人們獲取最佳視覺效果，實現(xiàn)信息傳遞。三、結(jié)語綜上，基于視覺層面，追求一種統(tǒng)一而又富含變化的節(jié)奏，實現(xiàn)總體上的和諧律動，以整體需要為著眼點，創(chuàng)造頁面的和諧感與秩序感，在無相互干擾的系統(tǒng)當中，