淘宝天猫整店装修设计
淘宝天猫整店装修设计公司介绍:网店的店铺装修与实体店的装修是一个意思,都是让店铺变的更美,更吸引人。甚至对于网店来讲,一个好的店铺设计更为至关重要,因为咱们的客户只能从网上的文字和图片来了解我们,了解产品,所以做得好能增加用户的信任感,甚至还能对自己店铺品牌的树立起到关键作用。
1.布局划分筹备工作
(1)我们可以将首页划分成:店招,海报,产品宝贝,页尾,四个部分。并通过PHOTOSHOP的切片工具划分切片。我们可以使用辅助线进行精准的划分。然后,通过“存储为web所用格式”存储,我们就得到了四部分独立起来的图片。如下图:
(2)我们整个首页可分为主体部分和背景,主体部分的宽度根据店铺性质的不同而有着差异。一般来说,集市店的主体不可宽度为950像素,而天猫店则为990像素。在后续装修中,我们都需要先将主体部分与背景划分开来,将背景剪裁,留下主体部分,方便进行装修。
2. 店招切片,上传与拼接技巧
(1)划分好模块以后,我们先从店招开始装修。通过剪裁,我们得到了店招的主体部分,店招大略可以分为两部分:店铺招牌和导航栏部分。导航栏是主要添加加链接的地方。我们可以按照加链接的需求,对店招进行切片。
(2)完成切片后,我们通过“存储为web所用格式”进行存储,将格式选择为“HTML和图像”,我们就能得到各模块独立的图片与一个HTML网页文件了。
(3)我们将切好的图片通过上图片空间,然后我们打开刚才的HTML文件,将店招图片的地址按照顺序替换成图片空间的地址。将html代码中的至复制到店铺的店招上,并加上我们需要的链接。
(4)完成第三步后,我们就得到了主体部分的店招了,但我们的店招是全屏1920像素的,该怎么办呢?我们通过背景拼接达到1920像素的全屏效果。在新旺铺中,店招背景图片的大小限制为200K以内,而1920*150像素的店招,只要我们稍微调节下图片的质量,基本上不会超过这个范围,所以我们可以把整个店招的图片直接当作背景。
操作如下:进入装修界面,选择装修下拉菜单中的样式管理 点击查看大图 ,然后点击样式编辑中的“背景设置” 点击查看大图 。 在页头设置选项,将”要设置的页面”选项设置为“所有页面”,通过“更换图片”选项将我们做好的店招背景更换上去,再将“背景显示”选项设置为“不平铺”,“背景对齐”选项设置为“居中”。最后,我们保存一下。我们就能得到1920像素的全屏店招了。