版式設計在網頁中的重要性

李明妍（江蘇省聯合職業技術學院徐州財經分院,江蘇 徐州 221008）

版式設計在網頁中的重要性

李明妍
（江蘇省聯合職業技術學院徐州財經分院,江蘇 徐州 221008）

在這個互聯網的時代，瀏覽網頁就成了人們必不可少的生活方式，那么網頁設計這個行業便逐漸走俏，為了便于人們設計出布局合理，形式獨特的網站，網頁設計的版式設計將變得越來越重要，本篇文章便是對如何將版式設計合理的運用在網頁中進行研究。

網頁設計；互聯網；瀏覽網頁

1 網頁的原則

網頁設計由于是在電腦屏幕上觀看的，還需要跟瀏覽者進行互動，這就和普通的平面設計有了質的不同。觀看載體不同，所以我們在研究網頁設計的時候，除了要研究網頁的美觀還要研究瀏覽者在面對網頁的心理感受，要讓讀者先從功能上對其有個認知，在認知基礎上才能進行制作版面的設計。這就使得網頁設計的這門技術還需我們做更多的相關探究。

2 網頁的布局風格

網頁布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。 看看我們經常用到的版面布局形式:

（1）“同”字型布局。這種布局結構的最上面一般是網站的標志、廣告以及導航欄；下面是主要內容，左有一些欄，右也有一些欄目，在結構的中間位置是內容主體；結構的最下面是一些網站的基本信息及版權信息。國內一些大中型網站常見的是這種結構布局方式。這種結構的優點是把版面充分的利用了起來，讓讀者有很大的信息量進行閱讀；它的缺點是頁面看上去靈活性不夠，有時也給人一種擁擠的感覺。

（2）“廠”字型局：這種布局結構的特點是在頁面的頂部設為標志和廣告條，下方左面為主菜單，右面顯示正文信息。本布局方式是目前應用比較廣泛的一種。本布局的優點是主次非常分明，頁面結構一目了然，很清晰；它的缺點是對色彩搭配要求比較高，如果搭配不當的話，會給人以規矩呆板，甚至容易引人厭煩。

（3）“框架”型布局：這種布局結構一般為上下或左右布局，一欄是導航欄，一欄是正文信息。也有將頁面分為三欄的，上邊一欄放圖片廣告，左側欄放導航欄，右側為正文信息。

3 網頁布局清晰的原則

3.1 網頁的標題設計

在網頁的版式設計中成功的標題可以讓人一目了然和賞心悅目，也能給整個網站提高氣氛。網站的首頁上方會有公司的標題，標題后面的背景也有靜態的和動態的區分，也可以形成交互性。這也是網頁的版式與普通印刷品版式的區別。

3.2 文字的編排

文字本身是以傳達內容和表達信息為主題的。在網頁設計過程中，網頁的設計一定要抓住這個主題不要放松，但是同時也可以利用字體也表達一定的感情，例如：粗體字強壯有力，有男性特點，適合機械、建筑業等內容；細體字高雅細致，有女性特點，更適合服裝、化妝品、食品等行業的內容。同時設計者也要考慮到一些細節的內容，如很多讀者的計算機中只裝有三種字體及一些相應的特定字體，如果沒有特別強的針對性的要求，最好采用缺省字體。

字號的大小也有一定的要求，如標題和其他需要強調的地方用字號大一些，如9磅，而網頁的正文，這是人們閱讀量最大的，12磅的字體是比較合適的，像一些頁腳的和輔助性的信息，可以使用能小一點的字號。

頁面里的正文部分，這個部分是最重要的部分，這部分的內容是由許多單個文字經過編排組成的群體，這個群體影響著讀者的閱讀，可以從藝術、個性、情感方面對這部分進行處理，以達到最好的抓住讀者眼球的作用。

3.3 圖文結合

版式有可以分為無圖的版式和有圖的版式，有圖的版式鋼架豐富，無圖的版式需要給人不容易枯燥的感覺就需要巧妙的排版了，兩種版式都不可缺少，當然網站上更多的還是圖文結合的版式。

在視覺順序上，從吸引人的注意力角度來說，圖形對人眼球的吸引力遠遠是超過了純文字對人眼球的吸引力，圖形給人的視覺印象要比文字強烈得多，這是因為圖形的色彩變化明顯，所含內容也異常豐富，同時圖片的引入也對頁面起到好很好美化作用。可以說，要使網頁更好的吸引人的眼球，更好的抓住人們的視線，并在純文本基礎上變得更有趣味，最為簡捷省力的辦法就是使用圖片。幾乎所有的網頁都用到了圖形，善于使用圖形，可以讓網頁的主題表現的更加生動、形象和直觀，同時也較好地增強網頁的宣傳力、號召力和感染力，吸引讀者的注意，引起讀者的興趣。網頁可以圖文并茂地向用戶提供信息，成倍地加大了它所提供的信息量。對于一條信息來說，圖片對瀏覽者的吸引遠遠超過單純的文字。頁面的節奏韻律。這也是圖文排版的魅力所在。

4 網頁視覺美觀的原則

網頁的顏色表達一種情感，也象征不同的含義。這些象征含義在人們思想交流形成了復雜的問題，如人們的時代、民族、年齡、地域、階層、工作能力、經濟地區、通過不同的顏色組合，呈現給他們的心理感受是截然不同的。如紫紅和土黃搭配，可以產生高貴的，的氣氛。粉色和白色混合，能體現柔順、雅致、浪漫的氣氛。金色和大紅、金色的搭配能渲染喜慶的氣氛。而橙色和黃色的搭配則會給人帶來暖意。設計主題的不同，顏色搭配的方法也隨之改變。兼顧網頁的適應性，應盡量使用網頁安全色。可先確定一種能表現主題的主體色，然后根據具體的需要，應用顏色的近似和對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目的視覺效果。

總是，一個優秀網頁的實現離不開以上幾點原則，只要每個細節都做到合理設計一定能夠呈現出一個精彩的網站。

[1]董海斌.平面視覺元素在網頁設計中的應用研究[J].科技信息,2008(05):155.

[2]尹振鶴．云計算的特點及應用分析[J].硅谷,2014(12):126.

[3]鄒鈺．AutoCAD動態塊在室內設計制圖中的應用[J].硅谷,2014(12):126.

[4]楊翠芳.淺析視錯覺手段在平面設計中的運用技巧[J]。電腦知識與技術,2011(11):8037.