如何设计淘宝店铺标题背景图

时间:2011-11-28 19:26 来源:未知 作者:地瓜 浏览: 11354

网店装修时使用淘宝店铺背景图片可以让你的网店更漂亮,那么如何设计一个符合自己淘宝店铺的标题背景图呢?

淘宝店铺标题背景图装修的原则是,借助一个参考的装修(去淘宝随便找一家装修布局比较清晰的就可以),在同一个PSD文件中设计出所有内容:店招、轮番、公告栏、页尾等等,再通过借助的参考装修,精确地截取淘宝装修规定宽高的店招、页尾等,单独存储为一个PSD文件,再切片,然后用DW编辑代码,加入链接、轮番和滚动公告代码。这样做的目的是让背景图(拓展版才可以用)和店招等设计完美融和,不会出现错位现象。当然,如果你不需要背景与前景(店招等)一致,其实也无需这么复杂。但是通过参考的装修(最好把布局各部分都用纯色填充了,而且像素要精确,比如店招部分一定要是950*150像素。其他部分宽度也有限制,一般是左侧190像素,右侧750像素,通栏950像素)能够做得更加精确,很少出现装修好才发现错位的现象。

我们先找到一个喜欢的背景图(拓展版以上才能换背景图,宽度是1394像素)

上面,我先是复制了某家店铺的装修,下面又新建一个店招大小的950*150像素的文件,复制到参考装修上面,对齐店招部分,为的是精确地得到店招大小。

这里看出,之前新建的950*150像素大小的文件,其实就是为精确店招位置与大小精确店招位置和大小是不希望装修出现错位

把做成纯色的店招和参考图层合并,目的是通过改变这个图层的不透明度,轻松看到我们的店招,以及店招下的轮番等应该做在什么位置,而无需过多度量。

当整体设计完成的时候,我们可以先设置店铺背景。把除背景外部分隐藏,单独把背景图存为一张图

适合旺铺拓展版用户,旺铺标准版和扶植版用户直接跳过,因为不支持背景显示,所以要注意两点:

1. 背景图的宽度是1349像素,高度不限;

2. 图片的大小在100k以内,否则无法上传。

网上很多专门的网站,有适合淘宝背景用的图。如果是像我那样,自己用Photoshop合成的背景图(因为自己设计更符合自己的需要),通常会比较大,需要压缩,PS直接压缩失真度较高,推荐使用专门的压缩软件“OptimumJPEG”。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...