點擊上圖看大圖
在一個簡單的網(wǎng)頁中，上方的橫幅是最重要的視覺元素。在很多博客網(wǎng)頁中，它甚至是唯一的視覺元素。所以它的作用可以說是相當大的。它必須能夠與網(wǎng)站的風格配合，并能傳達視覺上的信息。它必須讓人看上一眼就讓人知道這個網(wǎng)站是屬于什么類型，風格是什么。這個橫幅還必須能夠提供簡單明了的導(dǎo)航鏈接。所有這些，我們都可以通過將橫幅分成三個區(qū)域而輕松實現(xiàn)：每一個區(qū)域都具有自己的功能，而我們還要將這三個區(qū)域在視覺上統(tǒng)一，使三者具有相似性及協(xié)調(diào)性。看一下我們在本文中所介紹的例子。
從劃分空間開始：
一個網(wǎng)頁橫幅的寬度橫跨整個網(wǎng)頁，而高度又相當窄。將其分成三個區(qū)域：名稱，圖片及導(dǎo)航鏈接。然后我們分別對其進行設(shè)計。
如何分配區(qū)域：一般來說，我們都是將名稱放在左上方，而導(dǎo)航欄目放在下方。其空間的分配應(yīng)該慎重。空間的比例大小是根據(jù)具體的名稱（長或短）和圖片而定的，很難說有什么最佳的比例。但是，應(yīng)該避免將上方空間分成兩等份，因為分成兩等份會讓人的注意力都放在版式上，而不是放在內(nèi)容上。采用不對稱的分布效果會更好。
尋找一張具表現(xiàn)力的圖片：
一張漂亮的圖片是設(shè)計一個漂亮橫幅的關(guān)鍵。在找到照片后，我們還要仔細研究一下截取照片的哪一部分可以最有效傳達相關(guān)的信息。其實在實踐中你會發(fā)現(xiàn)，要發(fā)掘這一點并不難。
截取照片時應(yīng)記住一點：盡可能截取能夠傳達最多信息的那一部分。在上圖這張?zhí)飯@式的風景圖片中，有樹，有草，有山，有陽光——看一下我們截取的部分，都將這幾個主要的圖片元素都包括了，這正是我們所需要的，面積雖比原圖小很多，但截取后的圖片所要傳達的信息不但沒有減少，而且在層次感上還加強了。圖片上有豐富的明暗區(qū)域（見黑白圖片），形成近、中、遠三種視覺效果。
出處：logo設(shè)計在線
責任編輯：bluehearts
上一頁 下一頁 如何設(shè)計網(wǎng)頁橫幅 [2]
第 1 頁 如何設(shè)計網(wǎng)頁橫幅 [1]
第 2 頁 
