DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 購物網站的Banner廣告條設計方法和技巧
購物網站的Banner廣告條設計方法和技巧
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:主要分析和討論了購物網站的banner廣告條的設計方法和技巧,在文章最後還總結了下設計這些banner一些經驗,很值得網頁設計師們來分享,畢竟banner廣告條設計也是網頁設計的一部分。

本文主要分析和討論了購物網站的banner廣告條的設計方法和技巧,在文章最後還總結了下設計這些banner一些經驗,很值得網頁設計師們來分享,畢竟banner廣告條設計也是網頁設計的一部分。

每周的《午間歡樂購》和《周末瘋狂購》,已經成為視覺組的固定需求。從開始接觸到現在5個月的時間裡,思維也和這些小小banner逐漸碰撞出火花。

前期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲初期上手,按照熊貓同學一貫的通用排版去做。始終堅持白底,可以不用摳圖,改變絲帶的顏色,做做字體變形。

▲組織上下達命令,不能一層不變,需要改變。但是改變在哪裡當時還沒揣摩透,暫且做些顏色上的嘗試。由清爽變成濃烈。

▲似乎是有那麼點想通了,試著做風格上的改變,一次可愛卡通風格的嘗試。

中期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲年中清倉,促銷必然少不了紅色,但是在大夏天用太多紅色未免太過浮躁,嘗試與藍色的搭配。總感覺3折吸引不到會員了,1折吧~

▲因為模特的衣服和鞋子的色彩將這次主題定位紫色。個人比較喜歡需求這次的主題,所以很偏心的把心思用在主題字設計上。^_^

▲我只想用這個花花背景玩一下,大家先略過吧= =~

▲熒光粉和黃是經典的促銷配色。吐血價放在整個視覺中心。貌似構圖上有所醒悟。

近期~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

▲好久沒玩小粉嫩,順便做個空間感試試。這是我一貫喜歡的甜美感,曾經有段時間刻意避免使用粉嫩,現在重新回歸一下。

▲看到需求文案就覺得要cool,現在看來,當時想得太簡單,歐美范很不夠哪!應該力求簡潔大氣才對。

▲街拍立馬就想到雜志感,需求給的文案是街頭達人秀,覺得少了點什麼,恩?加上look!才是雜志的范兒。

▲秋天到了,很庸俗的用了葉子和棕黃色系。個人對模特MM和旁邊的箱子很喜歡,秋天是個該拖著箱子去旅行的季節。

▲在懶惰思維中繼續掙扎,還是葉子,還是棕黃色系,唯一有變的是背景格子布和縫紉的線頭。

▲這次是一次品質感的嘗試,因為我找到了一個灰常有品質感的背景。hoho~

▲好玩的主題,所以任何一個元素我都想表現到位,唯一的缺憾是模特的著裝不夠party。

關於處理此類需求還有幾點小建議:
1.這塊banner起到頁面中頁頭的作用,商品基本都是用來做點綴的,listing頁面裡並沒有賣,商品不要打價格會誤導會員,如果覺得畫面空可以加商品標題。
2.每次根據需求的主題去尋找新的素材,圍繞文案制造出一些小情境。放上應季應景的漂亮商品才是最有氛圍的!
3.左側固有的斜角區塊可以根據每次排版做些變化,沒必要都是絲帶+文字。與主標題一起設計整個畫面會更融合。
4.在需求文案原有基礎上可以稍作調整,加上如“hot”、“至in”、“3折”、“look”、“搶”等煽動性文字。
5.好的素材是可遇不可求的,所以平日的積累才是至關重要的。

用心去設計,大膽的玩設計,朝著你感興趣的設計點出發,尋求banner制作中的變化,讓每個banner都是你獨一無二的心思!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved