淘宝店铺装修
快速实现全屏轮播海报设计
2024-04-04  浏览:24

  现在的淘宝店铺对设计的要求是越来越高了,以前能做到通栏就不错了,现在不仅能通栏了,还能全屏轮播,有人问什么是通栏呢?如下图

1.jpg
  通栏
2.jpg
  这是两栏
  现在我们要做是全屏轮播海报 看效果
3.jpg
  下面跟着我来做,先要了解全屏海报的尺寸问题 全屏就是占满整个电脑屏幕,怎么知道我的电脑屏是多大呢,很简单查看电脑屏幕分辨率就行
4.jpg
  调到最大值 就是全屏(1920*1080PX)也就是全屏海报的宽度是1920PX
  但有的同学是1440或更小怎么办,我们海报的主要文字或内容集在中间1100的安全区域
  安全区(如果你做成1920别人是1440的小屏有些地方看不到)
  有人要问,在PS里怎么去计算1100PX的安全区域呢?(我以1920的宽为例)
5.jpg
  画一个选区 设置宽为1100PX 高不限 然后给选区描边
6.jpg
  最后描的边和背景(1920的海报进行对居中对齐)这样我就知道中间100PX的安全区域了
  在安全区画两根辅助线,把描边的红线去了,我们在安全区里作图
  接下怎么去实现全屏呢?是不是要自己去写代码呢?是不是要去买模板呢?不用,我这里提供给大家
  一个免费代码的网站,如下图:
7.jpg
  一定要看清楚,自己是C店还是天猫
8.jpg
  红色标记的地方的大小要和海报大小保持一到
  把自己的图片地址放上去
9.jpg
  红色标记地方是点海报连接到哪一个宝贝描述还是其它页面的地址
10.jpg
  这个是什么意思
11.jpg
  是指这个下一张下一张的图片 自己可以发挥来设计
  所有内容填好后,可以预览下,没问题就获取代码
12.jpg
  回到店铺装修后台新建一个自定义模块
13.jpg
  效果如下 功能不花一分钱 实现全屏
14.jpg
  说明下这个是用在C店(专业版)和天猫,如果你是基础版或购买了第三方模板,不能保证一定能用!
发表评论
0评