網站頁面布局設計

發(fā)布時間:2019/6/21 18:16:00

對于一個資歷老站長來說,應該都清楚網站建設在梳理頁面構架的時候,一定要要做好布局,網站展示的的內容從上往下重要性是逐層遞減的,而且重要的信息一定要放在顯眼的地方。我們在做網頁布局的時候,先要對自己要展示的內容進行一定的分析,分類一下重要、中等、次等,而且對于如何去展示這些信息,也要仔細思考,爭取做到合理的布局。

目前網頁布局的體系已經是很成熟了,總的來說可分為"國"字型、拐角型、"T"字型、"L"字型、綜合框架型等等,參考用戶的需求來考慮布局方式。下面海騰數據分享網站建設做好布局的要點。

一、 分辨率

平常我們應該也是可以接觸到寬度的三種設置方式:百分比、象素、象素+百分比,網頁布局的寬度設置就是如此。在網站建設中較為常見的是象素形式,行業(yè)網站也不列外。我們在設計網頁的時候必定會考慮到分辨率的問題,常用的也就是1024*768和800*600的分辨率,現(xiàn)在網絡上很多都是用到778個象素的寬度,所以在800的分辨率下面往往使整個網頁很壓抑,有種不透氣的感覺,其實這個寬度是指在800*600的分辨率上網頁的極限寬度,不代表視覺就好,不妨試試760~770的象素,不管在1024還是800的分辨率下都可以達到較佳的視覺效果,親測可行。

二、空間的合理利用

只要你平常有時間多瀏覽一些網站,不難發(fā)現(xiàn),現(xiàn)在有很多的網站頁面都有一個共同的特點,那就是"塞",雖說網頁豐富一點是好事,但是吃過頭變成幾百斤的大胖子可不好,它將各種各樣的信息不加考慮的就加塞到頁面上,如文字、圖片、動畫等,有多少擠多少,不加以規(guī)范,導致瀏覽時會遇到很多的不方便,主要就是頁面主次不分,喧賓奪主,沒有統(tǒng)一的歸類,側重之處也沒有突出,簡直就是東北大雜燴。這樣子讓人很難找到自己需要的東西。有的則是一片空白失去平衡,也可以用個"散"字來形容。

其實我們并非要把整個頁面塞滿了才不覺得空,也并非讓整個頁面空曠才不覺得滿,只要合理的安排、合理的組合,使頁面達到平衡,這樣即使在網頁部分大面積留空,也不會讓人感到空,相反這樣會給人留下廣闊的思考空間,給人回味又達到了視覺效果。

三、文字編排

在網頁設計中,文字也是一個重要考察對象,字體的處理與顏色、版式、圖形化等其他設計元素的處理一樣非常關鍵。

1、文字圖形化

文字圖形化就是將文字用圖片的形式來表現(xiàn),這種形式在頁面的子欄目里面是很常用的,因為這樣可以很好的突出它,也讓頁面變得更美觀,這種視覺感受給人的感覺是你這個網站很人性化,這是單獨的文字無法達到的。對于通用性的網站弊端就是擴展性不強。

2、強調文字

平常我們在word文檔中也會遇到,需要將個別文字作為訴求側重處,那我們通常就是通過加粗、加下劃線、加大號字體、加指示性符號、傾斜字體、改變字體顏色等手段有意識地強化文字的視覺效果,這在網頁中也是一樣的,運用這些手段使其在頁面整體中顯得出眾而奪目。這些方法實際上都是運用了對比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

四、合理廣告

現(xiàn)在很多的網站一打開,迎面撲來的就是滿滿的置頂廣告氣息,讓人覺得很厭煩,根本就不愿意來看,有時連你這個網站都不上了,這樣一來網站受到了嚴重的影響、廣告也沒達到廣告的目的。這些問題都是我們在設計網站之前需要考慮、需要規(guī)劃的內容之一。

浮動廣告有兩種,一種是在網頁兩邊空余的地方可以上下浮動的廣告,一種是滿屏幕到處隨機移動的廣告。建議能使用前一種的情況下盡量使用后一種,不可避免后種情況時盡量在數量上控制為一個就好。如果數量過多會直接影響到用戶的心理、妨礙到用戶瀏覽信息,適得其反。首頁廣告不宜過多適中即可。如在注冊或者某個購買步驟的頁面上還是不要出現(xiàn)過多的其他無關的內容讓用戶分心,避免客戶流失等……

總之,網站建設對于前期頁面設計的時候,要處理好頁面布局,給用戶一個好的體驗,減少用戶的跳出率。



Copyright© 2004-2020 河南海騰電子技術有限公司 版權所有   經營性ICP/ISP證 備案號:B1-20180452   豫公網安備 41019702002018號    電子營業(yè)執(zhí)照