教你用通栏打造大气页头店招

 时间:2024-10-14 19:24:54

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

步骤/方法

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

教你用通栏打造大气页头店招

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

教你用通栏打造大气页头店招

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

教你用通栏打造大气页头店招

4、制作大店招上面的页头做好了,现在就开始做店招了,做店招应注意以下几点:由于店铺页桌薜兀变头上方的通栏最多只支持250像素高,具我做出来的实际经验值,做260高也没事,但紧鋈笆珀不能超过260,否则在产品页面260像素菜以下的内容将不会显示,但在店铺的其它页面会正常显示!记好制作店招的大小的时侯要去掉上方链接导航条那块自定义内容的高度,笔者这里上方的自定义用掉了60像素菜,也就是说下方的店招可以做到190-200像素高度的样子比较合适。图片尽量在清晰的范围内优化到最小,太大会引起客户浏览加载速度过慢尽量使用falsh模板,这样制作出来的图像清晰,如果用gif,图片元素多,色彩丰富的的会很多,而且颜色失真比较严重。本人采用的是falsh模板制作的,步骤和上方添加通栏自定义内容差不多,只不过选择添加“Flash模板区”就行了

教你用通栏打造大气页头店招

5、进入falsh模板编辑这里有点技巧,大家有没有觉得一张图片展示有点不大尽兴呢,我这里巧用了falsh模板中的图片轮播功能,这里最多可以展示五张图片,大家可以充分发挥自已的创作空间,到网上多找找素材,制作几张漂亮的图片,突然是不是发现相当于展示了五个店招哦。店招做好后,整个页头效果就出来了,发布出来看看效果哦,下面我将人店铺的页头效果展示给大家看看。好了,我的页头装修过程就先给大家介绍到这儿吧,后面的装修还需要大家自已答配整体店铺风格,不断模索!

教你用通栏打造大气页头店招

教你用通栏打造大气页头店招

美图秀秀魔幻笔的使用方法及技巧 过期牛奶有什么用?怎么处理过期牛奶? 乌鲁木齐到博乐乌鲁木齐旅游攻略 人工挖孔桩桩头防水做法 清蒸梭子蟹的方法
热门搜索
校花图片 和田玉图片 短发图片女2020最新款 汽车标志图片 蜜蜂简笔画图片大全