規(guī)劃時怎么把握網(wǎng)頁布局 |
發(fā)布時間:2020-07-25 文章來源:本站 瀏覽次數(shù):3008 |
最開端,網(wǎng)頁呈現(xiàn)在你面前的時侯,它就如同一張白紙,它需求你恣意揮灑你的規(guī)劃才思。在開端的時侯,你需求理解,盡管你能控制悉數(shù)你所能控制的東西,但假如你知道什么是一種約定俗成的標準或許說大多數(shù)訪問者的瀏覽習慣,那么你能夠在此基礎上加上自己的東西。你當然也能夠發(fā)明出自己的規(guī)劃計劃,但假如你是初學者,那么最好理解網(wǎng)頁布局的基本概念。 1.頁面尺度: 由于頁面尺度和顯現(xiàn)器巨細及分辨率有關系,網(wǎng)頁的局限性就在于你無法打破顯現(xiàn)器的規(guī)模,而且由于瀏覽器也將占去不少空間,留下給你的頁面規(guī)模變得越來越小。一般分辨率在800x600的情況下,頁面的顯現(xiàn)尺度為:780x428個象素;分辨率在640x480的情況下,頁面的顯現(xiàn)尺度為:620X311個象素;分辨率在1024X768的情況下,頁面的顯現(xiàn)尺度為:1007x600。從以上數(shù)據(jù)能夠看出,分辨率越高頁面尺度越大。 瀏覽器的工具欄也是影響頁面尺度的原因。一般現(xiàn)在的瀏覽器的工具欄都能夠撤銷或許添加,那么當你顯現(xiàn)悉數(shù)的工具欄時,和關閉悉數(shù)工具欄時,頁面的尺度是不一樣的。 在網(wǎng)頁規(guī)劃過程中,向下拖動頁面是專一給網(wǎng)頁添加更多內容(尺度)的辦法。但我想提示我們除非你能必定站點的內容能招引我們拖動,不然不要讓訪問者拖動頁面超越三屏。假如需求在同一頁面顯現(xiàn)超越三屏的內容,那么你最好能在上面做上頁面內部連接,便利訪問者瀏覽。 2.全體造型: 什么是造型,造型便是發(fā)明出來的物體形象。這里是指頁面的全體形象,這種形象應該是一個全體,圖形與文本的接合應該是層疊有序。盡管,顯現(xiàn)器和瀏覽器都是矩形,但關于頁面的造型,你能夠充分運用自然界中的其它形狀以及它們的組合:矩形,圓形,三角形,菱形等。 關于不同的形狀,它們所代表的含義是不同的。比如矩形代表著正式,規(guī)則,你注意到很多ICP和政府網(wǎng)頁都是以矩形為全體造型;圓形帶表著柔軟,聯(lián)合,溫暖,安全等,許多時髦站點喜愛以圓形為頁面全體造型;三角形代表著力氣,權威,牢固,侵略等,許多大型的商業(yè)站點為顯現(xiàn)它的權威性常以三角形為頁面全體造型;菱形代表著平衡,和諧,公正,一些結交站點常運用菱形作為頁面全體造型。盡管不同形狀帶表著不同含義,但現(xiàn)在的網(wǎng)頁制造多數(shù)是接合多個圖形加以規(guī)劃,在這其中某種圖形的構圖比例可能占的多一些。 3.頁頭: 頁頭又可稱之為頁眉,頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯現(xiàn)在頁眉里。這樣,訪問者能很快知道這個站點是什么內容。頁頭是整個頁面規(guī)劃的要害,它將牽涉到下面的更多規(guī)劃和整個頁面的和諧性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告。 4.文本: 文本在頁面中呈現(xiàn)都數(shù)以行或許塊(段落)呈現(xiàn),它們的擺放方位決議者整個頁面布局的可視性。在過去由于頁面制造技術的局限,文本放置的方位的靈活性非常小,而跟著DHTML的鼓起,文本現(xiàn)已能夠按照自己的要求放置到頁面的任何方位。 5.頁腳: 頁腳和頁頭相照應。頁頭是放置站點主題的當?shù),而頁腳是放置制造者或許公司信息的當?shù)。你能看到,許多制造信息都是放置在頁腳的。 6.圖片 圖片和文本是網(wǎng)頁的兩大構成元素,卻一不可。怎么處理好圖片和文本的方位成了整個頁面布局的要害。而你的布局思維也將體現(xiàn)在這里。 7.多媒體 除了文本和圖片,還有聲音,動畫,視頻等等其它媒體。盡管它們不是經(jīng)常能被利用到,但跟著動態(tài)網(wǎng)頁的鼓起,它們在網(wǎng)頁布局上也將變得更重要。 |
|