商品详情页设计图片-ps怎么做淘宝详情页

演示机型:华为MateBookX

系统版本:win10

APP版本:Photoshop2020

商品详情页怎么制作共分为5步,以下是华为MateBookX下的具体操作步骤:

操作/步骤

1

建立画布

启动PS并建立画布,宽度可设置为750PX,高度根据自己的详情页设置即可,设置好尺寸点击确定。

2

放产品照片

在顶端放一个产品照片作为第一屏的海报,为海报添加文字排版。

3

加入信息和尺码

排入产品的信息和尺码,继续往下排一些模特照片。

4

选中切片工具

图文都排好后,在左侧选中切片工具,在详情页框选要切图的地方,高度不超过1100PX。

5

点击存储

切片画好后,点击文件-导出-存储为Web所用格式,设置好JPEG格式,点击存储即可。

END

总结:以上就是关于商品详情页怎么制作的具体操作步骤,希望对大家有帮助。

1、做好市场调研:确定买家在购买这类商品时关注的点都是什么,最简单的方法去竞品那里看一看评价,看看买家评论时说的都是什么内容,特别时差评时说的都是什么地方。自己做详情页的时候好的地方要优化,差评里的点要明确展现。

2、确定宝贝定位:找出自己卖的宝贝针对的是哪一类消费群体,从而确定放大哪一块的优点,是价格、款式、还是品质等等。

3、确定详情页设计顺序:先是引发买家兴趣,然后激发潜在用户需求,接着获取买家信任,最后替买家做决定。

4、详情页制作:确定设计元素,包括配色、字体、文案、构图以及风格。上来先来一张创意情景海报图,吸引买家注意力;接着是前三屏给出产品卖点、产品功能、产品能带来的效果,让买家清楚地认识到产品的具备的优势;给出产品的参数、材质等基本的信息,愿意做的可以放竞品对比图;然后给出模特图、场景图、细节图;最后放出店铺附加的服务信息,例如售后保障、物流、运费险等等。

现在做详情页的工具有很多种,懂设计的首推ps,懂一点美工基础的推荐找模板自己修改,完全不懂美工的可以试试易尚货这款工具,只用上传图片包,然后选模板就能自动生成详情页

不太清楚这个是在问实操技巧,还是在问先详情页的制作思路。实操技巧的话东西就太多了,简单说一下详情页的设计思路吧。

一般用ps做详情页先去确定一下图片的尺寸,目前淘宝手机端商品详情图片尺寸的要求如下:480px≤宽度≤1242,高度≤1546;建议手机端图片自己单独设计比较好,做480px宽的,这样画质不会降低,直接用天猫详情790 或淘宝店详情750的原图去适配也是可以的。

这里在作图之前,我默认你已经清楚掌握了产品的人群定位、卖点提炼和文案,只是到了制作的环节。这时要根据产品去确定设计风格,以及要放哪些模块。

创意海报

1、首先是创意海报,这地方位于详情页的顶部,当买家点击主图进来之后最先看到的地方。创意海报的制作要醒目有特点,才能给进来的买家留下一个好的印象。

卖点1

卖点2

卖点3

2、海报之后承接我们产品的主要买点输出,一般主打3-4个卖点就够了,体现出产品的最大优势点,抓住买家的心理。卖点不宜过多,多了很难让买家抓住重点。

3、详细的产品信息是必不可少的,能给让买家清楚的知道你的产品所使用的材质,以及各种生成信息等等。

4、产品实拍图和细节图模块,是为了让买家更加清楚的知道在实际场景中,产品的使用效果如何,增加产品说服力。

5、附加的服务信息也可以添加进详情页中,比如物流、售后等等,可以消除买家购买的顾虑。