淘宝开店流程 | 进货技巧 | 开店卖什么好 | 开店故事 | 微信开店 | 创业项目 | 新闻专题 | 手机
您好,[请登录][免费注册]

53货源网专业网店货源网logo

您现在的位置:53货源网首页 >> 开店知识 >> 信息内容正文:

0基础0费用,免费扶植版旺铺装修经验分享

详细说明:

经过近一个月的折腾,本人也终于赶上了潮流的末班车,荣升成为了小掌柜一枚。一直想把自己这一路来的经历和成长,写出来与君共勉,终于准备妥当,可以正式开贴了。发帖的目的很简单,为了给想要开店和即将开店的朋友们一些自己的心得和体会,希望可以帮助跟我一样喜欢自己动手DIY的一小部分童鞋,少走弯路。废话不多说了,先上图吧。  

 

 


 

 

这是最终效果图。或许不是很完美,跟专业级别的设计师也是有很大差距的。但是这是小妹(貌似应该叫大姐了)辛辛苦苦的劳动成果(羞ing。。。)。下面要开始我的经验分享了。

一 扶植版旺铺简介
所谓知己知彼,想要自己动手装修店铺,就要对自己的店铺有所了解,就好比咱装修房子,起码要知道个户型结构,也要知道哪些是承重墙,哪些风水讲究,对吧。网店装修也是一样。首先要知道。什么是扶植版旺铺啊?扶植版旺铺说白了是淘宝网为了让广大小卖家提前体验一下旺铺的好处和方便,以后升钻了就会自动掏钱升级成旺铺了。那么扶植版旺铺的结构是怎样的?贴图说明。

  首页的结构是这个样子滴  


 

 

至于宝贝描述页面,比较灵活一些,我们稍后再说这个。今天主要说说首页装修的事。如上图所示,彩色的部分,是扶植版旺铺可以动的部分,其他灰色的,则是扶植版没有的功能。了解了这些以后。我们把上图稍作调整,就会变成这样:


 

这样就比较直观了吧。所谓的扶植版旺铺的首页装修,实际上我们要装修的就是这三块。

二 装修基本准则
1 元素不宜过多
在这里我要说一说自己的经验了。刚刚开始装修的时候。我可欢了,心想,这下好了,以前QQ空间什么都得花钱买,不让自己装修,所以那么多漂亮的图片,只能放在电脑硬盘里摆着。无用武之地。现在不一样啦,咱都搬网店里去~==!最后的结果就是,把店铺装修的叫一个眼光缭乱。没有主题没有重点,所有花哨的东西掩盖了商品本身。失败极了。所以在这里告诫大家。好看的素材和装饰有很多,用的合适叫画龙点睛,不合适了叫画蛇添足。

2 颜色不宜过多
这是学设计的朋友跟我说的,也就是说,在整体颜色的搭配上,尽量不要超过三种颜色(黑白不算色),而且尽量使用同色系的深浅不同的颜色比较好。当然,如果您对颜色很有天分,撞色也是蛮不错的搭配。

三 装修三步走

1 看
淘宝的装修市场里面提供了很多的装修模板,当然都是收费的。但是咱可以去偷师。看看人家颜色的搭配,布局的摆设,包括装饰元素的选择。这样我们在头脑里就会有一个大致的概念。

2 想
看过设计师的设计以后,我们就应该想想,怎么样根据自己店铺的需要,来有选择的模仿设计。首先要确定整体色调,粉色和红色是目前装修里常用的颜色,绿色和蓝色比较清爽,黄色比较艳丽,紫色比较优雅。颜色确定以后,就要想想布局了。图片在什么位置,文字在什么位置,公告在哪里,促销在哪里。

3 动手
前面两步走完以后,就可以来到这一步了。就是实际动手了。找素材,下软件,看教程。叮叮当当的就可以开始了


或许很多人没有耐心看完我上面罗里罗嗦的这些话,心想,怎么还不赶紧来真格儿的啊,到底店招怎么做?自定义模块怎么做?我也曾经这样,没耐心看理论的东西,但是实践证明。。。走了很多弯路啊~~#p#副标题#e#

四 真格儿的来了

1 店招

首先上个图,这是最终效果。

 

 

 


 

 

