在群里和大家交流時，看到太多的網頁設計師發布企業站的個人作品，設計中總是擺脫不了大框套小框的設計布局思路，不加思索的跳入單一的網頁布局形式中，于是就有了把企業建站常用的頁面布局方式總結一下的想法，讓大家包括我自己全面的了解一下企業建站的常見布局方式，做到對此種類型的網站布局心中有數，跳出狹隘、單一的設計思路，于是就有了這篇文章。很多人常常詢問某個頁面該如何布局這樣的問題，其實網頁布局也沒有想象中那么難，只要做到兩點我認為起碼可以做到臨陣不慌，一是對常見的布局方式心中有數，二是根據信息內容及設計素材的特點進行擺積木式的多次嘗試。活不多說，下面就是我總結的企業建站首頁常用到的網站布局方法，共有六種。
一、大框套小框的網站布局
這種布局方式即是我在上面提到的常見的企業網站布局，不是說這種網站布局方式一無是處，但我們總不能只會這一種布局方式，次次套用吧?按照這種布局當然也可以做出來漂亮的設計，但畢竟方框限制的視線的擴展，如果客戶要求做出大氣的感覺，一般不會按照這種方式來布局，通常來講，大氣意味著開闊視野。
二、通欄布局
這種布局方式讓視線不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開闊的味道來。另外，主視覺部分還可以靈活處理，既可以向上拓展到logo和導航的頂部位置，也可以向下拓展到內容區域，這種布局方式也是非常常見的布局方式。
三、導航在主視覺下方的布局
這種雖然不多，但也時不時能看到，導航放在banner下面的好處是可以彌補banner中設計素材截斷的缺點，讓設計看上去完整、自然。所以說布局的方式受到多方面因素的影響，不僅考慮到信息內容所占據的空間，還包括你手頭現有的素材。
四、左中右布局
這種布局方式不常見到，但卻是非常富有新鮮感的布局方式，如果你已經做膩歪了水平分割的設計，嘗試一下這種布局也未嘗不是一種好的選擇。
五、環繞式布局
這種布局方式看上去更加靈活，banner區域相對較小，就可以在頁面放置更多的信息內容。
六、穿插式布局
這種布局在企業建站中較難看到，用的不多，banner區域相對較大，可以作為一種布局的選擇。
上面的六種布局方式只是一些常見的企業類網站頁面布局，布局的方式還有更多。實際上，布局就像是擺積木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原則即可，并沒有規定一定要怎么布局，或者這種布局方式要比那種更好，只能說某種布局方式更為合適某個頁面而已。所以，大家多做嘗試，從你手頭正在做的項目開始，嘗試一下不同的布局方式，給你的設計增加一些創意和新鮮感。

文章題目：企業網站首頁設計常見的6種布局方式
文章起源：http://m.newbst.com/news34/199684.html

成都網站建設公司_創新互聯，為您提供響應式網站、網頁設計公司、定制開發、營銷型網站建設、軟件開發、網站改版

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