網(wǎng)站建設之精美的分欄式網(wǎng)頁(yè)賞析
網(wǎng)站建設使用柵格系統進(jìn)行網(wǎng)頁(yè)設計已經(jīng)不是什么新奇的事情了,使用這種格式布局的網(wǎng)頁(yè)隨處可見(jiàn),盡管這種設計的共同點(diǎn)在于工整簡(jiǎn)潔,但并不是所有的這類(lèi)頁(yè)面設計都能深得大眾喜愛(ài),它也需要一定的技巧。
網(wǎng)站的柵格系統網(wǎng)頁(yè)建設模式包括上下、左右以及混合分欄,起初運用最為廣泛的要數平面板式設計,后來(lái)逐步滲透到網(wǎng)站當中,分欄式作為常見(jiàn)的柵格網(wǎng)站建設的其中一種,能夠很好的凸顯網(wǎng)站的漂亮布局以及頁(yè)面內容的井然有序。但是,上下和左右兩種分欄模式并不是每個(gè)網(wǎng)站的建設者都能hold得住,尤其是左右分欄的類(lèi)型,下面奇億網(wǎng)絡(luò )就和大家一起分享左右分欄的網(wǎng)頁(yè)設計。
1、左右分欄的網(wǎng)頁(yè)在明確主題上,要懂得分清主次,而不是一味地為了美觀(guān)隨珠彈雀,違背了網(wǎng)站的本意,那么就失去了分欄的意義。如下是一個(gè)宣傳工作室的網(wǎng)站,分欄左邊采用清晰的主題大圖,占據整個(gè)頁(yè)面的一半,而右邊是簡(jiǎn)單的內容介紹,左右兩側相比較,大圖是用戶(hù)視覺(jué)集中的焦點(diǎn),文字是焦點(diǎn)的解說(shuō),讓用戶(hù)一目了然。
2、網(wǎng)站提倡創(chuàng )意,左右分欄通常會(huì )被誤認為內容模塊過(guò)少,在用戶(hù)看來(lái)顯得呆板和內容匱乏,其實(shí)不然,即便是兩欄目,也可采用翻頁(yè)或者滾動(dòng)的形式來(lái)安排內容,這樣既能豐富頁(yè)面,又能帶給用戶(hù)新鮮感。下面的網(wǎng)站即是左邊顯示主題,右邊設計成單頁(yè)滾動(dòng)式,向用戶(hù)展示各個(gè)相關(guān)的內容細節。
3、除了在內容上左右分欄可以大幅度交替變換,但整體格調也不能區分得過(guò)于明顯,否則會(huì )顯得格格不入,起碼格調要基本一致,讓整個(gè)頁(yè)面保持該有的視覺(jué)平衡感。再如下面的網(wǎng)站,盡管兩側內容有所差別,但差異并不明顯,始終圍繞同一個(gè)主題呈現,起碼用戶(hù)瀏覽起來(lái)感覺(jué)舒適。
4、網(wǎng)站建設注重導航,在分欄式的網(wǎng)頁(yè)設計中,也有導航模式的分欄設計,不管采用是文字還是圖片的導航形式,都可以利用分欄充分體現,考慮到用戶(hù)對網(wǎng)站的視覺(jué)效應,小編認為在分欄中利用圖片導航指引效果會(huì )更好。以下網(wǎng)站是一個(gè)針對不同主題展示的分欄,用戶(hù)通過(guò)鼠標指向圖片就會(huì )看到對應的內容分類(lèi),有興趣的伙伴可以搜索網(wǎng)站進(jìn)入感受下。
5、網(wǎng)站左右兩側內容可以是互補的形式,這種設計可以提高用戶(hù)對網(wǎng)站的粘度,用戶(hù)在瀏覽網(wǎng)站時(shí),由于頁(yè)面設計左右互補,那么瀏覽一側內容的同時(shí)就不會(huì )遺漏另一側的內容,甚至會(huì )引發(fā)用戶(hù)對網(wǎng)站內容的思考。形式可以是圖片或者內容等的互補。
對于網(wǎng)站建設的左右分欄網(wǎng)頁(yè)設計,從內容和結構上分析,相比起普通網(wǎng)站的設計都要自由得多,兩側既獨立又緊密相連,但將他們聯(lián)系起來(lái)的同時(shí)可以采用單頁(yè)設計的方式來(lái)進(jìn)行,更容易帶給用戶(hù)新鮮感以及獲得用戶(hù)的青睞,特別是對于追求創(chuàng )新的網(wǎng)站設計來(lái)說(shuō),也不失為一種好方法。
本文由奇億網(wǎng)站建設原創(chuàng ),原文地址:http://www.studstu.com/news/1190.html,轉摘請保留版權,謝謝。



















