網(wǎng)站建設(shè)排版布局的一般步驟
- 編輯：admin -1.構(gòu)思新建的網(wǎng)頁就像一張白紙，沒有任何表格、框架和約定俗成的東西，可以盡可能地發(fā)揮想象力，將想象到的”“量象”畫上去。這屬于創(chuàng)造階段，不講究細(xì)工整，不必考慮細(xì)節(jié)功能，只以簡練的線條勾畫出創(chuàng)意的輪廓即可。根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，應(yīng)盡可能多畫幾張，最后選定一個滿意的創(chuàng)作，完成版面布局設(shè)計。
1.構(gòu)思新建的網(wǎng)頁就像一張白紙，沒有任何表格、框架和約定俗成的東西，可以盡可能地發(fā)揮想象力，將想象到的”“量象”畫上去。這屬于創(chuàng)造階段，不講究細(xì)工整，不必考慮細(xì)節(jié)功能，只以簡練的線條勾畫出創(chuàng)意的輪廓即可。根據(jù)網(wǎng)站內(nèi)容的整體風(fēng)格，應(yīng)盡可能多畫幾張，最后選定一個滿意的創(chuàng)作，完成版面布局設(shè)計。
2.粗略布局
在草案的基礎(chǔ)上，將確定需要放置的功能板塊安排到頁面上。這里必須遵循突出重點，平衡協(xié)調(diào)的原則，將網(wǎng)站標(biāo)識、主菜單等最重要的模塊放在最顯眼、最突出的位置，然后再考慮次要模塊的排放。
這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中，例如，網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計數(shù)器等。
3.細(xì)化
在將各主要元素確定好之后，下面就可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步，設(shè)計者可以利用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁，當(dāng)然，對每一種元素所占的比例也要有一個詳細(xì)的數(shù)字，以便以后修改。
經(jīng)粗略布局精細(xì)化、具體化。在布局過程中，我們可以遵循的原則有:
(1)正常平衡:亦稱“勻稱”。多指左右、上下對照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定誠實、信賴的效果
(2)異常平衡:即非對照形式，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果
(3)對比:所謂對比，不僅利用色彩、色調(diào)等技巧來作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對比。
(4)凝視:所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁面的效果，一般多用明星凝視狀。
(5)空白:空白有兩種作用，一方面表現(xiàn)網(wǎng)站突出卓越感，另一方面也表示網(wǎng)頁品味的優(yōu)越感，這表現(xiàn)方法對體現(xiàn)網(wǎng)頁的格調(diào)十分有效。
(6)圖解說明:此法對不能用語言說服，或用語言無法表達(dá)的情感特別有效。圖解說的內(nèi)容，可以傳達(dá)給測覽者更多的心理因素。
以上的網(wǎng)站建設(shè)設(shè)計原則，如果能夠領(lǐng)會并活用到頁面布局里，效果就大不一樣了。比如:頁面的白色背景太虛，則可以加些色塊；版面零散，可以用線條和符號串聯(lián)；左面文字過多，右面則可以插一張圖片保持平衡等。