图1

图2

图1只是截取了个目录，这个详情页框架实际是有19页，里面有详细的说明和要求。我想哪个美工如果拿到这样的详情页框架，还不知道自己要做一个什么样的页面，那可能就是自己的问题了。当然不是每个运营会这样提供详细的详情页框架的，所以美工做详情页之前要跟负责的运营详细沟通，运营不给你现成的框架，那你就跟他沟通一个框架记录下来，这样在制作过程中效率会高很多。

美工有了框架也不要着急马上去做，要把框架通读，了解整个页面的内容。然后要搜集案例和素材。这个也是相当重要的。搜集好的案例不仅能在接下来的制作过程中能拿来借鉴，而且能提高自己的品味。有些美工自以为自己做的页面很好，然后也找不出什么问题，但是看起来就是差那么一点点，如果多看些好的案例，他自己就知道差距在哪里了。关于素材要事先搜集，不要在制作过程中搜集，这样能提高效率，怎么搜集我就不多说了。

做好前期的准备，其实制作宝贝详情页只需要三步：拍产品照片、页面布局和上传。

关于拍照，这项很重要，巧妇难为无米之炊，没有好的产品照片再好的美工也做不出来好的页面来。拍照分为自拍和外拍。当然有很多网店是没有摄影师的，或者美工就兼职摄影，有些类目的产品比较适合拍静物，那么美工自己拍是完全可以的，而且美工知道自己要什么样的照片，拍出来的照片反而效果会好一些。。产品静物还是不要找外拍，因为外拍流程化，不会很认真的帮你摆造型，抓拍卖点，多数时候甚至不如自己拍的。产品静物都是七分摆三分拍，自己拍可能会更好，因为自己更懂自己的产品，更有耐心布置小场景。见图3-4:

图3

图4

但是如果是模特照，最好是外拍，不管是模特还是摄影师，专业的人做专业的事效果最好。

图5

在淘宝服务市场有很多拍摄机构，我们要做的就是选一些成熟的机构，还有选适合自己的模特。拍模特照的时候，跟摄影机构沟通也很重要，要把自己的要求和样片提供给对方，包括搭配的衣服、配饰、表情、发型、化妆、道具、姿势、造型，越详细越好，这样拍出来的照片才不会让你失望。

不管自拍还是外拍，有了一套满意的产品图片，你的详情页就成功一半了。现在要开始页面的布局设计了。如果前期沟通顺利，其实页面的结构已近定下来了，现在主要的问题就是怎么呈现。这时有人可能会想到，可以购买一些不错的模板，直接套模板就可以了。我不反对买现成的模板，如果能力达不到，买一些模板也可以节省很多时间的。但是如果你有自己独特的页面结构，很少有模板符合的，而且买的模板框架都是设计好的，也需要改动，最后和自己做也差不多。所以如果美工设计能力不错，建议还是自制。

页面设计的时候，前期做的收集素材和参考案例就有很大作用了，可以把那些优秀的案例设计方案拿来用，不仅效果不错，而且效率也高，当然也要根据自己的产品做一些创新出来。宝贝详情页面分为pc端和手机端。建议先做手机端的页面。毕竟现在手机端流量占大头。那么在电脑上做手机页面不是很直观，所以做的时候需要预览，最好能发到手机里预览图片。现在手机页面停留时间基本在12秒左右，而且手机屏幕小，所以页面设计要展现的图片和文字尽量明显简洁。不要太过花哨影响了买家注意力，文案要和图片搭配才会有意境，所以要有文字功底，当然卖点文案应该是运营提供的，而且美工对产品的理解可能要差一些，所以美工不要轻易修改文案，一定要和运营或者相关负责人沟通到位再修改。大家可以看下面图6和图7，手机文案的易读性，明显图6更容易让买家阅读，所以文字大小一定要适合手机阅读。

图6

图7

设计页面的时候多用蒙版可以提高效率，这里就不多说了，以后给大家分享用ps蒙版快速做详情页的方法。还有一点小建议，我们做详情页的时候，可以把那些常用的排版和效果做成模板，以后做详情页就会事半功倍的。

详情页做完以后一定不能急着上传，先要发到内部群里检验，有没有错误，及时修改，不要等上传了被买家发现就不太好了。

最后一步是上传。上传前要保存图片，如果你做的是整体的页面还需要切片，要说的一点是保存图片是的品质，有些美工为了图片清晰，都把图片保存为100%品质，图片质量提高了，但是图片大小过于大，会导致页面加载速度过慢。买家打开页面不显示很快会走掉的。其实保存为80%的质量就很清晰了，有些产品图片保存为60%的品质也很清晰的，最好多做几个版本对比一下，保存成最优的品质和大小。

图8

见图8，系统要求手机页面得图片宽度是480-1242像素，高度小于1920，建议宽度大一些，现在手机都是高清屏，甚至2k屏，比电脑的像素都要高，而且手机详情页面的图片是可以单独点击放大的，做大一些买家可以方便的放大看更多的细节，所以宽度要越宽越好。系统提示手淘页面高度不能高于20000像素，但是大家都不知道其实20000像素是在宽度620的时候算的，所以，如果你的图片宽度大于620，那你的页面高度也会增高，等放入页面里系统会等比压缩的。

图片保存好我们就可以上传了放入仓库了，详情页里的属性和标题这些留给推广去做吧。

更多淘宝店铺详情页制作教程案例请实时关注卖家网，我们会持续发布优质内容供大家参考。