網頁設計的編排創意、視覺要素剖析

沈金報?孫黃

摘要：本文分別從文字、圖形與圖像、動畫與視頻、網頁色彩等方面，探討了網頁設計的主要視覺傳達要素，另對網頁設計的編排創意加以概括與論述，以期能為網頁設計提供些許參考。

關鍵詞：網頁設計；編排創意；視覺要素

隨著科技的日益發展，使得原本單一且靜態的信息媒體，開始向多樣且動態的信息媒體不斷轉變，對于各類媒體而言，均有專屬自身的特點“語言”，以及形成此語言所需的各基本要素。網絡乃為一種新媒體，隨著其應用的日益廣泛、多樣與普遍，除了使傳達設計的表現語言及基本視覺要素變得越發豐富之外，還日漸凸顯出其不可替代、互動性作用。

一、網頁設計的主要視覺傳達要素

1.文字

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

2.圖形與圖像

網頁設計時，運用好的圖像與圖形，能夠激發受眾對產品、機構及企業等的認可與興趣，從而以自覺性姿態、深層次的了解企業的理念、文化與精神等，最終實現信息交流。圖像與圖形有著非常突出的信息導視作用，能夠將復雜的信息有效而又快速的傳達出來。對于圖像而言，實為質感與色彩均較真實且帶有具象性的一種形態，能運用電腦相關繪圖軟件，依據實際設計需要或要求，創新性的、大膽的進行提純、修改或數字化處理，將其靜態美感突出出來。圖形即為點、線、面等和諧共融，而形成的二維藝術形象、抽象形態。針對抽象的圖形創意而言，能利用相關設計軟件，通過對點、線、面等要素的創意性重組，使之產生別樣的空間效果，完成活潑有趣、有節奏感、有個性、帶有動感的圖形設計，最終實現網頁畫面觀賞性的增強。對于圖像、圖形而言，盡管有活潑版面、營造網頁氣氛以及加強視覺效果等突出作用，但對于圖像與圖形的色調而言，會對網頁頁面的整體風格產生影響。所以，在網頁頁面應用圖像、圖形前，需對自身內容進行篩選，盡可能做到精心、周密，完成選定后，選擇合理的尺寸，運用統一的圖片處理效果，搭配和諧、協調的色調，設定最佳位置，最終增強信息傳達效果。

3.視頻與動畫

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

二、網頁設計的編排創意

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

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

三、結語

綜上，基于視覺層面，追求一種統一而又富含變化的節奏，實現總體上的和諧律動，以整體需要為著眼點，創造頁面的和諧感與秩序感，在無相互干擾的系統當中，使網頁頁面上內容發揮作用，形成別致風格與韻味，此乃網頁設計的目標所在。

參考文獻：

[1]高沖.淺談網頁的視覺設計原則[J].藝術科技，2012（6）：96-96.

[2]范翠麗.教育網站中頁面的藝術設計[D].山東師范大學，2005.endprint