怎樣規劃主頁？

規劃主頁的第一步是規劃版面布局。

就象傳統的報刊雜志編輯一樣，咱們將網頁看作一張報紙，一本雜志來進行排版布局。盡管動態網頁技能的發展使得咱們開始趨向于學習場景編劇，但是固定的網頁版面規劃根底依然是有必要學習和掌握的。它們的基本原理是共通的，你能夠領會關鍵，觸類旁通。版面指的是閱讀器看到的完整的一個頁面（能夠包含結構和層）。因為每個人的顯示器分辨率不同，所以同一個頁面的大小或許呈現640*480像素,800*600像素,1024*768像素等不同尺寸。

布局，便是以最適合閱讀的辦法將圖片和文字排放在頁面的不同方位。你或許留意到：“最適合”是一個不確定的形容詞，什么才是最適合的呢？抱愧的是阿捷不能也不或許給您一個完整的正確的答案。就好比有人希望知道成功的秘訣是什么，成功者只能主張您用什么辦法，什么途徑才干最簡單獲得成功，而不或許有一步成功的"秘訣"告訴您。

咱們在規劃思考系列文章第四篇講過站點全體的構思，版面布局也是一個構思的問題，但要比站點全體的構思簡單，有規律的多。讓咱們先來了解一下版面布局的步驟：

一.草案
新建頁面就象一張白紙，沒有任何表格，結構和約定俗成的東西，你能夠盡或許的發揮你的想象力，將你想到的"現象"畫上去（咱們主張您用一張白紙和一支鉛筆，當然用作圖軟件photoshop等也能夠）。這歸于創造階段，不考究細膩整齊，不必考慮細節功能，只以粗陋的線條勾畫出構思的概括即可。盡你的或許多畫幾張，最后選定一個滿意的作為持續創造的腳本。

二.大略布局
在草案的根底上，將你確定需求放置的功能模塊安排到頁面上。(注：功能模塊咱們在"主頁規劃-引子"中提過，首要包含網站標志,主菜單,新聞,搜索,友誼鏈接,廣告條,郵件列表,計數器,版權信息等)。留意，這兒咱們有必要遵從杰出重點、平衡諧調的準則，將網站標志，主菜單等最重要的模塊放在最顯眼，最杰出的方位，然后在考慮次要模塊的排放。

三.定案
將大略布局精細化，具體化。（靠你的才智和經歷，拐彎抹角多方聯想，才干作出具有構思的布局。）

在布局過程中，咱們能夠遵從的準則有：

1、正常平衡---亦稱"勻稱"。多指左右、上下對照辦法，首要著重秩序，能到達安靖誠實、信任的作用。
2、反常平衡---即非對照辦法，但也要平衡和韻律，當然都是不均整的，此種布局能到達著重性、不安性、高注目性的作用。
3、比照---所謂比照，不僅使用顏色、色彩等技巧來作體現，在內容上也可觸及古與今、新與舊、貧與富等比照。
4、凝視---所謂凝視是使用頁面中人物視線，使閱讀者模仿跟從的心思，以到達凝視頁面的作用，一般多用明星凝視狀。
5、空白---空白有兩種作用，一方面對其他網站表明杰出卓越，另一方面也表明網頁品位的優越感，這種體現辦法對體顯網頁的風格十分有用。
6、盡量用圖片解說---此法對不能用言語壓服、或用言語無法表達的情感，特別有用。圖片解說的內容，能夠傳達給閱讀者的更多的心思因素。

—— 轉載自廣告大師樊志育《廣告制造》

以上的規劃準則，盡管枯燥，但是咱們如果能領會并活用到頁面布局里，作用就大不一樣了。比方，

·網頁的白色背景太虛，則能夠加些色快； 
·版面零星，能夠用線條和符號串聯； 
·左邊文字過多，右面則能夠插一張圖片堅持平衡； 
·表格太規矩，能夠改用導角試試。

經過不斷的嘗試和琢磨，你的網頁一定會亮麗起來的哦:)

看看咱們經常用到的版面布局辦法：

1."T"結構布局。所謂"T"結構。便是指頁面頂部為橫條網站標志+廣告條，下方左邊為主菜單，右面顯示內容的布局，因為菜單條背景教深，全體作用相似英文字母"T",所以咱們稱之為"T"形布局。這是網頁規劃頂用的最廣返的一種布局辦法。這種布局的長處是頁面結構明晰，主次清楚。是初學者最簡單上手的布局辦法。缺點是規矩板滯，如果細節顏色上不留意，很簡單讓人"看之無味"。

2."口"型布局。這是一個象形的說法，便是頁面一般上下各有一個廣告條，左邊是主菜單，右面放友誼連接等，中間是首要內容。這種布局的長處是充分使用版面，信息量大。缺點是頁面擁堵，不夠靈敏。也有將四邊空出，只用中間的窗口型規劃，例如網易壁紙站。

3."三"型布局。這種布局多用于國外站點，國內用的不多。特點是頁面上橫向兩條色塊，將頁面全體分割為四部分，色塊中大多放廣告條。

4.對稱比照布局。顧名思義，采納左右或許上下對稱的布局，一半深色，一半淺色，一般用于規劃型站點。長處是視覺沖擊力強，缺點是將兩部分有機的結合比較困難。

5.POP布局。POP引自廣告術語，便是指頁面布局象一張宣揚海報，以一張精美圖片作為頁面的規劃中心。常用于時尚類站點，比方ELLE.com。長處顯而易見：漂亮吸引人。缺點便是速度慢。作為版面布局仍是值得學習的。

以上總結了現在網絡上常見的布局，其實還有許許多多別具一格的布局，關鍵在于你的構思和規劃了。關于版面布局的技巧，這兒供給四個主張，您能夠自己琢磨：

1.加強視覺作用
2.加強案牘的可視度和可讀性
3.一致感的視覺
4.新鮮和個性是布局的最高境界