小店刚开,店铺首页装修是个问题,如果您资金充足,可以直接购买模版,像我这样刚开始经营的店铺,还没有多少盈利,购买模版有点不情愿,所以通过搜索和多参考其他淘宝店铺的风格界面,自己开始手动制作首页模版。
第一,打开ps(Photoshop强大的图形处理软件)
这里使用的是ps cs4版本,各种版本百度下载吧。如何使用,也请使用百度。
第二,制作店铺招牌
店铺招牌是网店的门脸,买家通过招牌可以知道你这店是卖什么宝贝的。比如我是做卖女装的,那么就要起一个好的名字,通过作图把logo设计好。
新版旺铺的尺寸宽度是950px,店铺招牌的高度是120px。我使用了130px的像素,不影响最后效果。
通过观察其他网店的店招,一般不要设计太复杂,而且要和整个店铺的风格色调一致,颜色搭配可以参考别的网店,我使用的是浅灰色背景+粉红色黑色字体的方式。
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
这是我设计的店招,而且店铺的头像和店招是一样的。
注意:源文件psd格式一定要保存下来,如果觉得这个店招可以改进,那么就要使用这个psd格式,同时要利用好图层关系!
做好之后,就保存为gif或者jpg或者png这3种格式,注意保存的时候文件不要太大,要不买家浏览你得网站会比较慢。
然后我们在店铺装修中把店招传上去,大小一定要设置合适。
第二,制作轮播图片。
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
大小依然是高度950px,高度自己确定,一定要美观,同时可以打上一些广告语!或者你主打的品牌,这样买家知道你主打什么产品。
多做几张,比如说是三月新品等等。这里呢,要把你得模特从照片中扣出来,然后放上去。抠图过程请百度,一般使用钢笔工具+生产选取羽化,比较简单方便。
然后在页面中添加模块,选择图片轮播。上传好之后把链接填好就行。
第三,就是主页上面要放置的一些具体宝贝内容,比如人气宝贝,掌柜推荐还有各种分类的宝贝等等。以及一些打折促销和优惠活动等等。
尺寸同样是宽度是950px,高度自定。比如我添加了个人气宝贝,如下图做好。
然后利用切片工具把每个宝贝都切出来,以及顶部的标题。一定要切仔细了。
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
切完以后,从文件选择储存为web格式和所用设备格式。
在保存的类型里面选择html格式。
这样就生成了一个带有网页和分散图片的文件夹。
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
我们把图片传入图片空间,选择分类是店铺装修。这个一定要分好类,要不容易出错。
然后用记事本的方式打开刚才看到的人气宝贝.html文件。选择<body>这之间的代码复制 </body>。
在店铺装修的下面,新建自定义模块。
把标题显示选择为不显示,用源码输入。把刚才的代码复制粘贴到这里面
然后取消源码模式。
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
看看,是不是框架出来了。我们再替换里面的图片。改为我们上传空间的图片链接。
逐个替换后,保存,人气宝贝框架就设计完成了,是不是很有成就感?
然后再制作每个人气宝贝图片,上传,替换,最后就可以看到自定义区域的强大之处了。
第四,认真制作其他自定义模块
其他模块和第三条是一样的,需要认真制作,我花了两天时间参考和设计,能帮你每月省下30块钱,而且学会了模版制作。这样的工作何乐而不为?晒晒我的模块把。
1.促销模块
手把手教你ps制作淘宝店铺模版(图文教程)_淘宝店铺模板制作
2.售后模块
3.首页就是这样
就写到这里吧。
最后,给大家点建议,如果没有好的设计,就去淘宝模版里面参考吧,配色不容易学习,参考比较简单。有问题大家也可以联系我一起学习。