这个店招由几部分组成:背景,店名及店铺地址,装饰(蝴蝶,心),商品轮播(淘宝装修市场提供),以及动态文字(包邮)。

首先说说背景 我曾经用过彩虹,用过粉色条纹,来当背景。如果单单看做是图片,确实好看,但是如果作为一个店铺的招牌,就非常的失败。什么叫店招啊?那是招牌,对不。你看人家古代那些店铺,有弄那么复杂的么,还不就是四个大字,同福客栈,就完了。一目了然。但是为了突出咱的美感和品位以及社会的进步和发展,咱网店的招牌有了花样,但是不要忘了,再花,它的作用还是招牌。还有在背景的选择上,目前比较热门的是条纹,美女,花朵,抽丝还有蕾丝。具体的可以根据自己的需要去寻找素材。另外,想开淘宝网店没有好货源的朋友到53货源网www.53shop.com上面有各种免费代销货源,女装、饰品、包包、鞋等等。基本都提供一件代发货,省去你自己库存的风险。货比三家还是能找到不少有价值的货源。

制作这个背景我用的软件是PS,在网上下载了云朵的笔刷。随意的横扫了一笔。做成不规则的形状。在底纹的质感上,采取了布纹的感觉。这个是抄袭来的。具体怎么做的呢,就是保存了人家的图片,然后自定义图案。改个颜色,填充在刚刚用笔刷画出来的云彩里。

其次说说店名,这个是店招的重点,个人观点哈。所以背景应该尽量的弱化和虚化,以突出店名。

装饰,这种小装饰很简单,PS笔刷也可以,美图秀秀也可以,很多好看可爱漂亮的,还是那个原则,不宜过多。

而商品轮播和动态文字,是在淘宝的装修平台上操作的

 

顺序是:我是卖家 


 

 

  ——店铺装修


 

  ——在店招右上角点击编辑

  ——在弹出的窗口上点击在线编辑


 

 

 ——然后页面会跳转到淘宝装修市场的bannermaker点击免费店招

——选中一款,点击开始制作

 
 

 

——你会看到这个界面

 
 

 ——点击图片,选择我的素材

 
 

 

——接下来点击管理素材 

 

——跳转到这里这样你就可以把事先做好的背景图片上传上去,然后添加装饰品、商品轮播还有动态文字了。注意,不可以超过30k哦~尺寸 950X150 像素 

2 右侧自定义模块,也就是结构图里的淘宝右侧

 

 

在这个模块里,我实现了几个功能,一 收藏,因为扶植版是没有收藏模块的,所以现在通用的做法就是在右侧自定义模块里加进图片,加入超链接。以实现收藏的功能,二 公告,在这里我们可以写下要对买家说的话。 三 促销,flash的促销模块是要花钱定制的。为了最大程度的利用这个唯一的自定义模块,很多人把促销也加了进来。以为小店的产品种类不是很多,所以促销里只做了一种产品的动画。下面是图片展示。

右侧自定义模块的装修准则是风格要与店招保持一致,最好有同样的元素在里面。目前最常用的右侧装修办法是使用代码,所谓代码就是一种网页编辑语言。我用的软件是dreamweaver8,我是入门级的,没有学过,但是用来做右侧的代码很容易上手,大家不要怕。也可以把右侧模块分割成几个图片然后依次添加进去。

首先用ps制作了背景图是这个样子滴,请注意红色着重标记。

 

 


 

 

这是整体的框架。也是我建议大家在装修前就大致心理有数的结构。这里面我用了几种比较热门的装饰品,蝴蝶结,还有蕾丝花边。其中蝴蝶结在美图里就可以找到。而与店招呼应的和蕾丝边,是用PS做的。有下载个笔刷,挺方便的。如果大家不会用,等有时间我做几个素材传上来,大家拼凑一下就行了。

接下来就是往上面的框架里填东西了。notice下面是公告内容,写上您想说的话,或者近期店内的促销活动。下面最好配合几张促销商品的图片。再下面就是商品展示了。下面看一下添加完图片和文字的效果

 

 

