关闭→
当前位置:趣知常识网>游戏数码>游戏>淘宝店铺全屏店招和全屏导航怎么设计

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

趣知常识网 人气:1.46W

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

操作方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

淘宝店铺全屏店招和全屏导航怎么设计 第8张
淘宝店铺全屏店招和全屏导航怎么设计 第9张
TAG标签:#全屏 #店招 #淘宝 #店铺 #导航 #