拓展版装修:妙用通栏打造大气页头店招经验分享

时间:2011-09-08 11:10 来源:未知 作者:土豆 浏览: 3244

网店开了几年了,一直在使用旺铺标准版,也没怎么上心的去装修,上个月狠了狠心,订了一年的拓展版,借助于我自身在软件公司的一些网站制作经验,想在店铺装修上一展拳脚,在装修市场转了几天,因为我公司店铺是做软件类目的,感觉没有特别适合我的,觉得还是完全自已创作比较靠谱,毕竟我也是搞网站出身的,呵呵。

万事开头难,装修前首先要先确定店铺的风格,由于店铺是做软件的,什么红啊粉的色系肯定不太适合,于是我觉得用蓝绿色系,继然是做软件的,当然要做出官网风格,要大气,由于店铺默认的店招是在最上方,而且只有150像素高(还要去掉店铺页面链接导航条),所以店招看起来比较小气,于是我去掉原先的店招(只要在店铺装修时,选亮店招时会有删除按钮),决定页头重新设计。以下是我装修的步骤流程,贴出来和大家分享哦!

一、巧妙利用通栏及店铺LOGO的设置来制作个性页头

情况就是店铺左上角默认是淘宝网字样的logo,升级到拓展版以后,可以自行修改自已店铺的LOGO,这个功能往往容易被好多店主忽略掉,我看了好多拓展版的店铺,很多人都没有用此功能,有效的利用好这个logo,可以大提升店铺的形象哦,费话不多说了,大家先打开ps,制作一个230*70像素大小的图片,图片尽量能体现店铺的名称、形象,当然要和你的装修风格相匹配,做好后,在首页装修界面有logo修改处,加载就可以了哦。

做好logo后,由于原有的店招被删除了,也就没有了店铺各页面的链接导航条了,这里拓展版可以采用页头通栏功能,增加一个自定义区,如下图:

自行编辑页面制作一个链接导航条就可以了,这里建议大家不要直接在店铺装修页面编辑内容,可以在网页编辑软件中做好贴进去,本人使用的是frontpage。

下面页头做好的效果,贴出来给从家看看哦

二、制作大店招

上面的页头做好了,现在就开始做店招了,做店招应注意以下几点:

 1、由于店铺页头上方的通栏最多只支持250像素高,具我做出来的实际经验值,做260高也没事,但不能超过260,否则在产品页面260像素菜以下的内容将不会显示,但在店铺的其它页面会正常显示!记好制作店招的大小的时侯要去掉上方链接导航条那块自定义内容的高度,笔者这里上方的自定义用掉了60像素菜,也就是说下方的店招可以做到190-200像素高度的样子比较合适。

2、图片尽量在清晰的范围内优化到最小,太大会引起客户浏览加载速度过慢

3、尽量使用falsh模板,这样制作出来的图像清晰,如果用gif,图片元素多,色彩丰富的的会很多,而且颜色失真比较严重。

本人采用的是falsh模板制作的,步骤和上方添加通栏自定义内容差不多,只不过选择添加“Flash模板区”就行了

进入falsh模板编辑

这里有点技巧,大家有没有觉得一张图片展示有点不大尽兴呢,我这里巧用了falsh模板中的图片轮播功能,这里最多可以展示五张图片,大家可以充分发挥自已的创作空间,到网上多找找素材,制作几张漂亮的图片,突然是不是发现相当于展示了五个店招哦。

店招做好后,整个页头效果就出来了,发布出来看看效果哦,下面我将人店铺的页头效果展示给大家看看。

好了,我的页头装修过程就先给大家介绍到这儿吧,后面的装修还需要大家自已答配整体店铺风格,不断模索,好不好大家别骂我哦,只希望给大家在装修过程中带来那么一点点的小作用就行了,大家有什么建议也可以跟贴发表一下,谢谢大家!

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

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

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

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