手机淘宝详情页制作教程(生成手机端详情的2个方法)

(ps篇)

1、基本要求

(1)手机详情总体大小:图片 文字 音频应小于等于1.5M,图片仅支持JPG、GIF、PNG格式;

建议:所有图片都是本宝贝相关的图片;

H

2、图片大小要求:

(1)宽度480
– 620像素

(2)高度小于等于960像素

(3)格式为:JPGGIFPNG

举例:亲可以上传一张宽度为480,高度为960像素,格式为JPG的图片

H

3、文字要求:

(1)当需要在图片上添加文字时,中文字体大于等于30号字,英文和阿拉伯数字大于等于20号字

H

4、音频:(*可选)

(1)每个手机详情只能增加一个音频,时长建议不超过30秒,大小不超过200K,格式支持MP3

(2)音频内容可以围绕产品卖点、品牌故事、产品特色、产品优惠等等展开

二、实际操作(本人用ps做的)

1、新建一个文件,宽度在480-620像素以内,高度随意。

手机淘宝详情页制作教程(生成手机端详情的2个方法)

3、用ctrl T键调整图片大小。

4、详情做好的效果图如下。(至于按照什么图片展示顺序来排列图片,会在另外一篇文章

5、对图片进行裁剪,这里我用的是切片工具,很方便。

6、对切好的图片进行保存。

7、压缩注意事项,请看图片。原图太大,我们需要压缩到1.5M以内。

8、压缩保存后的图片。

10、把图片文件加入进去保存,就制作完毕了。

手把手教你ps制作淘宝店铺模版(图文教程)

小店刚开,店铺首页装修是个问题,如果您资金充足,可以直接购买模版,像我这样刚开始经营的店铺,还没有多少盈利,购买模版有点不情愿,所以通过搜索和多参考其他淘宝店铺的风格界面,自己开始手动制作首页模版。

第一,打开ps(Photoshop强大的图形处理软件)

这里使用的是ps
cs4版本,各种版本百度下载吧。如何使用,也请使用百度。

第二,制作店铺招牌

店铺招牌是网店的门脸,买家通过招牌可以知道你这店是卖什么宝贝的。比如我是做卖女装的,那么就要起一个好的名字,通过作图把logo设计好。

新版旺铺的尺寸宽度是950px,店铺招牌的高度是120px。我使用了130px的像素,不影响最后效果。

通过观察其他网店的店招,一般不要设计太复杂,而且要和整个店铺的风格色调一致,颜色搭配可以参考别的网店,我使用的是浅灰色背景 粉红色黑色字体的方式。

这是我设计的店招,而且店铺的头像和店招是一样的。

注意:源文件psd格式一定要保存下来,如果觉得这个店招可以改进,那么就要使用这个psd格式,同时要利用好图层关系!

做好之后,就保存为gif或者jpg或者png这3种格式,注意保存的时候文件不要太大,要不买家浏览你得网站会比较慢。

然后我们在店铺装修中把店招传上去,大小一定要设置合适。

第二,制作轮播图片。

大小依然是高度950px,高度自己确定,一定要美观,同时可以打上一些广告语!或者你主打的品牌,这样买家知道你主打什么产品。

多做几张,比如说是三月新品等等。这里呢,要把你得模特从照片中扣出来,然后放上去。抠图过程请百度,一般使用钢笔工具 生产选取羽化,比较简单方便。

然后在页面中添加模块,选择图片轮播。上传好之后把链接填好就行。

第三,就是主页上面要放置的一些具体宝贝内容,比如人气宝贝,掌柜推荐还有各种分类的宝贝等等。以及一些打折促销和优惠活动等等。

尺寸同样是宽度是950px,高度自定。比如我添加了个人气宝贝,如下图做好。

然后利用切片工具把每个宝贝都切出来,以及顶部的标题。一定要切仔细了。

切完以后,从文件选择储存为web格式和所用设备格式。

在保存的类型里面选择html格式。

这样就生成了一个带有网页和分散图片的文件夹。

我们把图片传入图片空间,选择分类是店铺装修。这个一定要分好类,要不容易出错。

然后用记事本的方式打开刚才看到的人气宝贝.html文件。选择<body>这之间的代码复制
</body>。

在店铺装修的下面,新建自定义模块。

把标题显示选择为不显示,用源码输入。把刚才的代码复制粘贴到这里面

然后取消源码模式。

看看,是不是框架出来了。我们再替换里面的图片。改为我们上传空间的图片链接。

逐个替换后,保存,人气宝贝框架就设计完成了,是不是很有成就感?

然后再制作每个人气宝贝图片,上传,替换,最后就可以看到自定义区域的强大之处了。

第四,认真制作其他自定义模块

其他模块和第三条是一样的,需要认真制作,我花了两天时间参考和设计,能帮你每月省下30块钱,而且学会了模版制作。这样的工作何乐而不为?晒晒我的模块把。

1.促销模块

2.售后模块

3.首页就是这样

发表评论

登录后才能评论