用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

網(wǎng)頁設(shè)計中頁面布局如何選擇

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/5/3 16:41:50     瀏覽:
頁面布局,是對整個網(wǎng)頁的整體規(guī)劃,包括頁面尺寸確定、整體造型設(shè)計、各類元素(頁頭、文本、頁腳、圖片、多媒體)的大致擺放等問題。

  隨著科技的迅猛發(fā)展,信息化時代的到來,計算機遍及世界各個國家和地區(qū),進入到千家萬戶?;ヂ?lián)網(wǎng)以驚人的發(fā)展速度,深入到人們的生活、工作和學(xué)習(xí)中?;ヂ?lián)網(wǎng)的發(fā)展,動著其周邊一系列附屬品的發(fā)展,這其中就包括了網(wǎng)頁。網(wǎng)頁作為新世紀一種新型的網(wǎng)絡(luò)宣傳手段,越來越被人所親睞和采用。如何進行網(wǎng)頁設(shè)計,是人們越來越需要掌握的一門學(xué)問。一般而言,網(wǎng)頁設(shè)計包括了布局、色彩選擇版式的確定,以及細節(jié)的修飾等步驟。

  頁面布局,是對整個網(wǎng)頁的整體規(guī)劃,包括頁面尺寸確定、整體造型設(shè)計、各類元素(頁頭、文本、頁腳、圖片、多媒體)的大致擺放等問題。頁面的尺寸大小應(yīng)根據(jù)分辨率大小來進行設(shè)定,正確的寬度尺寸是比分辨率寬度值偏小。向下拖動頁面是惟一給網(wǎng)頁增加更多內(nèi)容(尺寸)的方法,一般來說,除非你能肯定網(wǎng)頁的內(nèi)容能吸引訪問者不厭其煩地拖動,否則不要讓頁面拖動超過三屏。網(wǎng)頁拖動超過三屏,最好考慮在頁面內(nèi)做一個內(nèi)部鏈接。

  整體造型是指頁面的整體形象,這種形象應(yīng)該是一個整體,圖形與文本的接合應(yīng)該是層疊有序。整個頁面的造型可運用自然界中的其它形狀以及它們的組合,例如矩形,圓形,三角形,動物形狀等。不同的形狀,所代表的意義是不是同的。像矩形代表正式、規(guī)則,多用于制作政府網(wǎng)頁;圓形體現(xiàn)的是柔和、團圓、安全、團結(jié)等,多用于制作時尚站點以及節(jié)日慶典時產(chǎn)品的宣傳;三角形代表警示和危機等,多用在帶有警示性的報道中;動物形象代表可愛、親近,像許多關(guān)于幼兒的網(wǎng)頁都采用了動物的卡通形象。

  頁頭又可以稱之為頁眉,它的作用是定義頁面的主題,常放置站點的圖片、公司標志旗幟以及廣告。一個站點的名字也多數(shù)顯示在頁眉里,這樣訪問者一打開網(wǎng)站便能很快知道這個站點是什么內(nèi)容。文本在頁面中出現(xiàn)都以行或塊(段落)出現(xiàn),它們的擺放位置決定著整個頁面布局的可視性。在過去因為頁面制作技術(shù)的局限,文本放置的位置的靈活性非常小,而隨著DHTML的興起,文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。頁腳通常是放置制作者信息或是公司信息,和頁頭首尾相呼應(yīng)。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素,缺一不可。如何處理好圖片和文本的位置成了整個頁面布局的關(guān)鍵。多媒體包括聲音、視頻和動畫等其它媒體,隨著現(xiàn)代技術(shù)的發(fā)展以及動態(tài)網(wǎng)頁的興起,它們在網(wǎng)頁布局上也是一個不可或缺的重要基本環(huán)節(jié)。以上各元素的擺放位置,無不體現(xiàn)著制作者的布局思維,影響著整個網(wǎng)頁的設(shè)計效果。

  網(wǎng)頁布局的技術(shù)可以選擇以下三種:應(yīng)用層疊樣式(css)、表格布局或者框架布局。CSS能夠完全精確的定位文本和圖片。采用表格布局能對不同的對象加以處理,而又不用擔(dān)心不同對象之間的影響,在定位圖片和文本上比用CSS更加方便,需要掌握的專業(yè)技術(shù)低。使用框架布局可以非常方便地在瀏覽器中同時瀏覽不同的頁面效果,并且每個框架之間的內(nèi)容相對獨立,內(nèi)容過長時可以有自己獨立的滾動條,互不干擾,不失為一個布局的好方法。