您現(xiàn)在的位置:首頁(yè) >關(guān)于我們 >行業(yè)新聞 >網(wǎng)站頁(yè)面布局設(shè)計(jì)

網(wǎng)站頁(yè)面布局設(shè)計(jì)

時(shí)間:2019年6月21日

對(duì)于一個(gè)資歷老站長(zhǎng)來(lái)說(shuō),應(yīng)該都清楚網(wǎng)站建設(shè)在梳理頁(yè)面構(gòu)架的時(shí)候,一定要要做好布局,網(wǎng)站展示的的內(nèi)容從上往下重要性是逐層遞減的,而且重要的信息一定要放在顯眼的地方。我們?cè)谧鼍W(wǎng)頁(yè)布局的時(shí)候,先要對(duì)自己要展示的內(nèi)容進(jìn)行一定的分析,分類(lèi)一下重要、中等、次等,而且對(duì)于如何去展示這些信息,也要仔細(xì)思考,爭(zhēng)取做到合理的布局。

目前網(wǎng)頁(yè)布局的體系已經(jīng)是很成熟了,總的來(lái)說(shuō)可分為"國(guó)"字型、拐角型、"T"字型、"L"字型、綜合框架型等等,參考用戶(hù)的需求來(lái)考慮布局方式。下面海騰數(shù)據(jù)分享網(wǎng)站建設(shè)做好布局的要點(diǎn)。

一、 分辨率

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

二、空間的合理利用

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

其實(shí)我們并非要把整個(gè)頁(yè)面塞滿(mǎn)了才不覺(jué)得空,也并非讓整個(gè)頁(yè)面空曠才不覺(jué)得滿(mǎn),只要合理的安排、合理的組合,使頁(yè)面達(dá)到平衡,這樣即使在網(wǎng)頁(yè)部分大面積留空,也不會(huì)讓人感到空,相反這樣會(huì)給人留下廣闊的思考空間,給人回味又達(dá)到了視覺(jué)效果。

三、文字編排

在網(wǎng)頁(yè)設(shè)計(jì)中,文字也是一個(gè)重要考察對(duì)象,字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。

1、文字圖形化

文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn),這種形式在頁(yè)面的子欄目里面是很常用的,因?yàn)檫@樣可以很好的突出它,也讓頁(yè)面變得更美觀,這種視覺(jué)感受給人的感覺(jué)是你這個(gè)網(wǎng)站很人性化,這是單獨(dú)的文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。

2、強(qiáng)調(diào)文字

平常我們?cè)?/span>word文檔中也會(huì)遇到,需要將個(gè)別文字作為訴求側(cè)重處,那我們通常就是通過(guò)加粗、加下劃線(xiàn)、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果,這在網(wǎng)頁(yè)中也是一樣的,運(yùn)用這些手段使其在頁(yè)面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。

四、合理廣告

現(xiàn)在很多的網(wǎng)站一打開(kāi),迎面撲來(lái)的就是滿(mǎn)滿(mǎn)的置頂廣告氣息,讓人覺(jué)得很厭煩,根本就不愿意來(lái)看,有時(shí)連你這個(gè)網(wǎng)站都不上了,這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。

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

總之,網(wǎng)站建設(shè)對(duì)于前期頁(yè)面設(shè)計(jì)的時(shí)候,要處理好頁(yè)面布局,給用戶(hù)一個(gè)好的體驗(yàn),減少用戶(hù)的跳出率。

Copyright© 2004-2020 河南海騰電子技術(shù)有限公司 版權(quán)所有   經(jīng)營(yíng)性ICP/ISP證 備案號(hào):B1-20180452   豫公網(wǎng)安備 41019702002018號(hào)    電子營(yíng)業(yè)執(zhí)照