無線端來襲，你準備好了嗎？淘寶對2013年12月31日之前發布手機版寶貝詳情頁將給予流量傾斜的政策。
一、無線端各種尺寸和要求
可以傳一個小于200K的mp3音頻文件。
圖片最多可以傳30張，單張圖片寬度在480px-620px內，單張圖片高度小于等于960px。
可以添加文本模塊，每個模塊不超過500字符。（文本模塊沒有任何樣式可編輯，連首空格2字都不能。行間距不能調整，字體大小、顏色、加粗等不能調整，被逼無奈我只能全部做成圖片了。這點希望官方后續能考慮放寬。）
所有的東西加起來不能超過1.5M。
二、無線端頁面設計要點
在無線端的詳情頁是沒有店招的，設計一個店招，這樣會增強視覺，提升品牌形象。如圖：
一張無線端的海報圖
可以是主推產品，或者形象展示，這樣看起來會大氣很多。圖片不可以做鏈接，且所有的圖片和文字在無線端都不可以做鏈接。
內容精簡，挑重點說。
不要把你所有PC端的內容都縮小照搬到無線端，原因是pc端圖片縮小后文字會很小，在手機上看不清楚，原因之二，pc端就那么小一點地方，挑重點內容來做就行了，有wifi還好，沒wifi的話別浪費買家的流量了。
不要使用太多色彩
顏色信息太豐富的圖片，圖片體積必然會增大。千萬要記住這是無線端，能小則小。盡量使用單色背景，或者淺色圖片，推薦使用“極簡”設計理念。這樣的圖在無線端上看其來會很清晰和舒服。
字體大小的問題，也是最重要的問題。
經過我反復的測試得出這個經驗：我選用的是620px寬的尺寸，正文文字使用（雅黑 26px 模式為銳利）的時候，在手機上瀏覽感覺最舒服。不要以為26px在pc上看起來很大，其實在手機上顯示是很小的。有圖為例
標題是（雅黑 32px Bold 銳利）正文是（雅黑 26px 銳利 行間距自動），看起來很大是吧？那我們來看看這個文本在手機上是多大，由于Iphone截圖會把圖片放大，沒辦法做到手機上的效果。
圖片優化的問題，也非常的重要。
每張圖片都必須要優化，否則很大，PS里劃好切片以后Ctrl+Alt+Shift鍵 打開優化界面，逐一選中每個切片去優化，嘗試不同的格式，有時候在JPG格式下50%的質量，仍然比GIF格式大，這要取決于你的圖片顏色信息。如果顏色比較單一，首選GIF，如果是一些復雜的圖片，則選JPG。另外有一點，有時候GIF和JPG都很大的情況下選擇PNG8，會小很多。反正這三個格式淘寶都支持。
盡量在保證圖片質量的情況下，去減小圖片大小，有時候pc上看起來圖片質量壓縮過度了，但在手機上看效果還不錯，這個需要自己去慢慢體會。
順便說下，我們的現在是29張圖片607k+mp3 197k 還不算是太大，符合淘寶的1.5M以內。
不要把圖片或者文字使用切片攔腰斬斷
每個圖片，或者沒段文字應該切成1個圖，而不是把一張完整的圖片切成幾塊，這樣會有非常嚴重的后果。
在淘寶客戶端里面看不出來，一旦使用手機瀏覽器去看寶貝詳情的時候，圖片之間是有空隙的，如果你的圖片被攔腰斬斷了，那就會出現一個“斷裂帶”，希望以后淘寶修復這個問題。
關于添加mp3的問題
mp3文件只允許200k內，但這200k內你能說一些什么呢？想過沒？那我告訴你吧，正常的語速，不帶背景音樂，能說80個字左右，還得看你壓縮的好不好，跟壓縮也有關系。
如果你想帶點音樂，那么只能說50個字左右。我的mp3是花錢找專業錄音的公司做的，他們反復調試了2天，才保證文件不超過200k，保證音質不那么差，保證文字盡量多，幾個條件都很苛刻。
至于mp3的內容你想說點什么，就看你想要表現什么了，可以表現品牌文化，可以是促銷，可以是產品介紹，可以是一段音樂，可以是...自己去想吧。給大家看看加了mp3以后，詳情頁的展示效果吧。
有木有點小激動，傳說中可以聽的寶貝就是這樣來的，你想不想聽聽？
補充：手機瀏覽器上看詳情頁，不會出現MP3，只有在淘寶客戶端瀏覽時候才能看見。
關于文本模塊的問題
這是個很糾結的問題，我試過了，使用文本模塊的話就會減小整個頁面的體積，但我為什么沒用文本模塊呢，有幾個原因：
1）、文本模塊不支持字體大小編輯，不支持首行空格。
2）、文本模塊不支持文字顏色編輯。
3）、文本模塊使用后，和我設計的效果圖不搭配，看其來巨難看。
我就放棄使用文本模塊了。但是有個缺點，當手機在沒有wifi的情況下就是E模式下，瀏覽寶貝比較慢，在怎么優化圖片，也就那樣了，需要點一下出來幾張這樣。
來一張首屏吧！
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 淘寶手機無線端頁面設計要素
