企業(yè)做網(wǎng)站網(wǎng)頁(yè)布局
日期 : 2019-03-05 12:54:25
其實(shí)網(wǎng)頁(yè)布局結(jié)構(gòu)就像是超市里物品的擺放方式,在超市中理貨員按照商品不同的種類、價(jià)位,將琳瑯滿目的商品進(jìn)行擺放,這種商品的擺放方式有助于消費(fèi)者快速便捷地選購(gòu)自己想要的商品。另外,這種整齊一致的商品擺放方式還能夠激發(fā)消費(fèi)者的購(gòu)買欲望。網(wǎng)頁(yè)布局也是同樣的目的,通過對(duì)信息進(jìn)行分類整理,使其系統(tǒng)化和結(jié)構(gòu)化,以便瀏覽者簡(jiǎn)捷和快速地了解信息。
網(wǎng)頁(yè)布局必須能夠正確傳達(dá)網(wǎng)頁(yè)信息,而且要主次分明,網(wǎng)頁(yè)布局的具體內(nèi)容和操作順序可分為以下幾點(diǎn)。
整理消費(fèi)者和瀏覽者的綜合觀點(diǎn)和意見。
仔細(xì)分析瀏覽者的綜合特性,劃分瀏覽者類別并明確目標(biāo)消費(fèi)人群。
確立網(wǎng)站創(chuàng)建的目的,并規(guī)劃未來的發(fā)展方向。
整理網(wǎng)站的內(nèi)容并使其系統(tǒng)化,定義網(wǎng)站的內(nèi)容結(jié)構(gòu),其中包括層次結(jié)構(gòu)、超鏈接結(jié)構(gòu)和數(shù)據(jù)庫(kù)結(jié)構(gòu)。
收集內(nèi)容并進(jìn)行分類整理,檢驗(yàn)導(dǎo)航系統(tǒng)的功能性。
確定適合內(nèi)容類型的有效標(biāo)記體系。
不同的頁(yè)面放置不同的頁(yè)面元素,且構(gòu)建不同的內(nèi)容。
綜上所述,信息結(jié)構(gòu)是以消費(fèi)者和瀏覽者為主體的,并且經(jīng)過收集、整理和加工后,簡(jiǎn)單明了的方式傳遞給瀏覽者。因此,就要求設(shè)計(jì)者站在消費(fèi)者的立場(chǎng)上進(jìn)行設(shè)計(jì),充分體現(xiàn)出網(wǎng)頁(yè)的實(shí)用性。
由此得知,實(shí)用性是以規(guī)劃好的用戶界面為主,且用戶界面的策劃是在網(wǎng)頁(yè)布局結(jié)構(gòu)的基礎(chǔ)上進(jìn)行的,網(wǎng)頁(yè)布局結(jié)構(gòu)的確立則以信息構(gòu)架為標(biāo)準(zhǔn)。
在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí),需要從整體上把握好各種要素的布局,只有充分利用、有效分割有限的頁(yè)面空間,才能設(shè)計(jì)出好的網(wǎng)頁(yè)界面。常見的網(wǎng)頁(yè)布局方式主要有:“國(guó)”字形,“T”字形,標(biāo)題正文型、左右分割型、上下分割型、封面型、Flash型和綜合型。
1、“國(guó)”字形
“國(guó)”字形結(jié)構(gòu)是網(wǎng)頁(yè)上使用最多的一種結(jié)構(gòu)類型,是綜合性網(wǎng)站界面中最常用的板式。網(wǎng)頁(yè)通常會(huì)在頁(yè)面最上面放置Logo、導(dǎo)航和橫幅廣告條。接下來就是網(wǎng)站的主體內(nèi)容,分為左、中、右三大塊。頁(yè)面最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等,這種板式的優(yōu)點(diǎn)是頁(yè)面充實(shí)、內(nèi)容豐富和信息量大,缺點(diǎn)是頁(yè)面擁擠并且靈活度不高。
2、“T”字形
“T”字形布局與“國(guó)”字形布局十分相似,只是在形式上略有區(qū)別。頁(yè)面上方同樣是Logo、導(dǎo)航和廣告條,頁(yè)面中間部分左側(cè)是一列略窄的菜單或鏈接,右側(cè)是比較寬的主體部分。頁(yè)面下方也是一些網(wǎng)站的輔助信息和版權(quán)信息等內(nèi)容。
3、標(biāo)題正文型
這種類型的布局方式在頁(yè)面最上方是標(biāo)題或一些類似的元素,中間是正文部分,最下面是一些版底信息。我們常用的搜索引擎類網(wǎng)站和注冊(cè)頁(yè)面基本都采用這種布局方式。
4、左右分割型
左右框架型結(jié)構(gòu)的頁(yè)面通常會(huì)在左側(cè)放置一列文字鏈接,有時(shí)最上面會(huì)有標(biāo)題或Logo,頁(yè)面的右側(cè)則是正文或主題部分,大部分的論壇都采用這種布局方式。這種類型的網(wǎng)頁(yè)布局,結(jié)構(gòu)清晰且一目了然。
5、上下分割型
上下框架結(jié)構(gòu)與左右框架結(jié)構(gòu)類似,區(qū)別僅限于上下框架型頁(yè)面的導(dǎo)航菜單和Logo在上方,正文和主體內(nèi)容在下方。
6、POP型
POP源自廣告術(shù)語(yǔ),指頁(yè)面布局像一張宣傳海報(bào),以圖片作為頁(yè)面的中心。常用于時(shí)尚類網(wǎng)站,優(yōu)點(diǎn)是漂亮吸引人,缺點(diǎn)是速度慢。
7、封面型
封面型布局的頁(yè)往往會(huì)直接使用一些極具設(shè)計(jì)感的圖像或動(dòng)畫作為網(wǎng)頁(yè)背景,然后添加一個(gè)簡(jiǎn)單的“進(jìn)入”按鈕就是全部?jī)?nèi)容了。這種布局方式十分開放自由,通常出現(xiàn)在一些網(wǎng)站的首頁(yè),如果運(yùn)用得恰到好處,會(huì)給用戶帶來十分賞心悅目的感覺。
8、Flash型
Flash型布局方式與封面型類似,只是采用了目前流行的Flash動(dòng)畫。相較于圖形來說,F(xiàn)lash具有更強(qiáng)的交互性,不僅可以表現(xiàn)更多的信息和內(nèi)容,還能更好地渲染頁(yè)面的活躍氣氛。游戲類網(wǎng)站和設(shè)計(jì)類網(wǎng)站喜歡采用這種布局方式作為首頁(yè)。