最大的网站策划、网站运营、网络营销人才免费学习、培训、认证、展示、交流、工作平台,服务国家经济建设与民族伟大复兴!

查看完整版本: 淘宝网店美化设计全攻略

zuoluo2008 2008-4-18 10:29

淘宝网店美化设计全攻略

[color=#ff6600]一、设计店铺公告栏中的装饰内容[/color]  店铺公告栏中可添加的装饰内容包括:店铺公告、背景音乐、计数器、挂件、浮动公告等。

   ①店铺公告
  为了即时体现小店的一些最新消息,比如特价、打折、红包等优惠信息,就要在公告栏中加上自己的特色公告。
  公告大小:宽不要超过480像素,高可以随意。
  公告使用方法:
  1.将图片上传到网络空间中。
  2.将图片地址放入代码中。
  3.在公告中加入公告代码:<img src="你图片的地址"/>

[align=center][img]http://blog.imwebs.com/attachments/month_0704/u200745144219.gif[/img][/align]   ②店铺背景音乐(添加方法同公告代码一样)
  最简洁的代码是这样的: <bgsound src="你的背景音乐地址" loop=-1>
  此背景音乐当页面被最小化之后音乐就停了;
  或者:<embed autostart="true" loop="-1" c width="0" height="0" src="你的背景音乐地址">
  这种背景音乐当页面最小化后音乐还是照旧播放,直到窗口被关闭,当您想停止音乐按ESC键就可以了!
  注意:背景音乐越大,页面载入速度就越慢。所以音乐体积小一些的好,midi就比较好喽。
  ③访问计数器
  使用计数器可以随时了解自己店铺的访问量,计数器有两种,一种是使用网上已经制作好的,比如可以去[url=http://00counter.com/]http://00counter.com[/url] 或是 [url=http://www.lattecounter.com/]http://www.lattecounter.com[/url] ,只需申请个用户名,就上千种计数器等你来拿了。(如果使用在网站内有帮助说明)

[align=center][img]http://blog.imwebs.com/attachments/month_0704/j200745144314.gif[/img][/align]还有一种是“店铺装修”里面的个性计数器DIY服务,专门为一些店铺定制添加了店名的计数器。


[align=center][img]http://blog.imwebs.com/attachments/month_0704/u200745144323.gif[/img][/align]
   ④店铺挂件/浮动公告
  这些小挂件可以让小店蓬荜生辉,也可以把一些特价活动放在里面,挂件与浮动公告的使用的代码相同。
  代码:<img src="你的图片的地址" style="position: relative; top: 0px" />
  提示:公告、挂件都需放在一个稳定的网络空间中(可以用免费相册,也可以购买一个自己的空间)。网上有一些漂亮的挂件可供朋友们使用,可以搜索一下。另外就是DIY个性的挂件,挂件大小不限。

[color=#ff6600][color=#000000]   [/color]二、设计宝贝分类栏中的装饰内容[/color]
  ①动态欢迎大图片
  ②成套动态欢迎欢送娃娃
  ③掌柜在线时间营业时间联系方式模版
  ④宝贝分类
  (下面是GIF动态图)
[align=center][b][img]http://blog.imwebs.com/attachments/month_0704/x20074514440.gif[/img]

[/b]动态欢迎大图片示意图[b]

[img]http://blog.imwebs.com/attachments/month_0704/b200745144448.gif[/img]

[/b]营业时间-GIF图
[/align][align=center][b][img]http://blog.imwebs.com/attachments/month_0704/k200745144459.gif[/img]   [img]http://blog.imwebs.com/attachments/month_0704/y20074514458.jpg[/img]
[/b][/align]   [b]宝贝分类的使用方法:
[/b]  [b] 1[/b].将图片上传到网络空间中。
  [b] 2[/b].利用缩址网站[url]http://kuso.cc[/url]缩图片网址。
  [b] 3[/b].进入“管理店铺”>“宝贝分类”,在“新的宝贝分类”中输入代码:<img src="图片地址"/>[b]。[/b]


[align=center][b] [img]http://blog.imwebs.com/attachments/month_0704/6200745144519.gif[/img][/b][/align][align=left][size=12px][color=#990000][color=#000000]   [/color][b]三、设置店标/论坛头像显示[/b][/color]
  店标是店铺的标志。大部分是动态图片,可以由产品图片、宣传语言、店铺名称等组成。漂亮的店标与签名在社区的作用可不小,可以吸引买家点击进入你的店铺哦!
  店标尺寸100*100像素 仅支持gif和jpg,图片限制大小80K以内。

  [b]店标显示在以下3个位置:
[/b][/size][/align][align=center][b][img]http://blog.imwebs.com/attachments/month_0704/1200745144527.gif[/img] [/b]

[/align][align=left]   [b](动态GIF图)
[/b]   [b]下面是店标的制作效果:[/b][/align][align=center][b][img]http://blog.imwebs.com/attachments/month_0704/s20074514463.gif[/img][img]http://blog.imwebs.com/attachments/month_0704/v200745144610.gif[/img]  [/b]

[/align][align=left]   [b](动态GIF图)
[/b][size=12px][color=#990000][color=#000000]   [/color][b]四、设置网店论坛签名[/b][/color]
  使用漂亮的签名在网店社区的作用可不小,可以吸引买家点击进入你的店铺哦!
  注意:签名尺寸要求468*60像素,仅支持gif和jpg,图片限制大小100K以内。
  下面是几款常见的论坛签名设计作品:(动态GIF图)

[/size][/align][align=center][b] [img]http://blog.imwebs.com/attachments/month_0704/q200745144712.gif[/img]

[img]http://blog.imwebs.com/attachments/month_0704/420074514473.gif[/img]

[img]http://blog.imwebs.com/attachments/month_0704/b200745144658.gif[/img]

[img]http://blog.imwebs.com/attachments/month_0704/9200745144634.gif[/img][/b][/align][align=left][b]  签名的使用方法:

[/b][/align][align=center][b][img]http://blog.imwebs.com/attachments/month_0704/5200745144826.gif[/img][align=left]

[size=12px]   五、制作和设置宝贝描述模板/论坛回贴模板/个人空间模板
[/size][size=12px]  宝贝描述就是在发布宝贝时出现的页面,宝贝描述模板呢就是可以套用在其中的页面版式,发布每个宝贝都可以使用。
  宝贝描述模板一般设计好后提供给大家使用的是一大篇代码,也就是html代码,通过发布宝贝中的html编辑器的转换,显示在页面中就是图片和文字了。其中的图片是连的其他网站空间或网络相册的图片。漂亮美观的页面,不仅仅为宝贝描述页面增色不少,而且一定程度上提高了顾客的浏览时间,无形中会多一些生意。
  由于宝贝模板使用起来比较复杂一些,增加了发布宝贝的时间,所以梦梦一直没使用。
  宝贝描述模板/坛回贴模板/个人空间模板这几个模板新手用一个就OK了,以免增加发布宝贝的时间!
  一般新手可以使用最简单的模宝贝描述模板:(动态GIF图)

[align=center][img]http://blog.imwebs.com/attachments/month_0704/o200745144836.gif[/img][/align]
[/size][/align][/b][/align][align=center][img]http://blog.imwebs.com/attachments/month_0704/w200745144846.gif[/img][/align][align=left][size=12px]   六、网店展品照片优化
  在淘宝网上的这些宝贝都是拍摄出来的,并非每个卖家都是摄影师,所以拍出来的许多宝贝总是不尽人意,让许多卖家苦恼,有了我们这些店铺装修设计师,这些问题都迎刃而解!
  为宝贝添加水印、图片处理美化、为宝贝照片加边框这些就都成了我们的经营项目。
  1.为宝贝添加水印
  水印种类不同,有些可以利用添加水印的软件或是PS进行制作,可是有些有特色的水印就只有DIY了!添加水印基本使用PS(如果简单的可使用“轻松水印”这款软件),不过下面这些漂亮的水印就只有自己DIY了,制作过程也是有点复杂地!(有些是GIF图,请查看源图)[/size][/align][align=center][size=12px][img]http://blog.imwebs.com/attachments/month_0704/6200745144856.gif[/img][img]http://blog.imwebs.com/attachments/month_0704/m20074514494.gif[/img]

[img]http://blog.imwebs.com/attachments/month_0704/b200745144911.gif[/img][/size][/align][align=left][size=12px]   2.图片处理美化/加边框[/size][size=12px]

  使用Photoshop来进行图片处理美化或是加边框感觉有点大材小用了,梦梦常用的是“光影魔术手”这款软件,功能比较多,下面就是几张处理后的照片。
  特别推荐: 制作网店商品精美多角度展示效果图为自己的网店商品照片优化出好“卖像” [/size][/align][align=center][size=12px][img]http://blog.imwebs.com/attachments/month_0704/m200745144920.jpg[/img]

数码减光

[img]http://blog.imwebs.com/attachments/month_0704/q200745144928.jpg[/img]

去红眼

[img]http://blog.imwebs.com/attachments/month_0704/n200745144953.jpg[/img]

影楼风格人像

[img]http://blog.imwebs.com/attachments/month_0704/e200745144937.jpg[/img]

添加边框[/size][/align][align=left][size=12px]   技巧及提示:

  在设计制作前,先要下载一些漂亮的字体。推荐一种字库:汉仪。
  一些新手朋友制作时可以尽量使用Fireworks软件及上面介绍的软件,不同的软件制作偏向程度不同。我平时制作设计是用PS(Photoshop)+ImageReady+FW(Fireworks)+FLASH+DW(Dreamwaver)。使用滤镜或是画笔时可以用PS方便些(网络上有许多漂亮的笔刷可以下载使用),FW制作GIF的动画公告和签名比较好。FLASH+DW+PS可以一起来制作漂亮的描述模板。
   刚开始开起小店时,一连几天都无人光顾,当时我心急如焚,不知道该怎么办!后来才知道,一个好的小店,不但要宝贝好,而且还要学会推广(做广告),不过在淘宝的论坛里面是不能做广告的,只能利用发贴来提高浏览量,所以我抱着试试的心态回了一些贴,结果反应还不错。所以梦梦又总结出一条提高自己小店浏览量的方法:在论坛中多发贴/回贴,发有贴子要有意义,最好是原创,能被评为“精”!再者就是回贴时最好能占个显要的位置,比如贴子的第二回贴位等。
   在有买家来拍下宝贝后,我先提醒对方先付钱(因为要对方先把钱打到支付宝中),然后就开始进行制作了,制作完毕通过QQ或旺旺将宝贝传给买家,并在淘宝后台交易管理中确认发货。当买家比较满意这件作品,会到个人淘宝交易页面“确认收货”并付款。这时一个完整的交易告一段落。[/size]
[/align]
页: [1]
查看完整版本: 淘宝网店美化设计全攻略