350装修平台已服务318多万家 淘宝店装修,拥有25万多个 350代理, 今日已售488 套模板 客户端下载 350教程论坛 350后台登陆 咨询邮箱 咨询邮箱:350@seo-lv.com 350模板官方微博 350模板微信
350淘宝装修教程分享-淘宝店招自定义设计怎么操
发表日期:2018-11-08 10:07   文章编辑:350模板官网小编    浏览次数:
 

 350淘宝装修教程分享-淘宝店招自定义设计怎么操作?
店招同样是品牌信息展示窗口,它在店铺首页是最特殊的一个模块。店招不需要做任何设置,就能在所有的页面中显示,不管是专题页、宝贝详情页,还是分类页面等。下面一起去学习一些技巧!

  应该从以下几个方面着重考虑。

  (1)品牌宣传

  制作这类店招时,首先要考虑的内容是店铺名、Logo、广告语,因为这是品牌宣传最基本的内容,其次是关注按钮、关注人数、收藏按钮,可以侧面反映店铺实力;然后是搜索框、淘宝店铺导航等方便用户体验的内容。下图为品牌宣传类的店招设计效果。

  (2)活动促销

  制作这类店招时,首先要考虑的因素是活动信息、优惠券、促销产品等活动或者促销信息;其次是搜索框、旺旺、第二导航条等方便用户体验的内容;最后是店铺名、Logo、广告语等品牌宣传为主的内容。不管是氛围设计还是内容展现,都要让活动信息占据更大的篇幅,否则顾客对店铺的信息关注会降低。。

  (3)产品推广

  这类店招的特点是有主推产品或者是想要主推一款或几款产品。在店招上,这类店铺要主打促销产品、促销信息、优惠券、活动信息等促销信息;其次是淘宝店铺名、Logo、广告语等品牌宣传为主的内容;最后是搜索框、淘宝店铺导航等方便用户体验的内容。。

  店招的设计各式各样,展示的内容也会随着时间的推移而改变,但是不管如何设计店招,有些信息是店招必不可少的,如店铺名称、Logo和广告语等基础信息。

  下面利用Photoshop软件来制作一个店招。

  Step 01  打开Photoshop软件,执行“文件>新建”菜单命令,在弹出的“新建”对话框中进行相关参数设置。

  Step 02  按Ctrl+R快捷键在画布两端创建参考线,创建后的效果如图所示。

  创建参考线

淘宝店招自定义设计

  淘宝全屏店招的尺寸是1920像素,上一步创建的尺寸是950像素,接下来就要增加970像素。执行“图像>画布大小”菜单命令,在弹出的对话框中修改宽度为1920像素。单击“确定”按钮之后,就得到一个1920像素×120像素的店招了。修改文件背景大小

  Step 03 纯白色的背景过于单调,可以修改为银灰色,与白色背景有所区别即可。把之前设计制作的Logo拖入进来,调整大小后放到相应的位置。

  Step 04  把宣传口号“专注女装,穿出四季如春”也输入进来,统一修改Logo和文字的颜色。

  Step 05  接下来开始制作“关注我们”按钮。使用“圆角矩形工具”创建一个半径为20像素的圆角矩形,填充为红色,如下图所示。

  Step 06  在工具箱中选择“自定义形状工具”,选择心形的形状,绘制一个心形,颜色为白色,输入文字“关注我们”。

  Step 07 接下来就可以开始创建优惠券。使用工具箱中的“矩形工具”创建一个矩形,填充颜色为(R:250,G:230,B:200),优惠券背景矩形形状。

  Step 08  使用“横排文字工具”输入优惠券促销活动文字信息,修改文字颜色为红色。

  Step 09  输入文字“立即领取”,创建红色矩形填充背景。

  Step 10 把一个优惠券制作好之后,可以复制出多个,只需要把文字信息修改一下即可,如下图所示。复制出另外两个优惠券,修改文字内容并调整到合适的位置。

  Step 11  制作收藏按钮效果。创建一个灰色的背景矩形,然后创建倾斜的线段,旋转后放到合适的位置。一个收藏按钮背景形状制作效果。

  Step 12  输入文字“收藏本店”和相应的英文内容,字体为黑体即可。

1.png

  Step 13  店招的最终效制作效果如上图所示。制作完成后,存储为相应的图片格式即可。

  如果是全屏的变色店招话,有两种方式,一种是定制专业版或者智能版可以直接把做好的全屏图片放上去,第二种,如果是基础班,就需要用到错位的方式添加了,不单单是之前靠代码就能实现了。


店铺模板

350店铺模板

查看模板 注册领取

手机模板

350手机模板

查看模板 注册领取

详情模板

350详情模板

查看模板 注册领取

免费领取

海报模板

350海报模板

在线设计

购买/价格

工具

350更多工具

350主图视频 更多工具
标签:    
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/792.html
相关文章推荐