網站規劃的考慮-版面布局的原理

　規劃主頁的第一步是規劃版面布局。 
　　就象傳統的報刊雜志編輯一樣，咱們將網頁看作一張報紙，一本雜志來進行排版布局。盡管動態網頁技能的開展使得咱們開始趨向于學習場景編劇，但是固定的網頁版面規劃基礎依然是有必要學習和把握的。

它們的基本原理是共通的，你能夠體會要點，舉一反三。

　　版面指的是閱讀器看到的完好的一個頁面（能夠包括框架和層）。因為每個人的顯示器分辨率不同，所以同一個頁面的巨細或許呈現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.新鮮和個性是布局的最高境地

　網頁的顏色是樹立網站形象的要害之一，顏色調配卻是網友們感到頭疼的問題。網頁的布景，文字，圖標，邊框，超鏈接...，應該選用什么樣的顏色，應該調配什么顏色才干最好的表達出料想的內涵呢？