制作寶貝詳情頁(yè)需做好這三步

圖1（圖片來(lái)自網(wǎng)絡(luò)，僅供參考）

圖2（圖片來(lái)自網(wǎng)絡(luò)，僅供參考）

圖1只是截取了個(gè)目錄，這個(gè)詳情頁(yè)框架實(shí)際是有19頁(yè)，里面有詳細(xì)的說(shuō)明和要求。我想哪個(gè)美工如果拿到這樣的詳情頁(yè)框架，還不知道自己要做一個(gè)什么樣的頁(yè)面，那可能就是自己的問(wèn)題了。當(dāng)然不是每個(gè)運(yùn)營(yíng)會(huì)這樣提供詳細(xì)的詳情頁(yè)框架的，所以美工做詳情頁(yè)之前要跟負(fù)責(zé)的運(yùn)營(yíng)詳細(xì)溝通，運(yùn)營(yíng)不給你現(xiàn)成的框架，那你就跟他溝通一個(gè)框架記錄下來(lái)，這樣在制作過(guò)程中效率會(huì)高很多。

美工有了框架也不要著急馬上去做，要把框架通讀，了解整個(gè)頁(yè)面的內(nèi)容。然后要搜集案例和素材。這個(gè)也是相當(dāng)重要的。搜集好的案例不僅能在接下來(lái)的制作過(guò)程中能拿來(lái)借鑒，而且能提高自己的品味。有些美工自以為自己做的頁(yè)面很好，然后也找不出什么問(wèn)題，但是看起來(lái)就是差那么一點(diǎn)點(diǎn)，如果多看些好的案例，他自己就知道差距在哪里了。關(guān)于素材要事先搜集，不要在制作過(guò)程中搜集，這樣能提高效率，怎么搜集我就不多說(shuō)了。

做好前期的準(zhǔn)備，其實(shí)制作寶貝詳情頁(yè)只需要三步：拍產(chǎn)品照片、頁(yè)面布局和上傳。

關(guān)于拍照，這項(xiàng)很重要，巧婦難為無(wú)米之炊，沒(méi)有好的產(chǎn)品照片再好的美工也做不出來(lái)好的頁(yè)面來(lái)。拍照分為自拍和外拍。當(dāng)然有很多網(wǎng)店是沒(méi)有攝影師的，或者美工就兼職攝影，有些類目的產(chǎn)品比較適合拍靜物，那么美工自己拍是完全可以的，而且美工知道自己要什么樣的照片，拍出來(lái)的照片反而效果會(huì)好一些。。產(chǎn)品靜物還是不要找外拍，因?yàn)橥馀牧鞒袒粫?huì)很認(rèn)真的幫你擺造型，抓拍賣點(diǎn)，多數(shù)時(shí)候甚至不如自己拍的。產(chǎn)品靜物都是七分?jǐn)[三分拍，自己拍可能會(huì)更好，因?yàn)樽约焊约旱漠a(chǎn)品，更有耐心布置小場(chǎng)景。見圖3-4:

圖3（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

圖4（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

但是如果是模特照，最好是外拍，不管是模特還是攝影師，專業(yè)的人做專業(yè)的事效果最好。

圖5（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

在淘寶服務(wù)市場(chǎng)有很多拍攝機(jī)構(gòu)，我們要做的就是選一些成熟的機(jī)構(gòu)，還有選適合自己的模特。拍模特照的時(shí)候，跟攝影機(jī)構(gòu)溝通也很重要，要把自己的要求和樣片提供給對(duì)方，包括搭配的衣服、配飾、表情、發(fā)型、化妝、道具、姿勢(shì)、造型，越詳細(xì)越好，這樣拍出來(lái)的照片才不會(huì)讓你失望。

不管自拍還是外拍，有了一套滿意的產(chǎn)品圖片，你的詳情頁(yè)就成功一半了?，F(xiàn)在要開始頁(yè)面的布局設(shè)計(jì)了。如果前期溝通順利，其實(shí)頁(yè)面的結(jié)構(gòu)已近定下來(lái)了，現(xiàn)在主要的問(wèn)題就是怎么呈現(xiàn)。這時(shí)有人可能會(huì)想到，可以購(gòu)買一些不錯(cuò)的模板，直接套模板就可以了。我不反對(duì)買現(xiàn)成的模板，如果能力達(dá)不到，買一些模板也可以節(jié)省很多時(shí)間的。但是如果你有自己獨(dú)特的頁(yè)面結(jié)構(gòu)，很少有模板符合的，而且買的模板框架都是設(shè)計(jì)好的，也需要改動(dòng)，最后和自己做也差不多。所以如果美工設(shè)計(jì)能力不錯(cuò)，建議還是自制。

