在網頁設計中所講的布局（layout）就是把進入網頁的各種構成要素（文字、**、影象、**、選單等）在網頁瀏覽器裡有效地排列起來，在設計網頁時，要從整體上把握好各頁面的布局，主要是利用**或網格等。
仔細觀察各種形態的**布局十分必要的。另外，在平時有很好的想法的時候，把那些一閃即逝的好點子都記到書寫簿上，通過這樣方式把許多關於布局的想法都話出來會對我們有很大的幫助。
要充分考慮**的目的以及使用者的環境，而後加入網頁設計人員富有創意的構思，這樣才能構成乙個較好的布局，另外也必須考慮到網頁的受注目程度和可讀性。為了構成要素的有次序的排列，必須高效地運用有限的空間（布局）。充分考慮網頁解析度的適應性。
在開始網頁布局設計之前，首先要明確這個**的目標是什麼。**是應該有自己的終極目標的，下一步就是要明確製作每個網頁頁面所要說明的是什麼，當然，設計的風格和方向應該是先考慮好，事先作好**各個要素的構成流程圖也是必要的。因為如果把包含**的構造和資訊等的流程圖作出來，那麼就會減少設計時的失誤。
之後應該做的事就是在紙上畫張草圖，但沒有必要畫得太仔細，只要自己能看明白就可以了，接著，把包含布局橫、豎數值等許多項資訊內容在內的基本設計圖畫出即可。當然下面就應用電腦來進行實際製表操作了。另外，要設計乙個網頁的布局，還應該考慮很多部分的內容。例如：句子的橫向長度太長的話，讀起來就很不方便。特別是網頁的可讀性一般都會比印刷的**要稍微低一些。同時，根據解析度的要求還應事先想好留白的處理等問題。
布局的主要構成原則：基本上應該考慮醒目性、可讀性、明快性、造型性、創造性等要素。醒目形式之使用使用者把注意力集中到某**並誘導其瀏覽使其看到的部分或內容；可讀性就是使**的內容更容易讓人讀懂，明快性就是準確、快速的轉達**的構成內容；造型性就是維持整體外形上的穩定感和均衡性。另外，為了使**更加富有創造性和鮮明的個性，在設計**的介面時還應在創造性方面多下些功夫。
布局的構成原則基本上包括統
一、協調、流動、強調、均衡等方面。統一就是整個**的構成要保持一貫性，不要給使用者帶來混亂感，應盡可能的讓使用者使用起來更方便。協調就是要把**的每個構成要素有機的結合起來，讓人感覺既美觀又方便實用。
流動就是能讓使用者的視線自然而然的網他想移動，同時介面的使用功能可以根據使用者的愛好和便利，馬上連線到使用者想要瀏覽的下一項內容。搶跳就是把想要突出的設計或內容通過活用色彩、留白等方式，總不影響整體的設計和連貫性的前提下，把該部分內容最大限度的再安排每個要素是要按照一定的順序。並照顧到使用上的便利性和視覺角度的穩定感。
養成使用草圖和布局紙的習慣。
網頁設計基礎 網頁布局結構
作為網頁設計初學者，掌握幾個頁面布局結構將會讓網頁變得更加美觀，並且大大提公升設計效率。一 國子型 大型 常用型別 如圖所示，我們可以看出，國子型頁面結構主要分為五個部分。頭部 該部分包括 的標題以及橫幅廣告條 左側 該部分包括一些導航等資訊 右側 該部分包括選單或者導航的元件 中部 該部分為頁面的...
推薦網頁布局設計流程
其實標準的網製作完成的工作實際是 psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法 1.開啟fireworks將切割匯出為html。3.先在ps中完成切圖後，在文字編輯器中看著效果圖一步步的製作。以上是大多被採用的方法，但都不好 第一種方法最為不好，這樣的 根...
設計時如何把握網頁布局
最開始，網頁呈現在你面前的時侯，它就好像一張白紙，它需要你任意揮灑你的設計才思。在開始的時侯，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什麼是一種約定俗成的標準或者說大多數訪問者的瀏覽習慣，那麼你可以在此基礎上加上自己的東西。你當然也可以創造出自己的設計方案，但如果你是初學者，那麼最...