阿里巴巴国际站旺铺首页海报装修切图教程

阿里巴巴国际站旺铺首页海报装修切图教程

阿里巴巴国际站是阿里巴巴旗下的B2B跨境电商外贸网站，与阿里1688国内站相呼应。国外客户对首页海报的风格比较注重，如何将设计好的旺铺首页海报按照规格切图并上传装修至国际站首页呢？

作者：为主的祥助

14阿里巴巴国际站如何回复询盘和生成报价单

设计方案：整张海报宽度和长度基于人的视觉逻辑和网站开发设计理念出发

宽度：建议1440-1920像素，做到满屏显示，最好基于计算机桌面最高分辨率设计

高度：建议2000-5000像素，为了浏览器兼容性和加载速度，切图时一张图按700-800像素计算，大概可以切图4-6张，首页海报不会显得过长

全屏海报：建议宽2000像素，高3000像素以内，大小要求2M以内

招牌：宽度990像素，高度100或200像素，大小2M以内

导航：宽990像素，高33像素

做全屏海报时使用参考线先做好店铺招牌和导航条的高度准线，方便作图和切图

旺铺店招：

1.以当前海报1422x6125为例，需要在正中间切出990宽度，因此(1422-990)/2=216,使用切片工具分别先在左右两侧切出216x200的区域

2.再接着切出中间的区域，再删除左右两侧切出的216x200切片区域，剩下的就是我们切出来的区域

3.切片工具时右键中间990区域可查看宽度是否刚好990

4.店招高度最高200，切多高按照图片设计时预设的参考线切

注:请放大图像后进行切图，以免位置不准遗漏像素导致上传旺铺后海报断层

导航条:紧接步骤一切出店招990x33切片区域作为导航

注:请放大图像后进行切图，以免位置不准遗漏像素导致上传旺铺后海报断层

自定义内容：接着中间990区域继续切图作为自定义板块的图片上传，一张图高度建议切990x700，一直切图完毕

导出海报整图：菜单栏-文件-存储为-jpg格式/文件大小小于2M（降低品质减少文件大小）

存储为WEB所用格式：导出后位于images文件夹

Photoshop CS6：菜单栏-文件-存储为WEB所用格式

Photoshop CC 2015：菜单栏-文件-导出-存储为WEB所用格式

上传背景图：装修旺铺-自定义风格-背景设置-使用自定义背景-上传背景图，将整张海报上传

平铺方式：不平铺

对齐方式：居中

上传导航条：导航样式-使用自定义风格-导航条设置-上传上传images文件夹内990x33像素的导航条

设置店招：店招模块-设置-使用自定义招牌-上传-上传images文件夹下的招牌图片

自定义模块：没有自定义模块的话添加版块-添加自定义版块，将剩余裁剪的图片按照顺序一一上传即可

注：去除显示版块标题和显示版块边距的勾选

设置超链接：将自定义模块中的图片一一设置超链接，链接至橱窗产品或数据好的产品，积累点击和反馈

注：建议勾选新窗口打开

发布旺铺：一切设置完毕后发布您的旺铺，使用不同的浏览器和不同显示屏尺寸的计算机去打开测试一下旺铺主页海报的效果