頁(yè)面設(shè)計(jì)的時(shí)候，前期做的收集素材和參考案例就有很大作用了，可以把那些優(yōu)秀的案例設(shè)計(jì)方案拿來(lái)用，不僅效果不錯(cuò)，而且效率也高，當(dāng)然也要根據(jù)自己的產(chǎn)品做一些創(chuàng)新出來(lái)。寶貝詳情頁(yè)面分為pc端和手機(jī)端。建議先做手機(jī)端的頁(yè)面。畢竟現(xiàn)在手機(jī)端流量占大頭。那么在電腦上做手機(jī)頁(yè)面不是很直觀，所以做的時(shí)候需要預(yù)覽，最好能發(fā)到手機(jī)里預(yù)覽圖片。現(xiàn)在手機(jī)頁(yè)面停留時(shí)間基本在12秒左右，而且手機(jī)屏幕小，所以頁(yè)面設(shè)計(jì)要展現(xiàn)的圖片和文字盡量明顯簡(jiǎn)潔。不要太過(guò)花哨影響了買家注意力，文案要和圖片搭配才會(huì)有意境，所以要有文字功底，當(dāng)然賣點(diǎn)文案應(yīng)該是運(yùn)營(yíng)提供的，而且美工對(duì)產(chǎn)品的理解可能要差一些，所以美工不要輕易修改文案，一定要和運(yùn)營(yíng)或者相關(guān)負(fù)責(zé)人溝通到位再修改。大家可以看下面圖6和圖7，手機(jī)文案的易讀性，明顯圖6更容易讓買家閱讀，所以文字大小一定要適合手機(jī)閱讀。

圖6（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

圖7（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

設(shè)計(jì)頁(yè)面的時(shí)候多用蒙版可以提高效率，這里就不多說(shuō)了，以后給大家分享用ps蒙版快速做詳情頁(yè)的方法。還有一點(diǎn)小建議，我們做詳情頁(yè)的時(shí)候，可以把那些常用的排版和效果做成模板，以后做詳情頁(yè)就會(huì)事半功倍的。

詳情頁(yè)做完以后一定不能急著上傳，先要發(fā)到內(nèi)部群里檢驗(yàn)，有沒(méi)有錯(cuò)誤，及時(shí)修改，不要等上傳了被買家發(fā)現(xiàn)就不太好了。

最后一步是上傳。上傳前要保存圖片，如果你做的是整體的頁(yè)面還需要切片，要說(shuō)的一點(diǎn)是保存圖片是的品質(zhì)，有些美工為了圖片清晰，都把圖片保存為100%品質(zhì)，圖片質(zhì)量提高了，但是圖片大小過(guò)于大，會(huì)導(dǎo)致頁(yè)面加載速度過(guò)慢。買家打開頁(yè)面不顯示很快會(huì)走掉的。其實(shí)保存為80%的質(zhì)量就很清晰了，有些產(chǎn)品圖片保存為60%的品質(zhì)也很清晰的，最好多做幾個(gè)版本對(duì)比一下，保存成最優(yōu)的品質(zhì)和大小。

圖8（圖片來(lái)自于淘寶網(wǎng)，僅供參考）

見圖8，系統(tǒng)要求手機(jī)頁(yè)面得圖片寬度是480-1242像素，高度小于1920，建議寬度大一些，現(xiàn)在手機(jī)都是高清屏，甚至2k屏，比電腦的像素都要高，而且手機(jī)詳情頁(yè)面的圖片是可以單獨(dú)點(diǎn)擊放大的，做大一些買家可以方便的放大看更多的細(xì)節(jié)，所以寬度要越寬越好。系統(tǒng)提示手淘頁(yè)面高度不能高于20000像素，但是大家都不知道其實(shí)20000像素是在寬度620的時(shí)候算的，所以，如果你的圖片寬度大于620，那你的頁(yè)面高度也會(huì)增高，等放入頁(yè)面里系統(tǒng)會(huì)等比壓縮的。

圖片保存好我們就可以上傳了放入倉(cāng)庫(kù)了，詳情頁(yè)里的屬性和標(biāo)題這些留給推廣去做吧。

其實(shí)美工如果想做一個(gè)好的頁(yè)面溝通很重要，當(dāng)我們知道了運(yùn)營(yíng)想要什么，再難的頁(yè)面也可以做出來(lái)了。不交流不電商，大家可以加我微信：wugeds888，標(biāo)注：表格，送如下電商必備表格。