“Bnner以其設(shè)計中心主要體現(xiàn)意旨，以及形象鮮明表達(dá)主要的情感思想或宣傳內(nèi)容”，它可以說是網(wǎng)頁設(shè)計中必不可少的一個部分，設(shè)計者按以網(wǎng)站建設(shè)之網(wǎng)頁風(fēng)格設(shè)計與此為襯托的Banner，或以Banner表達(dá)文章核心內(nèi)容作為視覺點綴。

　　筆者從國內(nèi)幾家最活躍的UED團(tuán)隊中選取了十四個，各具代表特色的Banner設(shè)計案例在本文中與大家分享并簡析其設(shè)計之意，在此特別感想這些UED團(tuán)隊的優(yōu)秀作品為我們學(xué)習(xí)帶來更多的思想開拓。

　　一、文圖為中心的設(shè)計

　　

 

　　這類Banner主體設(shè)計重心是圖片配以文字為點綴的“角色扮演”，由于圖片的關(guān)聯(lián)性直接影響到文字的表達(dá)，因而在設(shè)計這Banner時，素材方面同樣是需要下一定功夫作收集了解的。

　　

 

　　

 

　　

 

　　這是目前較為熱門的設(shè)計，主要是以文圖為主體設(shè)計，最常見的設(shè)計配搭則是以透明底圖配以文字(體現(xiàn)Banner文字上的視覺表現(xiàn))每當(dāng)用戶訪問時，這類設(shè)計通?？焖倜髁说拿鬟_(dá)出設(shè)計者的意識，再加上圖片方面的相關(guān)性，一個重以表達(dá)的Banner便以此成形。

　　二、圖片表達(dá)中心的設(shè)計

　　

 

　　從用戶體驗角度出發(fā)，同一網(wǎng)頁設(shè)計中過多的相同方案存在，容易令用戶產(chǎn)生視覺上的“疲勞”，而其直接影響到用戶在體驗時的感官視覺。

　　以上、下圖的設(shè)計案例，這種設(shè)計以為在為一定的選圖制作上帶來了一些難度，這也更考驗我們的設(shè)計功力，用不同文字的主題配以相同的圖片設(shè)計，以最大化的角度體現(xiàn)出文字的中心思想，設(shè)計應(yīng)當(dāng)如此!

　　

 

　　三、圖片相關(guān)類配搭的設(shè)計

　　其實這類Banner的設(shè)計可能與上述的第二點較為相似，但實際上兩者之間的區(qū)別又顯得一目了然，是的，在本類圖片的配搭上無所謂點不點綴，更為主要的則是以豐富文字方式的表達(dá)以作襯托。

　　

 

　　這樣以鮮明的顏色、圖片為主體，加之以襯托文字類的意識表達(dá)，其實我們可以用更多豐富圖片做為配搭，當(dāng)然顏色是需要控制的，整體的設(shè)計不是簡簡單單用幾種不同顏色隨意擺放即可。

　　

 

　　這樣以鮮明的顏色、圖片為主體，加之以襯托文字類的意識表達(dá)，其實我們可以用更多豐富圖片做為配搭，當(dāng)然顏色是需要控制的，整體的設(shè)計不是簡簡單單用幾種不同顏色隨意擺放即可。

　　

 

　　

 

　　四、“另類式”視覺的設(shè)計

　　

 

　　本類的設(shè)計，其實這個另類式是加以“”的，但凡視覺沖擊3D類的設(shè)計，嚴(yán)重都是以大?；虺鲎詧F(tuán)隊之手的作品，而于目前流行的“另類式”設(shè)計而言更有“雜貨”的味道。

　　

 

　　說到視覺沖擊，自然而然的都會聯(lián)系到3D化的設(shè)計作品，或以科幻為主題制作，或以圖形字的方式體現(xiàn)，當(dāng)然有能力的設(shè)計者們已經(jīng)涉足3D這個高級領(lǐng)域，而這里就不多做談?wù)?，畢竟筆者沒有接觸過。

　　

 

　　相對于3D，其實筆者更喜歡用圖形字的角度去表達(dá)文字的主題，以各種圖片不同的資態(tài)呈現(xiàn)出文字的思想中心，當(dāng)然這樣的工作視文字的復(fù)雜性而定，也在一定程度上考驗團(tuán)隊的合作性。

　　

 

　　筆者心聲：

　　自上一文“淺談Banner 設(shè)計與制作”，與大家分享了不少個人的見解，很高興能在本文再此與各位讀者相見，由于個人水平有限，文章錯誤之處還望各位見諒，UED的工作是本人一直向往的目標(biāo)，遺憾的是有由于創(chuàng)意、技術(shù)所限導(dǎo)致我那UED夢的破碎，但筆者一直相信興趣才是最好的老師，我希望在這條UED路上，用不同的方式演繹出自我的精彩~!在此再次感謝那些優(yōu)秀UED團(tuán)隊的作品!

---