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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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