如何設(shè)計網(wǎng)頁橫幅
設(shè)計一個吸引人的網(wǎng)頁主橫幅其實可以很簡單,我們思考的只是如何分配區(qū)域。

點擊上圖看大圖

在一個簡單的網(wǎng)頁中,上方的橫幅是最重要的視覺元素。在很多博客網(wǎng)頁中,它甚至是唯一的視覺元素。所以它的作用可以說是相當(dāng)大的。它必須能夠與網(wǎng)站的風(fēng)格配合,并能傳達(dá)視覺上的信息。它必須讓人看上一眼就讓人知道這個網(wǎng)站是屬于什么類型,風(fēng)格是什么。這個橫幅還必須能夠提供簡單明了的導(dǎo)航鏈接。所有這些,我們都可以通過將橫幅分成三個區(qū)域而輕松實現(xiàn):每一個區(qū)域都具有自己的功能,而我們還要將這三個區(qū)域在視覺上統(tǒng)一,使三者具有相似性及協(xié)調(diào)性??匆幌挛覀冊诒疚闹兴榻B的例子。
從劃分空間開始:
一個網(wǎng)頁橫幅的寬度橫跨整個網(wǎng)頁,而高度又相當(dāng)窄。將其分成三個區(qū)域:名稱,圖片及導(dǎo)航鏈接。然后我們分別對其進(jìn)行設(shè)計。


如何分配區(qū)域:一般來說,我們都是將名稱放在左上方,而導(dǎo)航欄目放在下方。其空間的分配應(yīng)該慎重??臻g的比例大小是根據(jù)具體的名稱(長或短)和圖片而定的,很難說有什么最佳的比例。但是,應(yīng)該避免將上方空間分成兩等份,因為分成兩等份會讓人的注意力都放在版式上,而不是放在內(nèi)容上。采用不對稱的分布效果會更好。
尋找一張具表現(xiàn)力的圖片:
一張漂亮的圖片是設(shè)計一個漂亮橫幅的關(guān)鍵。在找到照片后,我們還要仔細(xì)研究一下截取照片的哪一部分可以最有效傳達(dá)相關(guān)的信息。其實在實踐中你會發(fā)現(xiàn),要發(fā)掘這一點并不難。


截取照片時應(yīng)記住一點:盡可能截取能夠傳達(dá)最多信息的那一部分。在上圖這張?zhí)飯@式的風(fēng)景圖片中,有樹,有草,有山,有陽光——看一下我們截取的部分,都將這幾個主要的圖片元素都包括了,這正是我們所需要的,面積雖比原圖小很多,但截取后的圖片所要傳達(dá)的信息不但沒有減少,而且在層次感上還加強(qiáng)了。圖片上有豐富的明暗區(qū)域(見黑白圖片),形成近、中、遠(yuǎn)三種視覺效果。