当前位置:首页 > 设计资讯 > 电商资讯 > 淘宝网店店铺装修设计首页装修的步骤

淘宝网店店铺装修设计首页装修的步骤

时间 2021-10-14 21:30:28 阅读

淘宝网店店铺装修设计首页装修的步骤


1.布局划分筹备工作


(1)我们可以将首页划分成:店招,海报,产品宝贝,页尾,四个部分。并通过PHOTOSHOP的切片工具划分切片。我们可以使用辅助线进行精准的划分。然后,通过“存储为web所用格式”存储,我们就得到了四部分独立起来的图片。



(2)我们整个首页可分为主体部分和背景,主体部分的宽度根据店铺性质的不同而有着差异。一般来说,集市店的主体不可宽度为950像素,而天猫店则为990像素。在后续装修中,我们都需要先将主体部分与背景划分开来,将背景剪裁,留下主体部分,方便进行装修。


2.店招切片,上传与拼接技巧


(1)划分好模块以后,我们先从店招开始装修。通过剪裁,我们得到了店招的主体部分,店招大略可以分为两部分:店铺招牌和导航栏部分。导航栏是主要添加加链接的地方。我们可以按照加链接的需求,对店招进行切片。



(2)完成切片后,我们通过“存储为web所用格式”进行存储,将格式选择为“HTML和图像”,我们就能得到各模块独立的图片与一个HTML网页文件了。


(3)我们将切好的图片通过上图片空间,然后我们打开刚才的HTML文件,将店招图片的地址按照顺序替换成图片空间的地址。将html代码中的<table>至</table>复制到店铺的店招上,并加上我们需要的链接。


(4)完成第三步后,我们就得到了主体部分的店招了,但我们的店招是全屏1920像素的,该怎么办呢?我们通过背景拼接达到1920像素的全屏效果。在新旺铺中,店招背景图片的大小限制为200K以内,而1920*150像素的店招,只要我们稍微调节下图片的质量,基本上不会超过这个范围,所以我们可以把整个店招的图片直接当作背景。


操作如下:进入装修界面,选择装修下拉菜单中的样式管理 ,然后点击样式编辑中的“背景设置”。


在页头设置选项,将”要设置的页面”选项设置为“所有页面”,通过“更换图片”选项将我们做好的店招背景更换上去,再将“背景显示”选项设置为“不平铺”,“背景对齐”选项设置为“居中”。最后,我们保存一下。我们就能得到1920像素的全屏店招了。


微信咨询
扫一扫微信咨询
QQ咨询 电话咨询
电商视觉设计外包,设计师一对一咨询
电话咨询:13266817719
微信咨询 电话咨询
电商设计 丨 详情页设计 丨 店铺装修
长按图片保存,扫码添加微信
同微信号:13266817719
微信扫码咨询