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