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

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

　　一、文圖為中心的設計

　　

 

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

　　

 

　　

 

　　

 

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

　　二、圖片表達中心的設計

　　

 

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

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

　　

 

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

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

　　

 

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

　　

 

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

　　

 

　　

 

　　四、“另類(lèi)式”視覺(jué)的設計

　　

 

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

　　

 

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

　　

 

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

　　

 

　　筆者心聲：

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

---