项目7 电商美工.pptx

项目7;项目导读;岗位技能;教学目标;任务1首页设计

;任务1首页设计

;任务要求;店铺首页构成元素

店铺页头区，包括店招和导航。

活动促销区，包括全屏海报（全屏轮播）和优惠券。

店铺产品区，包括新品上市、爆款展示、热卖推荐、产品分类等。

店铺页尾区，包括客服中心、购物保障、发货须知等。;店铺首页尺寸

页头尺寸：全屏1920px*150px，其中店招内容区，淘宝店是950px*120px，天猫店990px*120px；导航内容区，淘宝店是950px*30px，天猫店990px*30px。

全屏海报尺寸：1920px*600px。

优惠券尺寸：高度200px

产品内容显示区域尺寸：宽度一般定为1200px，高度随意。;图层样式

图层样式是为当前图层图像区域内外添加的特殊效果，不仅可以丰富图层图像效果，也可以突出图层图像的主体。可以利用图层样式做出厚度感、层次感、品质感，凹凸感及添加各种纹理效果;首页尺寸规范（新建宽度为1920像素，高度为3000像素，分辨率为72像素/英寸的文件，添加参考线，定下店招、导航栏、海报的高度及店招内容宽度）;店招及导航设计;海报设计;“优惠券”区块设计;“爆款展示”区块设计;“热销推荐”区块设计;页底区块设计;装饰调整;本任务完整展示网店首页设计的制作流程。设计制作中使用到添加参考线、形状图层、剪贴蒙板、混合模式、图层样式、图层蒙版、色彩调整等主要的图像处理技术。首页设计制作的目的是吸引买家提高转化率，首先要定出各区块内容区域的范围，重点设计首屏部分，包括店招导航、轮播海报及优惠券等区块内容。;任务2主图设计;任务要求;主图的定义和作用

购物网站有哪些信誉好的足球投注网站产品出现的第一张图片，或者进入产品详情页左上角的第一张图片就是主图。主图是顾客的第一印象，因此非常重要。主图一要做得醒目美观抓住眼球；二要突出卖点，展示促销信息，以激发买家的兴趣；三要促成点击，增加流量，提升转化率。;主图制作规范

主图尺寸是正方形，最小尺寸310px*310px，标准尺寸800px*800px，标准尺寸用于放大镜功能。

主图中的产品必须是实物拍摄图。

主体突出，不“牛皮癣”。

必须遵守行业标准。

展示产品卖点与细节。;产品修图;场景搭建;文案编??;本任务完成某款商品的主图设计制作过程。设计制作中首先为产品照片修图处理，然后依据产品摆放及透视角度搭建场景，最后是文案设计。主图决定了产品的点击率，点击率是产品是否具有潜力的重要指标。主图制作时要按照平台规定的尺寸进行设计，主图页面要做到干净整洁，主体突出，风格统一，文案精简明了。;任务3详情页设计;任务要求;详情页构成框架

创意海报区：前三屏3秒原则，首图是视觉首焦，吸引买家继续往下浏览。

产品卖点区：FAB法则排序，Feature（特性）→Advantage（作用）→Benefit（好处）。

产品信息区：产品尺寸、材质、重量、型号等信息。

全方位展示区：产品主推颜色展示，服装类产品还要提供模特三围身高信息。

细节展示区：细节图片要求清晰有质感，还要附带文案介绍。;详情页尺寸

PC端淘宝店尺寸：750px*任意px

PC端天猫店尺寸：790px*任意px。;首图区设计;适用场景区设计;海报区设计;卖点图标区设计;产品信息区设计;颜色展示区设计;细节展示区设计;本任务展示了某款背包详情页的制作流程。背包详情页包括首屏海报、场景图、卖点信息、产品信息、颜色展示及细节展示几大部分。产品详情页是提升宝贝转化率的关键，买家会通过浏览详情页信息介绍、卖点展示及产品对比来决定是否购买产品。;项目拓展;感谢观看