淘宝店铺全屏店招和全屏导航怎么设计

 时间:2024-10-12 20:26:36

1、店招图:店招图是950宽度的店铺店招,如图所示红框框选部分为店招图,需要自己设计店招图的样式这里我以950×112的图作为店招图

淘宝店铺全屏店招和全屏导航怎么设计

2、页头背景图:殳陌抻泥页头背景图和店招图的主色色调要保持一致,宽度建议为1920(显示器分辨率宽度是1920,如果你的器皆阄诟分辨率不够1920,左右两侧多出的部分是自动不显示的,不会造成页头过长),高度和店招图高度保持一致这里我以1920×112的图作为店招图

淘宝店铺全屏店招和全屏导航怎么设计

3、吸管工具:可使用Photoshop的吸管工具获取950×112店招图的主色数值,并将页头背景图修改为同样颜色以此匹配视觉效果

淘宝店铺全屏店招和全屏导航怎么设计

4、上传店招:预先将950×112的店招图上传至淘宝图片空间,装修页面编辑店铺招牌,插入图片,选择上传的店招图,点击保存

淘宝店铺全屏店招和全屏导航怎么设计

5、样式管理:点击装修-样式管理-背景设置-页头设置-更换图片-上传1920×112的页头背景图背景显示:不平铺背景对齐:居中

淘宝店铺全屏店招和全屏导航怎么设计

6、页头背景色:点击页头背景色-输入RGB三色数值-确定(页头背景图的RGB颜色数值,使用Photoshop查看)

淘宝店铺全屏店招和全屏导航怎么设计

7、无缝对接:页头背景色显示:勾选页头下边距10像素:关闭 可无缝对接下方模块或全屏海报点击保存

淘宝店铺全屏店招和全屏导航怎么设计

8、发布识鲻夭嗟店铺:保存页头修改后点击发布-立刻查看店铺,可直接查看修改效果我是示例随便弄的,效果看起来不协调。5元的店铺模板下方左右两侧一般是空白的,这样去搭配全屏导航店招和全屏海报就会不协调像下图这种30元的模板就是从店招到下面都是全屏,都有颜色填充,这样去搭配全屏海报就很协调,建议直接购买30元的全屏类模板

淘宝店铺全屏店招和全屏导航怎么设计
淘宝店铺全屏店招和全屏导航怎么设计
  • 在AI2016中怎么快速清除所有参考线
  • AI描边面板上的边角限制怎么用?illustrator
  • 如何用ai软件对位图进行描摹获得多个独立图形。
  • 如何使用photoshop导出路径到illustrator功能?
  • AI中矩形工具的使用
  • 热门搜索
    同讲普通话携手进小康手抄报 庆元旦手抄报 元旦手抄报图片大全 铁人精神手抄报 理想手抄报 小学生元宵节手抄报 关于妇女节的手抄报 国庆节手抄报一等奖 冬天的手抄报 防控疫情的手抄报