熱文推薦
- 網(wǎng)站模板結(jié)構(gòu)要注意哪些
- 如何快速上手小程序開發(fā):從零基礎(chǔ)…
- 響應(yīng)式營銷網(wǎng)站和一般營銷網(wǎng)站有什…
- 如何在深圳建立一個快速加載的高性…
- 企業(yè)網(wǎng)站制作的構(gòu)成要素是什么
- 深圳企業(yè)網(wǎng)站建設(shè)|中小企業(yè)網(wǎng)站建…
- 網(wǎng)站運營中的內(nèi)容戰(zhàn)略:如何構(gòu)建高…
- 網(wǎng)站信息量大 該采用分頁式設(shè)計還…
- 深圳導(dǎo)航頁面設(shè)計優(yōu)秀的建站系統(tǒng)有…
- 網(wǎng)站靜態(tài)頁面開發(fā)有哪些注意事項?…

企業(yè)網(wǎng)站首頁設(shè)計的布局方法有哪些?
很多人常常詢問某個頁面該如何布局這樣的問題,其實企業(yè)網(wǎng)站首頁設(shè)計的布局沒有想象中那么難,只要做到兩點我認(rèn)為起碼可以做到臨陣不慌,一是對常見的布局方式心中有數(shù),二是根據(jù)信息內(nèi)容及設(shè)計素材的特點進(jìn)行擺積木式的多次嘗試,下面就讓我總結(jié)的企業(yè)網(wǎng)站首頁設(shè)計的布局方法有哪些?
一、大框套小框的網(wǎng)站布局
這種布局方式即是我在上面提到的常見的網(wǎng)站布局,不是說這種網(wǎng)站布局方式一無是處,但我們總不能只會這一種布局方式,次次套用吧?按照這種布局當(dāng)然也可以做出來漂亮的設(shè)計,但畢竟方框限制的視線的擴(kuò)展,如果客戶要求做出大氣的感覺,一般不會按照這種方式來布局,通常來講,大氣意味著開闊視野。
二、通欄布局
這種布局方式讓視線不再受到方框的限制,比起上面的布局方式,自然多了些大氣、開闊的味道來。另外,主視覺部分還可以靈活處理,既可以向上拓展到logo和導(dǎo)航的頂部位置,也可以向下拓展到內(nèi)容區(qū)域,這種布局方式也是非常常見的布局方式。
三、導(dǎo)航在主視覺下方的布局
這種雖然不多,但也時不時能看到,導(dǎo)航放在banner下面的好處是可以彌補(bǔ)banner中設(shè)計素材截斷的缺點,讓設(shè)計看上去完整、自然。所以說布局的方式受到多方面因素的影響,不僅考慮到信息內(nèi)容所占據(jù)的空間,還包括你手頭現(xiàn)有的素材。
四、左右框架型
左右框架型是一種左右為分別兩頁的框架結(jié)構(gòu)布局,這種類型業(yè)非常清晰且一幕了然。一般左側(cè)是導(dǎo)航鏈接,在最上方有個小標(biāo)題或標(biāo)志;右側(cè)則是正文。
五、上下框架型
上下框架型是一種上下為分別兩頁的框架結(jié)構(gòu)布局。一般上方是導(dǎo)航鏈接,下方則是正文。
六、封面型
封面型基本上是一些網(wǎng)站首頁的設(shè)計布局,大部分出現(xiàn)在企業(yè)網(wǎng)站首頁設(shè)計和個人主頁上。多數(shù)是一些精美平面設(shè)計結(jié)合一些小的動畫設(shè)計,再配上幾個簡單的鏈接或是設(shè)計一個”進(jìn)入“鏈接,也可以直接再網(wǎng)站首頁圖片上做鏈接。
七、對稱對比型
對稱對比型采取左右或上下對稱的布局,一半深色,一半淺色,一般用于設(shè)計型網(wǎng)站。而其優(yōu)點是視覺沖擊力強(qiáng),缺點是將兩部分進(jìn)行有機(jī)結(jié)合較難。
http://www.dongguanlifeng.com/wangzhansheji/3567.html 企業(yè)網(wǎng)站首頁設(shè)計的布局方法有哪些?
標(biāo)簽:
相關(guān)新聞
- 深圳網(wǎng)站制作中的頁面加載速度優(yōu)化:讓客戶不…
- 深圳網(wǎng)站制作與品牌建設(shè):如何打造獨特的品牌…
- 如何避免深圳網(wǎng)站制作中的常見設(shè)計誤區(qū)?
- 深圳自適應(yīng)網(wǎng)站設(shè)計:如何讓網(wǎng)站更智能、便捷…
- 深圳網(wǎng)站建設(shè)中的數(shù)據(jù)安全:保護(hù)你的在線資產(chǎn)…
- 深圳網(wǎng)站制作中的頁面結(jié)構(gòu)設(shè)計:提升用戶留存…
- 在深圳如何打造一個高效的企業(yè)官方網(wǎng)站?
- 從客戶需求到上線:深圳網(wǎng)站制作的全流程拆解…