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

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

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

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

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

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

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

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