網(wǎng)頁海報設(shè)計的技巧 ?

有趣的海報用的是黑色的背景而不是純白色，如果你要用黑色的背景，那么嘗試使用金色甚至是白色的油墨來達(dá)到較好的視覺效果。下面介紹網(wǎng)頁海報設(shè)計的技巧，希望為大家?guī)韼椭? ?

1.學(xué)會使用黑色背景 ?

我們經(jīng)常傾向于使用白色背景的海報。然而一些有趣的海報恰恰用的是黑色的背景而不是純白色。如果你要用黑色的背景，那么嘗試使用金色甚至是白色的油墨來達(dá)到較好的視覺效果。黑色背景的使用，襯托出“殺手系列“的陰暗感，懸疑敘事的風(fēng)格通過暗黑系的海報設(shè)計，增強神秘感，這樣的海報設(shè)計更容易激發(fā)受眾的求知欲。 ?

2. 使用精美的圖片 ?

一張更有張力的好照片，往往更有視覺沖擊力，視覺化的展現(xiàn)方式更容易印象深刻。避免大量的設(shè)計元素和繁雜的文字內(nèi)容，可以更好地展示照片的直觀化，當(dāng)然前提是，你的照片足夠有味道。 ?

如何將演唱會主題具象化的表現(xiàn)出來，照片是*的表達(dá)方式，一張照片往往可以概括出很多值得思索的意味。加上音樂本身是一種抽象藝術(shù)，通過照片傳達(dá)一種音樂理念，是不錯的選擇。

?

3.使用多元化的字體 ?

專業(yè)的設(shè)計并不意味著我們就必須用干凈整潔的字體。用一些有特色的字體可以設(shè)計出讓人眼前一亮、個性突出的海報，就像上面這個海報這樣。音樂節(jié)向來是一個創(chuàng)意滿滿的活動形式，因此，在海報設(shè)計上嘗試進行各種各樣的文案樣式，充分發(fā)揮一些涂鴉形式的字母元素設(shè)計，其實是一種很切題的設(shè)計思路。 ?

4. 使用網(wǎng)格 ?

使用網(wǎng)格線可以幫你設(shè)計出專業(yè)又整潔的作品。網(wǎng)格線可以有效的統(tǒng)轄、協(xié)調(diào)整個作品，提高專業(yè)化的程度。字體的配合突出重點信息，網(wǎng)格的運用使得海報不會由于信息太多而過于凌亂，網(wǎng)格與文字的搭配加上簡單的設(shè)計感，整個海報信息傳達(dá)到位而又不拖沓。對于文字信息較多的海報而言，有效使用空間布局，讓所有信息都可以清晰呈現(xiàn)，同時，網(wǎng)格的空間規(guī)劃，又保證畫面的簡潔。 ?

5. 使用黑白色照片 ?

不知道要在你的海報上用哪張圖片?那就把圖片做成黑白的吧!黑白照片很容易營造出一種優(yōu)雅的感覺。在剪切你所使用的圖像時，你需要慎重考慮一下。確保你的受眾能夠充分接收到你要傳遞的信息。 ?

如何讓你的網(wǎng)頁設(shè)計的有層次感 ?

一、網(wǎng)頁設(shè)計的層次 ?

網(wǎng)頁設(shè)計畫面的層次感，說白了其實就是畫面內(nèi)容的主次之分，有空間感和距離感以及有虛實之分并且光影層次清晰，這樣的畫面才起來才豐富真實，而且在通過一些特殊的處理手法之后，網(wǎng)頁設(shè)計可以進一步拉開畫面中不同元素的層次，使得主題更加突出。 ?

二、網(wǎng)頁設(shè)計的遠(yuǎn)近關(guān)系 ?

