創建具有視覺吸引力的網頁

摘 要:隨著人們對美的追求不斷深入，網站中有創意、有美感的頁面會給瀏覽者留下深刻的印象。本文從網站的主題和風格出發，對色彩的定位、布局的選擇、字體的設置及多媒體元素的合理選用方面提出了一些建議，以提高網頁設計者的制作水平和使用者的欣賞水平。

關鍵詞:網頁設計 色彩搭配 文字藝術 多媒體元素

Abstract: As people pursuit of beauty unceasingly thorough， web pages， aesthetic ideas will give visitors leave deep impression. From this site theme and style， the color of the localization，the choice of font layout， and multimedia elements of reasonable selection aspects， and puts forward some Suggestions to improve the production level and web designers users’ appreciation level.

Key words: Web design，color matching，Text art，Multimedia elements

網站是企業向用戶和網民提供信息、開展電子商務的基礎設施和信息平臺，也是個人展示風采的有效途徑。網站中有創意、有美感的頁面會給瀏覽者留下深刻的印象，人們對美的追求不斷深入，要增強網頁的美感及大眾的審美需要，應從網站的主題和風格出發，進行色彩的定位、布局的選擇、字體的設置及多媒體元素的合理選用。

無論是什么類型的網站，它的產生都需要經過精心的設計和規劃。首先應該考慮好它的主題，也就是希望通過網站表達什么內容。對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。風格是抽象的，是指站點的整體形象給瀏覽者的綜合感受。風格可以是平易近人的、生動活潑的，也可以是專業嚴肅的。比如推銷醫療器械類的網站應有高科技感、嚴肅的感覺，如果把這個網站做的過于花哨，有大量卡通圖案而吸引了兒童訪問的話，這樣的網站就失去最初的意義了。風格的形成不是一次定位的，可以在實踐中不斷強化、調整和改進，還要特別注意風格與主題要統一。

一、色彩的和諧運用

人們在瀏覽網頁時，首先映入眼簾的是界面的色彩，所以確定網站的色彩是相當重要的一步，色彩的設計關系到網站的形象，與網站的主題和風格息息相關。不同的色彩給人的感受是不同的，可能會影響到訪問者的情緒，應該結合主題合理運用。比如紅色讓人聯想到喜慶、熱情，藍色讓人想到大海、天空和水面等，綠色則給人環保、健康、安全等等的感覺。另外即使同一色系的顏色，其明度、飽和度不同，給人的感受也會不同。那么在網頁設計中，如何進行不同色彩的合理搭配呢？

從美學角度上分析，網頁的色彩搭配有幾個原則，如相近色搭配、對比色搭配、互補色搭配等。無論哪種搭配原則，都必須確定主色調，即網頁的風格色。如網站的內容是有關環保的，則可以用綠色做主色調。確定了主色調后，再采用相近色、對比色或互補色來襯托頁面，從而更好地表現主題。

網站的用色應該和其主題與風格相統一，和諧地運用色彩來體現網站的特色，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。

二、布局的合理安排

網頁的布局類型很多，比如有“國”字型、左右框架型、上下框架型、封面型等。無論選用那種布局，都要考慮到導航、必要的其他信息與正文之間的關系。

還應該注重一致性。所有網頁的設計都應該保持一致，這樣用戶才不會感覺到自己處于不同的網站中。另外網站中所有網頁導航都應該相同，再者導航系統要明晰，網站的鏈接應該是敘述性的，并且要容易理解，可以用一種顏色標示網站的主要鏈接。

另外網頁布局中的留白也不能忽視，它能增強畫面的節奏和韻律，提高藝術美感，但留白并不是簡單地留出一塊空白的地方，是需要仔細斟酌的。在網頁中通過留白的橋梁作用，使整個頁面的布局呈現出錯落有致的狀態。

三、文字的藝術發揮

網頁中最主要的元素就是文字了，它作為信息傳達的主要視覺藝術媒介符號，除了可以傳達信息，還能增強網頁的審美價值。在設計中切記的是，文字不只是草草出場，它還應該是漂亮的并且能夠容易閱讀的。

注意對于字體、字距、字號、行距以及文字排版的方式的選擇。在字號的選擇上，最適合于網頁正文顯示的字體大小為9點左右為宜。而在考慮到文字的行距、空間的安排時，要注意行距對文字的可讀性會產生很大影響。一般應選用文字與行距最合適的比例10∶12，即用字10點，則行距12點。而字體的選擇是一種感性、直觀的行為，主要考慮其風格與內容特性的相吻合性。

另外要注意的是字體顏色的選擇，一定要選擇和背景色對比較強烈的顏色，這樣才會便于瀏覽者閱讀。一般來說，網頁的背景色應該柔和一些、淡一些，配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標題使用較深的顏色。

四、運用多媒體元素，實現動態效果

在網頁中，經?？梢钥吹揭恍┬畔⒁詧D文并茂、生動活潑的動態形式表現出來， 給人留下深刻的印象。動態效果的插入，會使網頁更加靈活、豐富多彩。比如給網頁添加滾動字幕，可以實現元素在網頁中移動的效果，以達到動感十足的視覺效果，還可以插入各種多媒體文件、背景音樂、視頻等。想象一下當你瀏覽網頁時，欣賞到圖文并茂并且有動態效果的網頁，優美的背景音樂在耳邊纏繞，一定使你如臨其境。

但同時也要注意應盡量減少圖片的數量。因為圖片會減慢網站下載速度，這樣，可能會造成訪問者關閉網頁或者退出網站。再有搜索引擎不會對圖片數量多的網頁做索引，所以，這樣的網頁很難被用戶搜索到。Flash、視頻等多媒體元素和圖片一樣，即使它們可以讓網頁更形象、生動、也不要運用太多，因為它們也會使網站的下載速度變慢。

再有，切忌亂用特效。沒有考慮與網站風格是否統一就全部加到網頁上，不僅會影響網站數據運行的可靠性，也會搶走瀏覽者的眼光，從而使網頁的具體內容顯得蒼白無力。

總之，人們對美的追求不斷深入，要增強網頁的美感及大眾的審美需要，就應該把網頁做得很精彩。網頁給人很直觀的感受，本文提到的色彩、布局、文字、多媒體元素等的運用的藝術表現都是要經過精心規劃和設計才能體現出網頁的特點，這才是具有視覺吸引力的網頁。

參考文獻：

［1］姜玉潔，張楠，戴毅君等編著.網頁制作教程.機械工業出版社，2007.2.

［2］劉洪峰.網頁設計色彩配色應用.江西美術出版社，2003.1.

［3］韋艷麗.多媒體設計［M］.北京：北京理工大學出版社，2006（7）.

［4］馬丹.網站頁面設計［M］.北京：北京理工大學出版社，2006（7）.

［5］劉瑞新，張兵義，馮柯編著.網頁設計與制作教程.機械工業出版社，2005.

作者單位：山西晉中職業技術學院信息技術系