網(wǎng)站設(shè)計時，網(wǎng)站究竟好不好看，最主要的就是看網(wǎng)站的布局。一個優(yōu)質(zhì)的布局可以大大降低后期設(shè)計其他地方的工作量，讓工作更簡單。那么，網(wǎng)頁版面應(yīng)該如何設(shè)計呢？

在頁面上創(chuàng)建適當(dāng)?shù)木W(wǎng)格。布局網(wǎng)格是由一些垂直和水平線組成的，可以用于結(jié)構(gòu)化的網(wǎng)頁內(nèi)容，網(wǎng)格是一個整體框架，也可以作為布局來組織框架的文字、圖片，它相當(dāng)?shù)脑O(shè)計依據(jù)，有利于創(chuàng)意游戲的布局，使設(shè)計合理。

利用網(wǎng)格,可以較好地解決頁面中元素的定位問題，從而更準(zhǔn)確地進(jìn)行布局規(guī)劃，同時利用網(wǎng)格也可以使布局設(shè)計更加高效。在網(wǎng)頁中也可以通過一系列的重復(fù)和固定的間隔來構(gòu)建一種和諧的視覺美感，比如在一些字體的大小、間距、模塊和模塊之間的距離等方面。

在任何空間或不同層次界面存在，組織結(jié)構(gòu)和元素的內(nèi)容，而內(nèi)容頁層次規(guī)劃的視覺層次規(guī)劃設(shè)計其實是同樣的原理設(shè)計，視覺藝術(shù)的小學(xué)和中學(xué)的點繪制，頁面內(nèi)容的層次同樣分為原發(fā)性和繼發(fā)性。

在布局設(shè)計中，層次關(guān)系的客觀存在應(yīng)該通過編排來重建。通過這樣做，您可以改善諸如文本和圖像等元素的視覺提示，以獲得更好的界面清晰度，從而更容易地讀取Web頁面的內(nèi)容。在設(shè)計中，可以通過字體大小對比、文本效果、色塊等來處理分類效果，如：字應(yīng)大、字小、色塊應(yīng)重、輕等。

設(shè)計網(wǎng)頁布局并不困難。我們可以通過字體、行距、色塊、網(wǎng)格等來進(jìn)行規(guī)劃和控制.完成頁面布局，還要注意網(wǎng)頁上圖片的位置，控制大小、顏色，如果能很好地控制網(wǎng)頁上可用的圖片，將對網(wǎng)頁布局的外觀和感覺起到很好的促進(jìn)作用。適當(dāng)匹配頁面上的各種元素，使頁面上的文本、圖片和其他內(nèi)容更加協(xié)調(diào)，從而設(shè)計出良好的頁面布局。