網(wǎng)頁設(shè)計由近及遠(yuǎn)，畫面的縱深感強，遠(yuǎn)近景的層次明顯而且畫面感有很強。運用到網(wǎng)頁設(shè)計當(dāng)中如下：遠(yuǎn)近層次清晰的畫面再搭配上網(wǎng)頁中的內(nèi)容，可以使網(wǎng)頁頁面看起來更加的透氣，在瀏覽內(nèi)容的同時，也能夠通過場景來傳遞出很強的代入感。 ?

三、網(wǎng)頁設(shè)計的虛實關(guān)系 ?

網(wǎng)頁設(shè)計依次由實到虛變化，既滿足了正常情況下近實遠(yuǎn)虛的道理，又讓層次感顯得很強;近處的實景和遠(yuǎn)處的虛景想必大家都是可以理解的，但為什么離我們最近的物體也是虛的?前景可以去做模糊處理的，甚至有的時候模糊度要比遠(yuǎn)處場景的模糊度還要明顯。 ?

網(wǎng)頁設(shè)計時把握好畫面中的虛實層次，結(jié)合網(wǎng)頁的內(nèi)容，可以使網(wǎng)頁頁面看起來更加接近真實場景，視覺體驗上來說也更加逼真。 ?

設(shè)計網(wǎng)頁頁腳的實用技巧 ?

1、保持設(shè)計簡單 ?

是的，這是大部分設(shè)計項目的關(guān)鍵之一，但是這點也是重中之重，值得現(xiàn)在就說。在需要處理大量需要放在頁腳的信息的時候，簡單設(shè)計就顯得尤為重要。堅持清理元素，保證充足的空間并有目的地組織信息。盡量避免混亂，思考哪些元素需要出現(xiàn)在你的頁腳中，以及它們?yōu)槭裁匆谀抢铩ｍ撃_的尺寸一般都跟你網(wǎng)站頁面數(shù)和信息量有關(guān)。 ?

Agra-Culture在頁腳中使用顏色、圖標(biāo)和文字，不過它很簡單，而且流量很大。每個鏈接都易于點擊，綠色背景中農(nóng)場圖像的微妙細(xì)節(jié)是個很好的嘗試。 ?

2、鏈接到你的信息 ?

網(wǎng)站頁腳中最重要的兩個鏈接分別是“關(guān)于我們”和“聯(lián)系我們”。用戶想要知道你是誰，而且想要了解你的公司和品牌。讓用戶更容易找到這些信息。還有很多人想知道你的團隊成員以及他們的聯(lián)系方式(這是一個重要的工具。很多人弄丟了他們的名片，但會回到你的網(wǎng)站去尋找聯(lián)系人信息) ?

Heckford包含了很多關(guān)于公司、社交網(wǎng)站以及他們工作信息的鏈接。 ?

3、包含基本聯(lián)系信息 ?

盡管你應(yīng)該鏈接到一個完整的“聯(lián)系我們”的頁面里，在頁腳中展示相關(guān)聯(lián)系人信息也不壞。寫上主要的電話號碼、郵箱和真實地址。(如果能夠在點擊時自動撥號，自動發(fā)送郵件或者展示地圖，那就是加分了) ?

Root Studio做了一個幾乎違背你認(rèn)為應(yīng)該是“頁腳”的一切的頁腳，不過它文字很大，而且被壓縮為一個非常簡單的聯(lián)系人信息列表。(這是一個具有影響力的設(shè)計理念，方便了那些想談項目合作的用戶) ?

4、組織頁腳的鏈接 ?

對頁腳內(nèi)容的連接和信息進行分類組織會給人感覺比較好。比如把聯(lián)系方式、友情鏈接、服務(wù)、社交網(wǎng)站和一些你流量*的內(nèi)容分成幾列(或幾行)。給每個部分起一個標(biāo)題，這樣方便查看。 ?

SugarSync的頁腳信息包含很多易于查看的列。在“Product”，“Company”，“Learn More”和“Connect with us”的標(biāo)題下面，你可以很輕易地找到你接下來想要訪問的內(nèi)容。 ?

?

