标准版装修-详细淘宝标准版旺铺装修教程

时间:2011-08-07 14:45 来源:未知 作者:Zoro 浏览: 2061

做装修要给自己定位,lz卖的是韩国饰品,根据自己的浅见,韩货的风格基本都是比较淡雅的,所以我给自己的店铺模板选择了白色系列,一来适合浑水摸鱼山寨拓展版的设计,二来是吾乃白色控!!!!!!!

首先是banner的设计,也就是店招导航区,既然选定了淡雅简洁的风格,那就开始找图吧,lz的图是从豆瓣韩小绿同学的相册里拿来的。

原图是这样的。。。。。。此图虽美但不能直接用滴~~~~~~~~~~~~~~~~

没关系,我们有好帮手美图秀秀和PS(即photoshop)。

什么你不知道美图秀秀和ps吗?!!!!!那赶紧打开网页搜索看看,那可是装修必备工具啊(貌似我有打广告的嫌疑。。。)

首先用PS打开这张图,在菜单栏选择图像-调整-曲线工具将图片底色变亮点,

然后新建一个950*150的画布,底色随便。然后把改过的图拖进刚才建好的画布里。按住ctrl+t旋轉圖片到你滿意的角度

这个时候你会发现图片和底色不融合,有些看官会说:那就把底色换成白色的,lz不建议这样,因为这张图本身有点复古的味道,太过提亮了,反倒会失去它的细节所在会有失真效果。于是lz采用淡灰色(有點接近白色)。

接下来我要准备把这张图上除项坠和它的阴影以外的灰色全部擦掉,但是怎么擦才能让上下图片看起来自然呢,这个时候橡皮擦的选项可是至关重要的。lz选择的橡皮擦款式是系统默认的大小,如果你觉得画笔太小图片擦除太慢,那么你可以在主直径那里用鼠标往右拖,这样画笔大小就自然变大了。但是有一点要知道,画笔大固然方便擦除,但是遇到小图的时候细节处理就比较难了。所以建议大家要根据画面来调节画笔的大小。

各位是否看到上圖還有的硬度這個選項了,注意這是爲了然擦除的邊緣虛化柔和使項墜與背景充分融合。同理鼠標拖動往右硬度就會加大,往左則硬度变软变柔和。这里上一张对比图。项坠左侧是使用最大硬度的橡皮擦效果,右侧是使用最小硬度的效果。

图片处理完毕,各位可以按住ctrl+e合併图层,然后在旁边写上你想要的文字,至于这文字写不写就看各位爱好了。而颜色,我选择了深灰色。突出本店饰品的雅致与低调。

接下来打开我的淘宝,点击我是卖家,找到的店铺管理-店铺装修

弹出新页面后点击页面标题栏的右上角编辑的字样

在弹出的蓝色窗口里点击选择文件上传刚才你做好的图,然后保存

最后点击装修页面顶部的黑色菜单栏中的蓝色发布按钮,就完成我们的标题修改了。如果不放心上传的效果可以点击旁边的灰色预览按钮先看下装修完成的效果再发布也可以。

装修完标题栏,接下来让我们装修首页广告吧。我是个虎头蛇尾的人总是喜欢在页面顶部做文章,所以这次也不乏例外花了一点时间。

首先让我们一起来做右边的点击收藏:

打开美图秀秀新建画布:宽190像素,高随便这里我填了230

在饰品选项栏里找到淘宝专用栏,选择你喜欢的图像,调节下大小就做成了你喜欢的图片。

当然如果你喜欢的话可以和我一样在外面加个框框,有一点要注意加完框的图片会比之前的新建画布时的尺寸大,但是淘宝店铺页面左侧自定义栏最大只支持宽190像素的图片,高没有限制,所以做完以后一定要看一下自己图片的大小

这一点美图秀秀的软件里是直接显示的。

如图显示我的尺寸是223*318.那么为了不超出自定义左栏的尺寸规范,我选择再用美图秀秀修改下图片大小

点击标题栏上的尺寸按钮,在弹出的窗口中将宽度改为190,其他不要动,点击应用,图片就会变成我们需要的尺寸。

