網頁設計的應用與頁面優化

陳奇 呂琛

[內容摘要]網頁設計作為一種視覺語言，它是平面設計在信息時代的延續，也是一項現代數字科技與傳統人文美學相結合的創造性智力活動。互聯網和多媒體技術的快速發展，網頁作為信息的主要載體，承擔著將各類信息展現和傳達的任務，網頁設計的使命是直接有效地傳達信息給用戶，現在網頁用戶群體復雜，層次多樣，對網頁的好用性要求越來越高，要求一個網頁在很好的需求戰略，功能規格，信息架構的基礎上更多的關注交互細節設計。

[關 鍵 詞] 交互性 ?導向 ?設計 ?體驗

一、國內外網頁設計現狀

網絡作為第四媒體，逐漸走向成熟，網頁設計業也已逐步脫離了傳統廣告設計的范疇，形成特殊而獨立的體系。同時表明了，設計人員對網站視覺審美以及網站功能應用等多個方面的認知達到了新的高度。拋去媒體這層外衣，網站是信息的儲存空間。從理論上來說，套用相同的模板，只要保證瀏覽者能夠獲取信息，網站的功能其實也就實現了。

眾所周知，“優者生存”是事物繁衍發展的自然規律。隨著網絡技術的更新換代，以及計算機美術的可達到的范圍越來越廣，無法繼續滿足于：只有幾篇文字和版式一模一樣的網站。網頁藝術設計包含的視覺傳達效果以主題鮮明、形式與內容相統一為設計原則。文字內容的精心組織、圖片的唯美設計、和諧的色彩搭配都是吸引瀏覽者訪問網站的基本因素。表面上看，它不過是關于網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。通過對網頁設計中的審美需求和其各種視覺構成要素（文字、圖片、顏色、布局等）進行了分析。進入21世紀，人類社會正經歷著從原子時代向數字時代的轉變，新世紀不可缺少的必然是互聯網，互聯網正在全世界進行著越來越深刻的革命。互聯網代表著一種嶄新的信息交流方式，它使信息的傳播突破了傳統的政治、經濟、地域及文化的阻隔，使信息傳達的范圍、速度與效率都產生了質的飛躍。

二、網頁設計中的視覺流程

視覺流程的形成是由人類的視覺特性所決定的。因為人眼晶體結構的生理構造，只能產生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方。視覺流程往往會體現出比較明顯的方向感，它無形中形成一種脈絡，似乎有一條線、一股氣貫穿其中，使整個版面的運動趨勢有一個主旋律。當然視覺流程是一種感覺而非確切的數學公式，只要符合人們認識過程的心理順序和思維發展的邏輯順序，就可以更為合理、靈活地運用。在網頁設計中，靈活而合理地運用視覺流程和最佳視域，組織好自然流暢的視覺導向，直接影響到傳播者傳達信息的準確與有效性。三、網頁中各個構成要素分析

網頁的構成要素包括文字、圖形、圖象、標志、色彩等造型要素及標題、信息菜單、信息正文、標語、單位名稱等內容要素。

1.文字的編排與設計

最適合于網頁正文顯示的字體大小為12磅左右，現在很多的綜合性站點，由于在一個頁面中需要安排的內容較多，通常采用9磅的字號。較大的字體可用于標題或其他需要強調的地方，小一些的字體可以用于頁腳和輔助信息。網頁設計者可以用字體來更充分地體現設計中要表達的情感。字體選擇是一種感性、直觀的行為。在同一頁面中，字體種類少，版面雅致，有穩定感;字體種類多，則版面活躍，豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。

文字作為信息傳達的主要手段目前也是網頁設計的主體，文字是網頁中必不可少的元素，也是網頁中的主要信息描述要素，所以網頁中文字將占據相當大的面積，文字表現的好與壞將影響到整個網頁的質量。雖然可供選擇的字體很多，但在同一網頁上，使用幾種字體尚需精心編輯和考慮。一般來講，同一頁面上使用的字體種類最多只能有三四種。由于文本字體的顯示是需要本地硬盤字體文件的支持的，所以在互聯網上使用過多的字體是沒有意義的。文字在視覺傳達中作為頁面形象要素之一，除了表意以外，還具有傳達感情的功能，因而必須具有視覺的美感，能給人以美好印象，獲得良好的心理反應。

2.圖像的編排與設計

圖片是文字以外最早引入到網絡中的多媒體對象。可以說，要使網頁在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。圖片的引入也大大美化了網絡頁面。在圖片的選擇和優化的同時，應考慮圖片在整體編輯計劃中的作用，到和諧整齊。

圖片的位置、面積、數量、形式、方向等直接關系到網頁的視覺傳達。在頁面圖片的合理選用時，一要注意統一，二要注意悅目，三要注意突出重點，特別是在處理和相關文字編排在一起的圖片時。一般來說，分辨率為72dpi（dotperinch）是大多數圖片最佳選擇;另一個特點是，圖片要盡量小。網絡頁面的圖片用于網絡的傳輸，受到帶寬的限制，其文件尺寸在一定范圍內越小越好。這也是適應信息高速公路的要求。

3.色彩的設計

首先，整個頁面的色彩選擇，確定一個主色調，可以有利于體現網站主題。其次，在背景的色調搭配上一定要注意不能有強烈的對比，特別是同時使用色彩對立的顏色。網頁在一定意義上說也是一種藝術品，因為它既要求文字的優美流暢，又要求頁面的新穎、整潔，使用色彩可以產生強烈的視覺效果，使頁面更加生動。

實際上背景的作用主要在于統一整個網頁的風格和情調，對視覺的主體起到一定的襯托和協調作用，一方面吸引網民的注意力，另一方面有助于體現網站的主題。只有少量精心選擇的元素，為了突出強調的需要，才采用明亮的色彩，這些彩色亮點就會產生強烈的視覺沖擊，但如果用得太多了，就會形成一種均勻的噪聲，而達不到強調的效果。

4.布局設計

關于布局也許是大家最不放在眼里的地方，其地位如同文字的排版一樣，隨便可布，布即隨便。

其實文字排版是一種不起眼但卻非常重要的細節。做好了會讓作品更為精細漂亮，做不好也許就成為作品失改的重要原因。其實布局也是一樣，需要足夠的重視起來。

結語

網頁作為一種新的視覺表現形式，它的發展雖然沒有多長時間，它兼容了傳統平面設計的特征，又具備其所沒有的優勢，成為今后信息交流的一個非常有影響的途徑。在本文中只從視覺傳達的角度和如何能將頁面更優化進行了一些闡述與分析。除了掌握技術知識，還要具備較高的審美能力和文化素質，結合時代的發展。美是任何網頁所必需具備的基本因素，網頁信息不僅是為了滿足使用者的需求，更重要的是創造一種愉悅的視覺環境，使他們有一種全身心享受和共鳴。

本文系黑龍江省藝術科學規劃課題一般項目 課題名稱：網頁設計與創意思維的整合策劃及設計應用研究

課題號：2013B083

參考文獻：

[1]郭潔恩，網頁色彩表現研究[D].西安美術學院，2007

[2]王慶斌，張福昌.現代網頁色彩設計[J].無錫輕工大學學報，2001

[3]張秀杰，個性化網頁設計技巧[J].黑龍江畜牧獸醫職業學院學報，2006