5、包含版權(quán)聲明 ?

這行小小的文字可以成為你的救星，不要忘了它。大部分網(wǎng)站把它做在網(wǎng)站底部單獨一行，而你可以考慮把它設(shè)計得更融入頁腳。版權(quán)聲明可以手寫，也可以只放一個帶圈圈的小c標(biāo)志。其文字通常包含發(fā)布年份和版權(quán)所有者的名字?？梢詾閮?nèi)容和設(shè)計建立多個版權(quán)聲明(適用于部分由第三方創(chuàng)建的網(wǎng)站)。 ?

Adventure.com在屏幕正下方保留了一行版權(quán)聲明。這行信息使用了低對比，這樣它就不會搶了更重要的信息鏈接的風(fēng)頭。 ?

6、包含行動呼吁 ?

當(dāng)用戶瀏覽到你的頁腳的時候，給他們一些可做的事情。包括登記獲得郵件通知，或者邀請他們在社交媒體上關(guān)注你。不要忘了這個區(qū)域在轉(zhuǎn)化點擊方面的價值。 ?

Collabogive在頁腳區(qū)域添加了一個“訂閱我們的郵件”的標(biāo)語。這個呼吁很容易看到，與頁腳設(shè)計融為一體，并且為用戶提供了一種無須加入組織就可以獲得其*消息的方式。 ?

7、使用圖形元素 ?

通常頁腳只是一個塊塊。添加logo或者圖形元素可以為其添加視覺上的趣味。只是要注意不要為這狹小的空間添加太多它難以承受的元素。想象一下這個場面：不僅僅寫出“關(guān)注我們的微博/博客/什么的”，還包括它們的logo。你還可以使用小的標(biāo)志性元素添加在地圖或者電話號碼之類的旁邊(不過你可能需要添加一個懸停狀態(tài)的效果以闡釋這個信息) ?

Kikk Festival在頁腳空間空使用logo和快速聯(lián)系人信息凸顯活動伙伴。注意圖標(biāo)的大小——每個都易于看到，也易于閱讀。使用滑塊可以使大量信息顯示在這個狹小的空間中。 ?

8、注意對比度和可讀性 ?

頁腳的信息通常都很小，非常小。這就使得文本元素與背景之間的顏色、字重以及對比變得非常重要。每個單詞都應(yīng)該是易于閱讀的?？紤]使用簡單的字體(無襯線字體和中等字重就很好)。選擇高對比的色彩，比如白底黑字或者黑底白字。避免使用不同的顏色或者華麗的字體。 ?

P53為頁腳信息使用最傳統(tǒng)(也是可讀性*的)的文字背景組合——黑與白。 ?

網(wǎng)頁頁腳的設(shè)計技巧 ?

1、包含網(wǎng)站的設(shè)計主題 ?

網(wǎng)站頁腳看起來不應(yīng)該像是狗尾續(xù)貂。它應(yīng)該看起來與整個網(wǎng)站的設(shè)計風(fēng)格相符。顏色、樣式還有圖形元素都應(yīng)該保持一致。不要為頁腳添加一個不合適的框框，這是很常見的錯誤。從項目伊始就應(yīng)該思考這塊地方要如何展現(xiàn)，以免在設(shè)計過程中因不匹配的元素而做不下去。 ?

Swiths Interactive Group的簡單頁腳與整個網(wǎng)站相得益彰，網(wǎng)站一個人坐在桌前，各種物品放在桌上。簡單的頁腳展示了相關(guān)信息，而且看起來與網(wǎng)站融為一體。 ?

2、往小做(但別太小) ?

通常的頁腳包含了很多小項目，但是注意別弄得太小了。頁腳的文字可以比網(wǎng)站主體所用的字號稍小一點。而圖標(biāo)和圖像要在你所選的尺寸里是可讀的(如果你看不出來這個圖標(biāo)是什么，那它就太小了)。元素必須大到易于點擊或觸碰。如果你的鏈接太小，或彼此挨得太近而導(dǎo)致用戶點不到你的鏈接，那你就蹲墻角哭去吧。 ?

