?
全國客服熱線:4006-880844

網站建設排版布局的一般步驟

- 編輯:admin -

1.構思新建的網頁就像一張白紙,沒有任何表格、框架和約定俗成的東西,可以盡可能地發揮想象力,將想象到的”“量象”畫上去。這屬于創造階段,不講究細工整,不必考慮細節功能,只以簡練的線條勾畫出創意的輪廓即可。根據網站內容的整體風格,應盡可能多畫幾張,最后選定一個滿意的創作,完成版面布局設計。

1.構思
 
新建的網頁就像一張白紙,沒有任何表格、框架和約定俗成的東西,可以盡可能地發揮想象力,將想象到的”“量象”畫上去。這屬于創造階段,不講究細工整,不必考慮細節功能,只以簡練的線條勾畫出創意的輪廓即可。根據網站內容的整體風格,應盡可能多畫幾張,最后選定一個滿意的創作,完成版面布局設計。
 
2.粗略布局
 
在草案的基礎上,將確定需要放置的功能板塊安排到頁面上。這里必須遵循突出重點,平衡協調的原則,將網站標識、主菜單等最重要的模塊放在最顯眼、最突出的位置,然后再考慮次要模塊的排放。


 
這一步就要把一些主要的內容放到網頁中,例如,網站的標志、廣告條、菜單、導航條、計數器等。
 
3.細化
 
在將各主要元素確定好之后,下面就可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步,設計者可以利用網頁編輯工具把草案做成一個簡略的網頁,當然,對每一種元素所占的比例也要有一個詳細的數字,以便以后修改。
 
經粗略布局精細化、具體化。在布局過程中,我們可以遵循的原則有:
 
(1)正常平衡:亦稱“勻稱”。多指左右、上下對照形式,主要強調秩序,能達到安定誠實、信賴的效果
 
(2)異常平衡:即非對照形式,此種布局能達到強調性、不安性、高注目性的效果
 
(3)對比:所謂對比,不僅利用色彩、色調等技巧來作表現,在內容上也可涉及古與今、新與舊、貧與富等對比。
 
(4)凝視:所謂凝視是利用頁面中人物視線,使瀏覽者仿照跟隨的心理,以達到注視頁面的效果,一般多用明星凝視狀。
 
(5)空白:空白有兩種作用,一方面表現網站突出卓越感,另一方面也表示網頁品味的優越感,這表現方法對體現網頁的格調十分有效。
 
(6)圖解說明:此法對不能用語言說服,或用語言無法表達的情感特別有效。圖解說的內容,可以傳達給測覽者更多的心理因素。
 
以上的網站建設設計原則,如果能夠領會并活用到頁面布局里,效果就大不一樣了。比如:頁面的白色背景太虛,則可以加些色塊;版面零散,可以用線條和符號串聯;左面文字過多,右面則可以插一張圖片保持平衡等。
?