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

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

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

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

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

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

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

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