大多數(shù)的網(wǎng)頁設(shè)計師在制作企業(yè)定制網(wǎng)站時,在設(shè)計里很難擺脫大框套小框的布局方式,會不自覺的跳入進一個單一網(wǎng)頁的布局形式里,不能充分的表達出企業(yè)所要展現(xiàn)的產(chǎn)品內(nèi)容。下面就給大家總結(jié)一下在定制企業(yè)的網(wǎng)站里經(jīng)常會采用到的幾種布局方法。
第一、大框套小框的布局
這樣的布局方式是一種最常見的布局,這樣的布局方式其實并不是一無是處的,但是設(shè)計師在對網(wǎng)站進行設(shè)計時不能只采用這一種進行布局的方式。雖然使用這樣的布局也能夠做出一個漂亮的設(shè)計,但是這樣的方式會受到方框的限制,影響到用戶視線的擴展,如果企業(yè)客戶要求設(shè)計師做出一種大氣的感覺,那么這樣的布局方式就不適合了。
第二、通欄布局
這樣的布局方式可以讓用戶視線不再受方框限制,多了一些大氣和開闊的感覺。除此以外,對于主視覺的部分還可以進行靈活的處理,既能夠向上拓展至logo以及導(dǎo)航頂部的位置,也能夠繼續(xù)向下拓展至內(nèi)容的區(qū)域,這樣的布局方式也是一種很常見的布局方式。
第三、導(dǎo)航在主視覺下方的布局
這樣的布局方法雖然不是很常用,但是在一些網(wǎng)站中也經(jīng)常會看到,這樣的布局是把導(dǎo)航放在banner的下面。這樣的好處是能夠彌補banner里設(shè)計素材發(fā)生的截斷,讓網(wǎng)站的設(shè)計看上去非常的完整和自然。這樣布局的方式其實也會受到多種因素的影響,設(shè)計師在進行布局時不僅僅需要考慮信息內(nèi)容占據(jù)空間的大小,還要對手頭上現(xiàn)有素材進行整合,合理的呈現(xiàn)出來,這對于設(shè)計師來說也是一個考驗。
第四、左中右的布局
這樣的布局方式通常不常見到,但這是一種非常有新鮮感的布局方法,如果設(shè)計師感覺水平分割這種設(shè)計方法有些枯燥,也嘗試使用左中右的頁面布,這也是一種很好的選擇。
第五、環(huán)繞式的布局
這樣的布局方法看上去非常的靈活,而且banner的顯示區(qū)域相對比較小,可以在頁面上放置更多信息和內(nèi)容。
第六、穿插式的布局
這樣的布局方式在企業(yè)網(wǎng)站里比較少用,因為采用這樣的方式banner的顯示區(qū)域會相對比較大,可以作為一種備選的布局方式。
上面所介紹的六種布局方式,是一些比較常見的企業(yè)類定制網(wǎng)站常用的頁面布局方式,對頁面進行布局的方法其實還有很多。實際上,對于頁面進行布局的過程就像是在擺積木,設(shè)計師只要按照重要的信息放在左邊和上面,次要的信息放在右邊和下邊的原則就可以了,沒有嚴格的規(guī)定一定要怎樣對頁面進行布局,或者是哪種布局的方式比另一種會更好,只有哪種布局的方式更合適哪個頁面內(nèi)容的展現(xiàn)。所以網(wǎng)站設(shè)計師們可以利用手頭上正在進行的項目,嘗試不同的頁面布局方法,給自己的設(shè)計增加更多的創(chuàng)意與新鮮感。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/2950.html