網站建設之Banner案例分析

 

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

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

　　一、文圖為中心的設計

　　

 

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

　　

 

　　

 

　　

 

　　這是目前較為熱門的設計，主要是以文圖為主體設計，最常見的設計配搭則是以透明底圖配以文字(體現Banner文字上的視覺表現)每當用戶訪問時，這類設計通常快速明了的明達出設計者的意識，再加上圖片方面的相關性，一個重以表達的Banner便以此成形。

　　二、圖片表達中心的設計

　　

 

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

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

　　

 

　　三、圖片相關類配搭的設計

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

　　

 

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

　　

 

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

　　

 

　　

 

　　四、“另類式”視覺的設計

　　

 

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

　　

 

　　說到視覺沖擊，自然而然的都會聯系到3D化的設計作品，或以科幻為主題制作，或以圖形字的方式體現，當然有能力的設計者們已經涉足3D這個高級領域，而這里就不多做談論，畢竟筆者沒有接觸過。

　　

 

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

　　

 

　　筆者心聲：

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

---