Curious Space使用了不太傳統(tǒng)的頁腳風(fēng)格，你可以從風(fēng)格尺寸的使用中感受到它的存在。頁腳的文字稍小一些，而且比頁面中其他文字更細(xì)更輕，當(dāng)然也沒有小到看不見。 ?

3、多用點空間 ?

由于頁腳通常都住在狹小的空間里，空間和間距就顯得很重要。給頁腳中的元素留出大量空間如同文字的行間距。足夠的間距可以讓頁腳看起來來寬松舒暢。而且方便點擊或觸摸。因為頁腳中的絕大部分鏈接都要鏈接到別的地方，所以這對用戶體驗來說也很重要。你在頁腳所使用的空間不用與你網(wǎng)站主體完全一樣(尤其是對于那些需要在主體中使用小間距的網(wǎng)站) ?

Sailing Collective在元素之間使用了足夠多的水平和垂直間距。然后根據(jù)類型和是否可以點擊分別放在一起。 ?

4、防備太多東西 ?

使用圖形元素和一個頭部是個好主意，但剛剛好和太過頭僅有一線之隔。有節(jié)制地使用這些元素，并僅為特定元素使用。問問你自己為什么要使用頭部、圖標(biāo)或者照片。如果答案僅僅是“因為它看起來很好看”，那你得重新思考一下。每個元素都應(yīng)該有其存在的意義。這會幫助你設(shè)計出可用的頁腳，而且充分利用空間。 ?

從 Master & Dynamic的頁腳中你可以看到少即是多的設(shè)計美學(xué)。簡單的圖標(biāo)和文字可以讓你輕松瀏覽頁腳。 ?

5、創(chuàng)建層次感 ?

和網(wǎng)站的其他部分一樣，頁腳也應(yīng)該有自然層級。這是兩方面的設(shè)計，頁腳應(yīng)該位于整個網(wǎng)站層級的*端(畢竟這是它該在的地方)。同時其內(nèi)部的元素也應(yīng)該具有層級。最重要元素(通常是聯(lián)系信息、或者呼吁信息或者網(wǎng)站地圖)應(yīng)該是最突出的。標(biāo)準(zhǔn)的信息，比如版權(quán)信息，通常都是這個區(qū)域里最小的。 ?

Griflan Design Inc.在頁腳中按照他們希望的順序告訴用戶要做什么。首先，給他們發(fā)郵件;如果發(fā)郵件沒用，給他們打電話;如果這兩種方法都沒用，在社交媒體上找他們。 ?

6、考慮做子頁腳 ?

你的頁腳是否還需要一個頁腳?考慮添加一個子頁腳圖層吧(在實際應(yīng)用中這種很流行)。子頁腳非常適合放置一些額外的層級，增加頁腳的空間，防止它過于密集，或者僅僅是為了給有趣的內(nèi)容提供一點空間。使用這個區(qū)域來突出榮譽或者行動呼吁。 ?

The Smart Passive Income Blog的多層級頁腳做得很好。這里有行動呼吁，然后是網(wǎng)站鏈接，然后是淺色鏈接社交網(wǎng)站的子頁腳，后面是免責(zé)聲明和隱私政策。頁腳導(dǎo)航的層級提供了一定的縱深，易于瀏覽和點擊 ?

7、不要在這些鏈接下添加下劃線 ?

頁腳的*錯誤?讓鏈接有下劃線。現(xiàn)在仍有很多網(wǎng)站在他們頁腳的鏈接中使用下劃線。這個過時的技術(shù)并不適用于現(xiàn)代網(wǎng)站設(shè)計。 ?

Baxter of California 擁有一個干凈整潔并且包含大量鏈接的頁腳。多虧了這些沒有下劃線的簡單鏈接，這個頁腳看起來并不雜亂。 ?