像傳統的報刊雜志編輯一樣，我們可以将網頁看作一張報紙或一本雜志來進行排版布局。雖然網頁技術的發展更關注新技術的應用和新模式的推廣，但固定的網頁版面設計布局依然是必須學習和掌握的。網頁布局的基本原理是共通的，在設計時，作為設計者了解網頁布局中要注意的問題，遵循網頁設計中約定俗成的規則，隻有領會了要點和核心，才能做到舉一反三，設計出各式各樣具有特色的網頁。

網頁設計示例展示

網頁布局需要設計，但也遵循标準或者說符合浏覽習慣，隻有在此基礎上進行設計才能是最好的設計。用戶可以創意自己的網頁布局，但要先明白網頁布局的基本規則。

由于頁面尺寸與顯示器大小及其分辨率有密切關系，在網頁布局時，應首先要考慮顯示器及分辨率的大小。

• 當分辨率為640×480時，頁面的顯示尺寸為620×311個像素。
• 當分辨率為800×600時，頁面的顯示尺寸為780×42個像素。
• 當分辨率為1024×768時，頁面的顯示尺寸為1007×600個像素。

根據目前布局習慣，設置的頁面尺寸大小為780×428上下已經成為趨勢。620×311大小的頁面現在已經很少見了，而1007×600大小的頁面在網上也在逐漸增多。

浏覽器的工具欄也是影響頁面尺寸的原因。一般目前的浏覽器的工具欄都可以取消或者增加，當顯示全部的工具欄時，和關閉全部工具欄時，頁面的尺寸是不一樣的。

在網頁設計過程中，增加頁面的高度是為網頁增加更多内容的惟一方法。但按照習慣一個頁面不要超過三屏。如果需要在同一頁面顯示超過三屏的内容，那麼最好在網頁頂部做個内部鍊接，方便浏覽。

風格的定位要考慮網站的類型，如新聞機構、政府機關、科教文化、娛樂藝術、電子商務、網絡中心等。對于不同類型的網站，應體現同的設計風格。例如，新聞網站風格應穩重權威，娛樂網站應活潑生動，文化教育網站應文雅，商務網站應民俗等。

“T”型布局

指頁面設為網站标志和廣告條，下方左面為主菜單，右面顯示内容的布局。這種布局方式使用比較廣泛。布局的優點是頁面結構清晰，主次分明。缺點是規矩呆闆，如果細節色彩粗糙，很容易讓人乏味。

“國”型布局

指頁面上面是網站的标題以及橫幅廣告條，中間是網站的主要内容，頁面下面是網站的一些基本信息、聯系方式、版權聲明等。頁面左右兩邊放置各種小的功能版塊、導航、鍊接和信息提示等，中間是主要内容。也有将四邊空出，隻用中間的窗口型設計。這種布局的優點是充分利用版面，信息量大，缺點是頁面擁擠，不夠靈活。

“三”型布局

指頁面上橫向兩條色塊，将頁面整體分割為四部分，色塊中大多放廣告條。多用于國外站點，國内用的不多。

“人”型布局

指采取左右或者上下對稱的布局，一半深色，一半淺色，一般用于設計型站點。優點是視覺沖擊力強，缺點是将兩部分頁面有機的結合比較困難。

“畫面”型布局

指以一張精美圖片作為頁面的設計中心。常用于時尚類站點。優點是漂亮吸引人，缺點就是文件太大，影響浏覽速度。

1.閱後如果喜歡，不妨點贊、評論和關注一下。

2.如果喜歡玩軟件，請關注本頭條号閱讀相關文章。

3.在學習中有什麼問題，歡迎與我溝通交流，今日頭條号搜索：微課傳媒，我在這裡等你喲！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!