细心的童鞋会发现,上面图片中,是没有中间的大图还有蝴蝶结的,为什么呢?因为中间的大图还有蝴蝶结是动态的(用的软件是UleadGIFAnimator,实际上大家可以用isee里面的幻灯动画,可以做出图片轮播的效果。下面的蝴蝶结也是动态的,是用美图添加的),而代码所需要的切片只能针对静态图片,所以动态图片只能等后面再添加或者更换。

 

图片做好了以后,怎么让它在自己的店铺首页出现呢


首先在PS里将图片切片,目的是将所有要添加超链接的的图片单独分割开来,以便加入超链接。 打开PS点击切片

 

      


 

      

 

然后对图片进行分割

 

 

 

这里能看出来,红色标记的部分都是需要加入超链接的部分所以要单独切出来,还有其他商品的图片我没有加标记,但是都是需要加超链接的

 

然后点击左上角,文件——储存为web和设备通用格式——点击储存


 

 

弹出的窗口里选html和图像 

 

 

 

保存完毕之后,你会看到两部分


 

 

文件夹images里是所有的图片,而网页文件里就是我们 要的代码了

将保存的图像传到图片空间,因为等会要在dreamweaver里更改图片链接

 

在你选择保存的位置可以看到网页文件,用dreamweaver打开


 

 

大家可以看到,红色圈出的是对应的链接和图片,点击图片会自动跳到对应的链接的那一行。

 

 


 

 

把链接更改为图片空间里的地址,就可以了。需要添加超链接的右键点击图片,然后选择创建链接,里面填写你想要转到的页面的网址即可。这里要注意的是,图片的链接,和超链接不是一个概念哦。图片地址,说的是这个图片存放的地方,也就是我们的图片空间,而加入的超链接,则是买家点击图片的时候会跳转到的页面。

这里需要说明的是关于收藏店铺的链接地址怎么获取。

首先登陆自己的店铺

 

 

 

 

 

 


 

你会看到这个 


 

 

右键点击图片,选择属性红色圈出的,就是你收藏店铺的图片所要加入的超链接了。


 

 

 

 

然后复制dreamweaver代码框里的全部代码,

 

 

 

粘贴到自定义模块里,也就是在店铺装修页面,点击右侧自定义模块上面的编辑


 

 

然后点击<>这个符号,就是编辑html代码,切记一定要点这个哦,不然别人看到的就是一串字符了~

然后把刚刚从dreamweaver里拷贝出来的代码粘贴进去,点击保存,就大功告成了~

下面说说动态图片的替换和添加

 

 

首先在刚刚保存切片后的图片的文件夹里找到想要添加动态图片的那个


 

 

 

然后打用美图秀秀打开,找到喜欢的饰品,添加上去,然后保存


 

 

然后到图片空间,找到还没有添加动态图片的那个原始图片,替换为新保存的图片


 

中间那个大图也是同样的道理,唯一需要注意的就是需要把做好的动态图片作为饰品导入美图里。

 

 


 

 

然后在上面的用户自定义里面找到你导入的图片,添加里面就可以了


到此结束,感谢观赏

呼呼呼,终于写完了,好长了,挺详细的,大家表骂我啰嗦。。。


有空贴点素材上来,希望有用~有写的不够清楚的地方,我再来修改补充吧。有问题可以随时跟我联系。我知道我的方法比较笨,实际上设计师会有更方便的方法,但是因为我是0基础而且不花钱的,大家凑合看吧

交易方式:

   此信息由会员免费发布,请核实后,通过“淘宝”“闲鱼”等大型平台进行交易,收到货满意后再确认付款,切不可微信直接先打款,以免钱货两失。

货源推荐

更多..
女装微信代理

淘宝网店怎么开,找免费开网店货源,欢迎来到53网店货源网。本站的货源信息由会员发布,请妥善交易!网上进货防骗技巧》》

关于53货源网-|-网店代理-|-品牌加盟-|-网店大全-|-批发市场-|-免费发布信息-|-广告联系-|-投诉、建议-|-友情链接

广告联系 QQ:3508810008 投诉、建议QQ:93865423 邮箱:kf@53shop.com (请尽量发邮件联系)

提示:广告请联系我们唯一联系QQ3508810008,其它任何自称是本站客服的微信或QQ都不是本站官方客服,所有广告先投放后付款。

© 2006-2022 53shop.com, all rights reserved.网店代理货源网 [闽ICP备06002980号-2]