網(wǎng)站設(shè)計(jì)技巧之精美的分欄式網(wǎng)頁(yè)賞析

網(wǎng)站建設(shè)使用柵格系統(tǒng)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不是什么新奇的事情了，使用這種格式布局的網(wǎng)頁(yè)隨處可見(jiàn)，盡管這種設(shè)計(jì)的共同點(diǎn)在于工整簡(jiǎn)潔，但并不是所有的這類頁(yè)面設(shè)計(jì)都能深得大眾喜愛(ài)，它也需要一定的技巧。

網(wǎng)站的柵格系統(tǒng)網(wǎng)頁(yè)建設(shè)模式包括上下、左右以及混合分欄，起初運(yùn)用最為廣泛的要數(shù)平面板式設(shè)計(jì)，后來(lái)逐步滲透到網(wǎng)站當(dāng)中，分欄式作為常見(jiàn)的柵格網(wǎng)站建設(shè)的其中一種，能夠很好的凸顯網(wǎng)站的漂亮布局以及頁(yè)面內(nèi)容的井然有序。但是，上下和左右兩種分欄模式并不是每個(gè)網(wǎng)站的建設(shè)者都能hold得住，尤其是左右分欄的類型。

1、左右分欄的網(wǎng)頁(yè)在明確主題上，要懂得分清主次，而不是一味地為了美觀隨珠彈雀，違背了網(wǎng)站的本意，那么就失去了分欄的意義。如下是一個(gè)宣傳工作室的網(wǎng)站，分欄左邊采用清晰的主題大圖，占據(jù)整個(gè)頁(yè)面的一半，而右邊是簡(jiǎn)單的內(nèi)容介紹，左右兩側(cè)相比較，大圖是用戶視覺(jué)集中的焦點(diǎn)，文字是焦點(diǎn)的解說(shuō)，讓用戶一目了然。

  2、網(wǎng)站提倡創(chuàng)意，左右分欄通常會(huì)被誤認(rèn)為內(nèi)容模塊過(guò)少，在用戶看來(lái)顯得呆板和內(nèi)容匱乏，其實(shí)不然，即便是兩欄目，也可采用翻頁(yè)或者滾動(dòng)的形式來(lái)安排內(nèi)容，這樣既能豐富頁(yè)面，又能帶給用戶新鮮感。下面的網(wǎng)站即是左邊顯示主題，右邊設(shè)計(jì)成單頁(yè)滾動(dòng)式，向用戶展示各個(gè)相關(guān)的內(nèi)容細(xì)節(jié)。

  3、除了在內(nèi)容上左右分欄可以大幅度交替變換，但整體格調(diào)也不能區(qū)分得過(guò)于明顯，否則會(huì)顯得格格不入，起碼格調(diào)要基本一致，讓整個(gè)頁(yè)面保持該有的視覺(jué)平衡感。再如下面的網(wǎng)站，盡管兩側(cè)內(nèi)容有所差別，但差異并不明顯，始終圍繞同一個(gè)主題呈現(xiàn)，起碼用戶瀏覽起來(lái)感覺(jué)舒適。

  4、網(wǎng)站建設(shè)注重導(dǎo)航，在分欄式的網(wǎng)頁(yè)設(shè)計(jì)中，也有導(dǎo)航模式的分欄設(shè)計(jì)，不管采用是文字還是圖片的導(dǎo)航形式，都可以利用分欄充分體現(xiàn)，考慮到用戶對(duì)網(wǎng)站的視覺(jué)效應(yīng)，小編認(rèn)為在分欄中利用圖片導(dǎo)航指引效果會(huì)更好。以下網(wǎng)站是一個(gè)針對(duì)不同主題展示的分欄，用戶通過(guò)鼠標(biāo)指向圖片就會(huì)看到對(duì)應(yīng)的內(nèi)容分類，有興趣的伙伴可以搜索網(wǎng)站進(jìn)入感受下。

  5、網(wǎng)站左右兩側(cè)內(nèi)容可以是互補(bǔ)的形式，這種設(shè)計(jì)可以提高用戶對(duì)網(wǎng)站的粘度，用戶在瀏覽網(wǎng)站時(shí)，由于頁(yè)面設(shè)計(jì)左右互補(bǔ)，那么瀏覽一側(cè)內(nèi)容的同時(shí)就不會(huì)遺漏另一側(cè)的內(nèi)容，甚至?xí)l(fā)用戶對(duì)網(wǎng)站內(nèi)容的思考。形式可以是圖片或者內(nèi)容等的互補(bǔ)。

  對(duì)于網(wǎng)站建設(shè)的左右分欄網(wǎng)頁(yè)設(shè)計(jì)，從內(nèi)容和結(jié)構(gòu)上分析，相比起普通網(wǎng)站的設(shè)計(jì)都要自由得多，兩側(cè)既獨(dú)立又緊密相連，但將他們聯(lián)系起來(lái)的同時(shí)可以采用單頁(yè)設(shè)計(jì)的方式來(lái)進(jìn)行，更容易帶給用戶新鮮感以及獲得用戶的青睞，特別是對(duì)于追求創(chuàng)新的網(wǎng)站設(shè)計(jì)來(lái)說(shuō)，也不失為一種好方法。文章轉(zhuǎn)自奇億網(wǎng)絡(luò)。

網(wǎng)站欄目：網(wǎng)站設(shè)計(jì)技巧之精美的分欄式網(wǎng)頁(yè)賞析
網(wǎng)址分享：http://www.muchs.cn/news15/293215.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站建設(shè)、服務(wù)器托管、網(wǎng)頁(yè)設(shè)計(jì)公司、小程序開(kāi)發(fā)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)