我们淘宝店铺装修时,经常看到淘宝全屏店招,大气又美观,鱼摆摆这里详细给大家说一下这种淘宝全屏店招模板的设计方法和原则。这样大家装修自己的淘宝网店,可以做到心中有数,找对应的素材,或者自己设计制作对应的图片素材。
全屏店招,适合专业版旺铺使用。基础版的旺铺,需要额外特别处理,才能实现全屏店招的效果,这个非常麻烦,下次鱼摆摆给大家介绍。
(一)淘宝店招结构与尺寸说明
淘宝店招,又叫淘宝店铺招牌。由950宽可点击区域店招区+左右两侧页头背景+导航条,共同构成大家看到的全屏店招效果。
(1)需要显示淘宝系统自带导航条
导航条高度是30px,配置店招高度为120px(也可以低于这个值)
950宽可点击区尺寸:950x120
下面导航条尺寸:950x30
页头背景图:1920x(120+30)
页头背景设计提示:底部120-150区域,背景色最好和导航条的背景色一致
(2)不显示淘宝系统自带的导航条(隐藏删除淘宝导航条)
配置店招高度为150px
950宽可点击区尺寸:950x150
下面导航条尺寸:隐藏,删除
页头背景图:1920x150
(3)淘宝店招页头背景图、店招图设计原则
一般,我们事先设计好完整的淘宝全屏店招效果图(1920x150),且图片底部120-150区域的背景色与导航条背景色一致。
页头背景图,可以直接就是整体效果图。中间的可点击区域,直接切片或者裁剪即可得到。位置为全屏图的485-1435区域内。
导航条,一般推荐使用淘宝自带的效果,如果颜色不理想,可以淘宝装修页面,点左侧“配色”,选择合适的配色来适应你网店。
(二)淘宝全屏店招模板
为方便大家装修店铺,鱼摆摆给大家分享了一些淘宝全屏店招模板,地址是:http://www.yubaibai.com.cn/html/wangpudianzhao/
打开可以前往看看,既可以借鉴学习,也可以直接拿来改改使用。