說到網(wǎng)站頁面的布局,人們通常會想到“國字”布局、“廣字”布局、“T”布局等,這些布局類型是從布局類型的視覺效果角度來判斷和分類的. 但實際上,對網(wǎng)站頁面的排版布局進(jìn)行分類還是有很多角度的。 下面西安網(wǎng)站制作公司就從各個元素在網(wǎng)站頁面中的相對位置來對布局進(jìn)行分類。
1.絕對布局
所謂絕對布局,就是網(wǎng)站頁面中的設(shè)計元素有一個固定的位置,無論其周圍元素的設(shè)計如何變化,都將固定在一個范圍內(nèi),不會發(fā)生任何變化。 這樣的布局讓西安網(wǎng)站制作公司能夠更好的控制網(wǎng)站頁面中的元素,能夠很好的適應(yīng)更多的屏幕尺寸。
2.相對布局
相對于絕對布局,通過設(shè)計元素之間的相對位置來決定元素的布局。 參與相對布局的元素的位置會隨著其周圍的設(shè)計元素而改變,但其尺寸和元素屬性不會改變。 這種布局非常適合需要拉伸或壓縮元素的網(wǎng)頁。
3.流式布局
這是西安網(wǎng)站制作公司非常喜歡使用的網(wǎng)站頁面布局形式。 設(shè)計師會將網(wǎng)站頁面中的元素按照一定的順序排列。 這種排列的規(guī)則是固定的,但是它們的位置和大小可以隨著設(shè)備屏幕尺寸的變化而變化瀏覽。 它的內(nèi)容和位置會隨著瀏覽器寬度的變化而變化。 這樣的設(shè)計無論是對PC還是移動端都非常友好。