最后点击保存,收藏栏就做好了。

接下来点击我是卖家找到店铺管理下的图片空间

点击进去,在分类管理栏目下新建一个店铺装修分类,要记得保存哦!!

接下来回到图片空间,点击图片上传。选择分类为店铺装修,点击上传

这样你做完的店铺装修图就永久保存在里面了。以后做的其他关于店铺装修或活动的图片都可以这样保存在淘宝图片空间里。

图片做完了,也上传了,接下来我们该让它出现在首页了哦。前几个步骤和标题栏一样,也是重复点开我是卖家下面的店铺装修,或者你之前装修的时候没有关闭那个页面,那么你就可以马上开始添加收藏栏了。

将装修页面往下拖,一直到看到在此处添加新模块的蓝色按钮,点击。选择添加自定义内容

这样左边侧栏就会多出一个模块

点击编辑会弹出窗口,点击窗口编辑栏上右边倒数第5个按钮,选择插入图片空间的图片。然后找到你刚才做好的收藏图片,选择插入,完成,保存。

然后,我们来添加收藏代码。这是我的收藏代码http://favorite.taobao.com/popup/add_collection.htm?itemid=34830194&itemtype=0&ownerid=e607863985bfe87d252aa2aba7d46151

各位只要修改红色文字处即可,那么红色文字是如何得到的呢,别急待我慢慢写来。

首先打开我的店铺点击首页,看到地址栏

如我一般选中数字,其他英语标点符号等完全不要理会。复制黏贴覆盖掉我的代码上的前面那串短的标红数字。

接着我们继续打开我的店铺,点击信用评分,得到地址栏,重复我刚才的动作,选中图中这串字符,其他去除,复制黏贴覆盖到较长的那段红色代码上,这样就得到了我们需要的店铺代码。

然后我们来编辑刚才做好的收藏栏,选中图片,点击按右数第7个按钮即超链接

把我们刚才得到的收藏代码全部复制黏贴到弹出的对话框中的链接地址内,如图,确定-保存-发布。这样我们的首页就多了一个收藏栏

发布的时候注意事项是:记得勾选同步首页侧栏模块到其他页面,这样买家在你店铺的任何页面时都能看到收藏栏

以上就是店铺制作图片的基本流程,其他图片也如收藏栏和背景栏一样结合PS和美图秀秀或者单独使用其中一个软件制作。制作完成以后一定要记得上传到图片空间相册里,并且保存。我在下面的文字里就不一一介绍了,简单带过。

然後我們來讲解下收藏栏下面的营业时间备注栏。这个有两部分组成,上面是图片,下面的文字是自行输入的,图片用到的工具是PS,至于图片上的图标各位可以自行寻找,我是把自己店铺开通了的业务全部截图上去的,我的截图工具是QQ,快捷键是ctrl+alt+a.当然大家可以使用淘宝的截图工具,快捷键是ctrl+alt+p。截取完成后记得保存在自己的电脑里。如下图:

这种截图的方式需要前提,千万要开着您的QQ或者淘宝旺旺,如果没开没关系,电脑还自带一种截图方式键盘截图,快捷键是键盘上的Impr pant Pet Sis,只是这工程量比较大,所截图片是你电脑屏幕上显示中的所有物品。不可以选取区域截图,需要在绘图软件里黏贴才会显示,并在绘图软件中修改大小和截取你想要的东西。当然这种截图方式还有一点好处,当你想要完全山寨某个店铺或者网站的布局和装修的时候就可以用到它。这里不太推荐,毕竟那是人家的辛勤成果嘛

话题扯远了,转回正题。大家都知道侧栏的自定义尺寸是190*无限制高度。那么我们只要做好图片宽不超过190并且上传到相册就好了。接下来我们来输入文字。点击打开店铺装修页面。添加新的左侧自定义栏,编辑自定义栏添加插入你要用到的图片,然后在图片的下方输入你的文字,不要当心文字过长会不显示,淘宝会自动让文字换行,

