網(wǎng)站前臺的布局設計是網(wǎng)頁制作的第一步是版面布局設計就像傳統(tǒng)的報紙雜志編輯一樣，我們將網(wǎng)頁當做一張報紙、一本雜志來進行排版布局。雖然動態(tài)網(wǎng)頁技術的發(fā)展使得頁面制作開始趨向于場景編劇，但是固定的網(wǎng)頁版面設計基礎依然是必須學習和掌握的。

版面指的是通過瀏覽器看到的完整的一個頁面因為每個電腦的顯示器分辨率不同，所以同一個頁面的大小可能出現(xiàn)640×480像素、800×600像素以及1024×768像素等不同尺寸。而布局就是以適合瀏覽的方式將圖片和文字排放在頁面的不同位置。

版面分辨率的設置，常見的網(wǎng)頁結構類型科學的網(wǎng)頁結構能夠更好地展現(xiàn)網(wǎng)站信息，讓任務的完成更容易，對內容的存取更直接。網(wǎng)頁結構的科學性和藝術性，可易于信息的管理。

常見的網(wǎng)頁布局結構主要有以下幾種：

1.“T”形布局

所謂“T”形布局就是指頁面頂部為橫條網(wǎng)站標志與廣告條，下方左面為主菜單，右面顯示內容的布局，因為菜單條背景較深，整體效果類似，英文字母“T”，所以我們稱之為“T”形布局，這是網(wǎng)頁設計中用得廣泛的一種布局方式。這種布局的優(yōu)點是頁面結構清晰，主次分明，是初學者容易上手的布局方法。缺點是規(guī)矩呆板，如果細節(jié)色彩上不注意加工，很容易讓人“看之無味”。

2.“口”形布局

這是一個象形的說法，一般就是頁面上下各有一個廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內容。這種布局的優(yōu)點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中窗口形布局。

3.“三”形布局

這種布局多為國外站點使用，國內用得不多。特點是頁面上橫向兩條色塊，將頁面整體分割為三部分，色塊中大多放廣告條。

4.對稱對比布局

顧名思義，采取左右或者上下對稱的布局，一半深色，一半淺色，般用于設計型站點，優(yōu)點是視覺沖擊力強，缺點是對兩部分進行有機的結合比較困難。

5.POP布局

POP引自廣告術語，就是指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。這種布局常用于時尚類站點，優(yōu)點顯而易見：漂亮，吸引人。缺點就是速度慢。

分享文章：網(wǎng)頁前臺的布局設計
轉載注明：http://aaarwkj.com/news23/244523.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站導航、虛擬主機、軟件開發(fā)、手機網(wǎng)站建設、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)