词条信息

xiazaiwo
进士
版本创建者 发短消息   
简易百科旧版 >> 淘宝店铺全屏店招和全屏导航怎么设计 >> 历史版本

最新历史版本 :淘宝店铺全屏店招和全屏导航怎么设计 返回词条



店铺全屏店招和全屏导航一般是为和全屏海报匹配而同时设计的,尺寸宽度一般为1920,适合专业版旺铺。淘宝装修市场有30元的全屏模板,默认就是全屏店招,导航以及其他页面的全屏尺寸

作者:为主的祥助

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

工具/原料

 
  • 店招图

方法/步骤

 
  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元的全屏类模板

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