DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 淘寶網女裝優惠活動視覺設計實例分享
淘寶網女裝優惠活動視覺設計實例分享
編輯:關於網頁技巧     

網頁制作Poluoluo文章簡介:女裝類視覺設計分享.

10月9日是國慶中秋黃金周後上班的第一天,當天近8億人次逛淘寶,即淘寶網每分鐘完成43.47萬元的交易,創下國內網購單天交易最高紀錄。從銷售的商品種類來看,當天淘寶網上女裝以接近6000萬元的交易額成為銷售冠軍,緊隨其後的是化妝品和家居用品。

那麼如何把握好作為銷售榜首的女裝類設計呢?很多UI設計的前輩告訴過我,做用戶體驗,要把看的人當傻子,意思也就是我們的設計要符合大眾思維通俗易懂。而在視覺上,我認為絕不能小觑會員的審美及品味。

———————————————————————————————————————————————————–

活動一:100%粉嫩小女人

要  求:100%及粉嫩小女人都是在線購物非常吸引眼球,容易引起點擊的標題;主題訴求明確,與產品貼合度高。整個活動頁面呈現小女人衣櫃的感覺。 

 素  材:田園衣櫃、珠簾、木質底紋、鮮花、相框、木框等等……<見上圖>

連  接:100%粉嫩小女人,線上地址,點擊查看>>

總  結:粉嫩小女人,粉紅色當然是首選色了。而為了然頁面呈現更多的層次,讓每個商家的區塊劃分明顯,我只將粉色運用到頁頭,以下依次變換色調,呈現漂亮的“彩虹色”。當然,頁面少不了煽情的小元素,這些元素讓整個頁面更加剔透可愛。而小櫃子的造型則是通過實物素材修改而來,所以,當我們找不到滿意的素材時,且可以自己去創造。

———————————————————————————————————————————————————–

活動二:通殺男人絕技!38度熟女穿衣經

要  求:凸顯商家“品牌”,提升活動檔次,符合成熟女性的消費習慣。整個主題訴求明確,與產品貼合度高。迎合成熟女性的情感需求,打動內心。每個客戶都是一本時尚雜志,整個活動頁面就是書架。 

 素  材:蕾絲、雜志原型、星星、標簽、塗鴉字、虛線、紙質卷角、絲帶、漸變背景等等……<見上圖>

連  接:通殺男人絕技!38度熟女穿衣經,線上地址,點擊查看>>

總  結:和需求方商量後,取消了關於書架的構思,直接將頁面以雜志的方式呈現出來。

為了力求在簡潔中爭取最大的美觀度,當時翻閱了不少的時尚雜志。而雜志感覺無非是排版上的設計,追求主標題、副標題的變化,圖片美觀且突出即可。

———————————————————————————————————————————————————–

活動三:潮流、性感、淑女、知性、可愛,讓他神魂顛倒!
要 求:打破原有頁面規則的排列方式,突出商品,以點擊率、成交量為導向。形式自定。

 素 材:蝴蝶結、籐蔓、珠簾、圓點底紋、珍珠、絲帶、眩光背景等等……<見上圖>

連  接:讓他神魂顛倒!線上地址,點擊查看>>

總  結:這個頁面算是超級賣霸的一次改版,所以發揮的自由度也更大了。抓住主題“神魂顛倒”,決定整個色調采用頗具誘惑力的紫色。整個版式就像女人的蛋糕裙擺。光暈更是能烘托氛圍的好素材。由於這次的目的是為了達到一定的點擊率和成交量,所以將商品放大到最高限度,突出價格,將主要精力放在商品美化上,降低素材對商品的影響。最後頁面也達到了既定的點擊率及成交。

———————————————————————————————————————————————————–

我們的設計其實是為需求而服務,當然一個好的需求會准備好充足的素材資料,也會將自己的思維准確的傳達給設計師。那麼,需要設計來把握的是:需求需要的是什麼?點擊率?推廣品牌?或者是其他。在這個基礎上,再將頁面設計得美觀漂亮。

另:感謝為此三期活動制作flash的文轶同學。

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