DIV CSS 佈局教程網

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

說到網上購物免不了談淘寶，而所有網購商品中，女裝又占到很大一個比例，很多服務類購物網站都有專門的女裝頻道。本文就將從淘寶網上的女裝頻道UI設計談起，看看如何設計出女性喜愛的網頁界面。

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

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

———————————————————————————————

活動一：100%粉嫩小女人

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

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

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

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

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

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

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

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

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

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

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

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

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

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

連  接：讓他神魂顛倒！線上地址，點擊查看>>

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

————————————————————————————

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