为了配合店铺的美观度你可以选择文字居左中右,我的选择是居中。然后保存发布。这样营业时间备注栏也有了。

同理,分类栏也是做好图片上传保存到图片空间,不过分类栏的尺寸最宽只支持160,超过160就不显示了,所以各位要记得区分尺寸。然后我们来讲下如何让分类栏显示图片。打开店铺装修页面,在分类栏的右上角点编辑。将新打开的页面拉到底,有一个添加新分类点击,就会出现一个新选项,在新选项里填写你要添加的分类,旁边的添加子分类点进去就会在你刚刚填好的新分类下方出现一个子栏目,你可以选择性的添加。最右边的位置选择是可以让你方便的把分类上下移动位置,可以从最顶部移动到最底部

写完分类名称后,我们打开我的图片相册,找到与你所写分类对应的分类图片。

点击图片下方显示的复制链接,把图片的原地址复制过来

然后在刚刚写好的分类栏编辑页面里选择你写好的分类添加图片,把刚才复制的图片链接地址黏贴进去。这一切做完以后保存,回到店铺编辑页面发布更新

---------------------------------------------------我是分割线---------------------------------------------------------------------

经过几次详细介绍,默认的静态JPG装修,我想大家应该都学会了吧。现在我来教大家图片轮播广告栏如何制作

图片轮播栏是各网店和网站常见的的广告形式,卖家可以把自己所做的活动分别做成几张图放到轮播栏里进行播放。

注意一点图片轮播栏淘宝装修页面左侧最大尺寸支持190,右侧最大支持750.但是右侧的自定义栏图片尺寸宽度最大只支持740,这点各位在制作的时候要注意区分。

首先我们让我们想好要做几张图片进行轮换,如果没有想好也没关系,那就先随便做两张欣赏图或者风景图也可以。上传图片到相册。打开店铺装修页面,讲页面拉到底,添加新模块中选取图片联播。这样在底部就会出现图片联播模块。

点击编辑,在弹出的对话框里填上图片地址,如果你的图片是在淘宝空间相册中保存着的,那你可以点击地址栏旁边的插入空间相册按钮,这样在下方就会出现图片选项,选择你需要的图片进行插入。每增加一张联播图就在右下角点击添加,这样在原来的图片地址栏下面又会有新的地址栏出现。地址栏旁边的链接地址是用来添加超链接的,比如你有一个联播页的广告是买家须知,那么你就打开买家需知的页面,将浏览器上方显示的地址栏复制黏贴到刚才的超链接处,这一切做好以后就可以保存了。

这个时候你的图片联播栏在店铺装修页中还不是置顶位置的,不要担心,鼠标移到模块的右上角有两个箭头标志,一个朝上,一个朝下,点击朝上的标志,这样模块就会自动位移一层,一直点,点到你满意的位置就可以了。然后发布更新。这样一个会自动更换画面的图片联播广告栏就做好了

好了,我的首页装修到这里就基本完成了,晒一下首页整体效果。

其实一点都不难,多动动手,研究下你就会了,不是吗

-------------------------------------------------------我是华丽的分割线!!有木有!!!------------------------------------

简单讲下宝贝页面的制作,这个页面我一共加入了三个自定义模块。商品展示的上方添加了2个模块,商品展示下方添加了1个模块,方式都是一样的,是自定义内容。并且图片宽度不可以超过740。内容上各位卖家可以自行考虑设置,整体搭配店铺风格,买家看的顺心就好。不要放太多广告和文字,其实广告的存在就我个人而言,文字只是个形式,真正对文字有兴趣的人才会去看,一般大多数人是不会怎么在意你的文字广告,他们在乎的其实是商品本身的质量和价格。

---------------------------------------------------------终于讲到最后了---------------------------------------------------------

我在导航栏里加了一个优惠活动。同理这是一个自定义页面,我用文字加图片的形式进行描绘。想要达到的目的就是主题清晰,分块明显,顾客可以一看便知其意。

好了,帖子终于写完了,从来没写过这么长的帖子,感谢大家的查看,有什么问题请留言回复哦~~~我看到的话尽量会回答。。。。

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

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

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

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