通過豐富的企業(yè)建站項目經(jīng)驗總結(jié)出，無論是企業(yè)品牌官網(wǎng)、營銷型網(wǎng)上、B2C網(wǎng)上商城，還是汽車交易平臺、實時賽事平臺、門戶網(wǎng)站等等，在網(wǎng)頁設(shè)計風(fēng)格中，當(dāng)版式布局采用左右結(jié)構(gòu)排版時，不管是左邊還是右邊，只要運用了一種超窄的菜單導(dǎo)航或預(yù)留小寬度的留白空間，這種設(shè)計風(fēng)格都會相當(dāng)別致，容易給到訪用戶耳目一新的感覺。

今天我們通過幾個在左側(cè)或右側(cè)留白、運用超窄菜單導(dǎo)航來布局版式的精彩案例來分析一下。

01.

左側(cè)包含網(wǎng)站logo、SNS組件、且右側(cè)采用了透明底色的懸浮功能性面板。

02.

左右側(cè)均預(yù)留了一定的、不均等的空間，便于網(wǎng)頁內(nèi)容及視覺透氣。

03.

左側(cè)預(yù)留了固定的超窄寬度的空間，展示梳向排版的裝飾性文字。

04.

左側(cè)海報區(qū)域留出適當(dāng)?shù)目臻g，避開常規(guī)的全屏海報輪播模式。

05.

左側(cè)預(yù)留網(wǎng)站logo、菜單的超窄空間。這個地方的菜單具有很強大的張力。

06.

左側(cè)的留白空間結(jié)合網(wǎng)站logo、banner選項卡切換的bar來做排版。

07.

這個網(wǎng)站設(shè)計作品比較中規(guī)中矩，左右兩側(cè)留白的空隙一致。而且跟網(wǎng)站logo形成一種對齊的關(guān)系。我們在做企業(yè)網(wǎng)站界面設(shè)計時，往往遇到一個版面，具體應(yīng)該有多少中對齊關(guān)系才合適的問題。

08.

這個網(wǎng)站設(shè)計作品的左側(cè)留白，其實不是完全的留白。利用文字的通透性，形成一個虛的空間，其實這個空間與logo還是形成對齊關(guān)系的。只是banner區(qū)域的色彩疊加邊距，與正文中的文本段落形成了新的對齊關(guān)系。這種版式通常比較有藝術(shù)感和設(shè)計感，也容易得到客戶的認同。

09.

最后跟大家分享的這個左右結(jié)構(gòu)的網(wǎng)頁設(shè)計作品，比較另類。它在界面的周邊都預(yù)留了相同寬度的邊距，但又特意讓右側(cè)的占滿。關(guān)于這一類的網(wǎng)頁設(shè)計風(fēng)格在國外作品中還是能找到很多的?？雌饋肀日y(tǒng)的官網(wǎng)布局更有個性。

我們都說，企業(yè)做一個新網(wǎng)站其實最基本的需求就是通過網(wǎng)站能體現(xiàn)公司的實力、讓用戶知道公司是做什么的，最擅長哪些方面。然而，當(dāng)我們?yōu)檫@個網(wǎng)站所提供的文案不足彰顯公司實力和市場戰(zhàn)略高度時，網(wǎng)站設(shè)計的版式和風(fēng)格就需要通過有創(chuàng)意的方案進行彌補。否則一個網(wǎng)站的文案比較普通，版式布局和風(fēng)格也是過于正統(tǒng)，整體下來是很難給用戶留下深刻印象的。