網站設計中頁麵布局的規範要求有哪些
2017.04.26
在之前的很多文章中我們關注最多的是網站設計中的配色、功(gong)能(neng)和(he)用(yong)戶(hu)體(ti)驗(yan)，對(dui)於(yu)頁(ye)麵(mian)布(bu)局(ju)的(de)介(jie)紹(shao)相(xiang)關(guan)較(jiao)少(shao)，而(er)中(zhong)何(he)進(jin)行(xing)頁(ye)麵(mian)布(bu)局(ju)規(gui)範(fan)是(shi)什(shen)麼(me)昜(昜)是(shi)很(hen)少(shao)提(ti)及(ji)。所(suo)以(yi)在(zai)本(ben)文(wen)中(zhong)今(jin)天(tian)分(fen)形(xing)科(ke)技(ji)就(jiu)為(wei)大(da)家(jia)介(jie)紹(shao)一(yi)下(xia)關(guan)於(yu)網(wang)站(zhan)設(she)計(ji)中(zhong)頁(ye)麵(mian)布(bu)局(ju)的(de)規(gui)範(fan)要(yao)求(qiu)方(fang)麵(mian)的(de)內(nei)容(rong)。
下麵分形科技以網站內頁布局為例，為大家介紹一些合理的方法。
一、網站內頁的頭部布局規範
一(yi)個(ge)企(qi)業(ye)網(wang)站(zhan)內(nei)頁(ye)的(de)頭(tou)部(bu)必(bi)須(xu)都(dou)是(shi)一(yi)樣(yang)的(de)，不(bu)能(neng)出(chu)現(xian)兩(liang)個(ge)頁(ye)頭(tou)的(de)情(qing)況(kuang)，而(er)且(qie)要(yao)獨(du)立(li)的(de)將(jiang)代(dai)碼(ma)寫(xie)出(chu)來(lai)，然(ran)後(hou)采(cai)取(qu)調(tiao)用(yong)的(de)方(fang)法(fa)，在(zai)不(bu)同(tong)的(de)頁(ye)麵(mian)進(jin)行(xing)適(shi)應(ying)。這(zhe)樣(yang)就(jiu)精(jing)簡(jian)了(le)網(wang)站(zhan)的(de)代(dai)碼(ma)，對(dui)網(wang)站(zhan)設(she)計(ji)有(you)很(hen)大(da)的(de)好(hao)處(chu)。
二、網站的內頁導航布局規範
網站的內頁導航一般有兩部分，一部分是欄目導航。其作用是：用戶可以通過這個導航去其他的欄目瀏覽內容，增加網站的pv，congertigaowangzhandequanzhong。lanmudaohangyoufenzhulanmudaohanghezilanmudaohang，zhulanmudaohangyibanbujuzaiwangyedetoubu，yihengxiangpailie，erzilanmudaohangzebujuzaiwangyedezuoce，chengzongxiangpailie。
另ling一yi部bu分fen就jiu是shi是shi麵mian包bao屑xie導dao航hang。這zhe是shi網wang站zhan導dao航hang中zhong一yi個ge比bi較jiao重zhong要yao的de環huan節jie，主zhu要yao是shi為wei了le對dui搜sou索suo引yin擎qing蜘zhi蛛zhu友you好hao和he幫bang助zhu用yong戶hu記ji錄lu瀏liu覽lan路lu線xian，不bu至zhi於yu讓rang用yong戶hu在zai網wang站zhan迷mi失shi方fang向xiang。
三、網站內頁的鏈接布局規範
網站的內容一般都會有鏈接，而這些鏈接的布局也是整個內頁布局的一個關鍵，做好的有利於提升用戶體驗，還可以幫助SEO提升優化效果。這此鏈接在布局時一般圍繞正文內容分布在頁麵不同位置建議：將鏈接布局在正文的右邊，或正文的下方，這樣是最利於用戶體驗。
正文右邊的鏈接主要的作用是：當dang用yong戶hu通tong過guo鏈lian接jie點dian進jin這zhe篇pian文wen章zhang後hou，看kan見jian文wen章zhang不bu合he胃wei口kou，可ke以yi在zai正zheng文wen的de右you邊bian看kan到dao其qi他ta文wen章zhang的de相xiang關guan鏈lian接jie，這zhe樣yang更geng有you助zhu於yu留liu住zhu用yong戶hu，減jian少shao了le用yong戶hu的de流liu失shi。
正文下方鏈接的作用是：當dang用yong戶hu對dui這zhe篇pian文wen章zhang感gan興xing趣qu，在zai看kan完wan過guo後hou已yi經jing到dao了le文wen章zhang的de最zui底di部bu，此ci時shi就jiu可ke以yi通tong過guo正zheng文wen下xia方fang的de鏈lian接jie進jin到dao春chun他ta的de頁ye麵mian。這zhe樣yang就jiu減jian少shao了le用yong戶hu回hui到dao頂ding部bu再zai去qu其qi他ta的de頁ye麵mian的de時shi間jian，提ti升sheng了le用yong戶hu體ti驗yan。
四、注意上一頁和下一頁鏈接的布局
這個鏈接布局是否合理也是非常重要的，同樣要符合用戶的習慣和為用戶的瀏覽帶來方便。
網站設計布局的範圍很廣泛，不僅有頁麵布局還包括首頁布局、欄目頁布局（列表頁布局）等(deng)，都(dou)是(shi)屬(shu)於(yu)網(wang)站(zhan)布(bu)局(ju)時(shi)需(xu)要(yao)考(kao)慮(lv)的(de)內(nei)容(rong)。合(he)理(li)的(de)網(wang)站(zhan)布(bu)局(ju)可(ke)以(yi)給(gei)網(wang)站(zhan)帶(dai)來(lai)好(hao)的(de)用(yong)戶(hu)體(ti)驗(yan)，和(he)突(tu)出(chu)關(guan)鍵(jian)內(nei)容(rong)的(de)展(zhan)示(shi)效(xiao)果(guo)。不(bu)過(guo)想(xiang)要(yao)做(zuo)好(hao)網(wang)站(zhan)頁(ye)麵(mian)布(bu)局(ju)還(hai)是(shi)需(xu)要(yao)了(le)解(jie)一(yi)些(xie)規(gui)範(fan)，掌(zhang)握(wo)一(yi)些(xie)正(zheng)確(que)的(de)方(fang)法(fa)的(de)，這(zhe)樣(yang)可(ke)以(yi)事(shi)半(ban)功(gong)倍(bei)。
下麵分形科技以網站內頁布局為例，為大家介紹一些合理的方法。
一、網站內頁的頭部布局規範
一(yi)個(ge)企(qi)業(ye)網(wang)站(zhan)內(nei)頁(ye)的(de)頭(tou)部(bu)必(bi)須(xu)都(dou)是(shi)一(yi)樣(yang)的(de)，不(bu)能(neng)出(chu)現(xian)兩(liang)個(ge)頁(ye)頭(tou)的(de)情(qing)況(kuang)，而(er)且(qie)要(yao)獨(du)立(li)的(de)將(jiang)代(dai)碼(ma)寫(xie)出(chu)來(lai)，然(ran)後(hou)采(cai)取(qu)調(tiao)用(yong)的(de)方(fang)法(fa)，在(zai)不(bu)同(tong)的(de)頁(ye)麵(mian)進(jin)行(xing)適(shi)應(ying)。這(zhe)樣(yang)就(jiu)精(jing)簡(jian)了(le)網(wang)站(zhan)的(de)代(dai)碼(ma)，對(dui)網(wang)站(zhan)設(she)計(ji)有(you)很(hen)大(da)的(de)好(hao)處(chu)。
二、網站的內頁導航布局規範
網站的內頁導航一般有兩部分，一部分是欄目導航。其作用是：用戶可以通過這個導航去其他的欄目瀏覽內容，增加網站的pv，congertigaowangzhandequanzhong。lanmudaohangyoufenzhulanmudaohanghezilanmudaohang，zhulanmudaohangyibanbujuzaiwangyedetoubu，yihengxiangpailie，erzilanmudaohangzebujuzaiwangyedezuoce，chengzongxiangpailie。
另ling一yi部bu分fen就jiu是shi是shi麵mian包bao屑xie導dao航hang。這zhe是shi網wang站zhan導dao航hang中zhong一yi個ge比bi較jiao重zhong要yao的de環huan節jie，主zhu要yao是shi為wei了le對dui搜sou索suo引yin擎qing蜘zhi蛛zhu友you好hao和he幫bang助zhu用yong戶hu記ji錄lu瀏liu覽lan路lu線xian，不bu至zhi於yu讓rang用yong戶hu在zai網wang站zhan迷mi失shi方fang向xiang。
三、網站內頁的鏈接布局規範
網站的內容一般都會有鏈接，而這些鏈接的布局也是整個內頁布局的一個關鍵，做好的有利於提升用戶體驗，還可以幫助SEO提升優化效果。這此鏈接在布局時一般圍繞正文內容分布在頁麵不同位置建議：將鏈接布局在正文的右邊，或正文的下方，這樣是最利於用戶體驗。
正文右邊的鏈接主要的作用是：當dang用yong戶hu通tong過guo鏈lian接jie點dian進jin這zhe篇pian文wen章zhang後hou，看kan見jian文wen章zhang不bu合he胃wei口kou，可ke以yi在zai正zheng文wen的de右you邊bian看kan到dao其qi他ta文wen章zhang的de相xiang關guan鏈lian接jie，這zhe樣yang更geng有you助zhu於yu留liu住zhu用yong戶hu，減jian少shao了le用yong戶hu的de流liu失shi。
正文下方鏈接的作用是：當dang用yong戶hu對dui這zhe篇pian文wen章zhang感gan興xing趣qu，在zai看kan完wan過guo後hou已yi經jing到dao了le文wen章zhang的de最zui底di部bu，此ci時shi就jiu可ke以yi通tong過guo正zheng文wen下xia方fang的de鏈lian接jie進jin到dao春chun他ta的de頁ye麵mian。這zhe樣yang就jiu減jian少shao了le用yong戶hu回hui到dao頂ding部bu再zai去qu其qi他ta的de頁ye麵mian的de時shi間jian，提ti升sheng了le用yong戶hu體ti驗yan。
四、注意上一頁和下一頁鏈接的布局
這個鏈接布局是否合理也是非常重要的，同樣要符合用戶的習慣和為用戶的瀏覽帶來方便。
