下载文档原格式
电商美工常见尺寸规范天猫详情页：标准宽度：790px/750px（公寓类产品）标准高度：建议：8000px-12000px（机酒产品）5000px-8000px（门票/一日游产品）7000px-10000px（单酒店/或是酒店套餐产品）首页轮播图：1920px*600px（也可以是550px）固定宽度：1920px/1680px/1440px/990px/790px（详情页）/750px（公寓类产品）内容显示宽度：990px-1100px关联营销：宽度：790px高度：自定（790px*1200px建议）主图标准尺寸：800px*800px（系统自动提供放大功能）600px*600px（无放大功能）400px*400px（无放大功能）店招尺寸：整体高度：150px（固定）店招描述内容高度：120px导航高度：30px（可自由设定）自定义：150px高度，遮掉系统菜单京东装修尺寸：由于现在京东更新了jshop。
支持自定义css。
所以已经没有限制默认情况下，中间内容部分是宽990px的自定义首页：店招：宽1920px*高150px 轮播海报：宽1920px*高不限首页：宽1920*高度不限（默认宽是990px 全屏可以用自定义代码实现）详情页：宽990px*高度不限主图：800px*800px一号店修尺寸：首页默认显示宽980px 店招：宽1920px*高150 首页：宽1920px高不限详情页：宽750px 高度不限唯品会装修尺寸：唯品会首页：宽1920*高度不限唯品会主图：宽1100 * 1390 px 唯品会详情：宽990*高度不限蘑菇街装修尺寸：店招：宽1920px*高150px 首页：宽1920px*高度不限详情页：宽720x*高度不限分类图片：宽195px 高不限美丽说装修尺寸：店招：宽1920px*高150px主图：800X800pxPc端店招1920x150px普通版手机端店招750x254pxPc详情页：天猫790px宽度，高度不限淘宝750px，高度不限普通版手机端详情页统一640px钻展图首焦图：pc端520x280px 无线端640x200px首页海报:1920x600【高度一般600，其实不限高度】手机端首页：单张产品图：608x336 Px轮播图：640X320Px智能版手机端详情页尺寸：淘宝店750宽度，高度不具体要求天猫店铺：宽度750-1242px 一般做750，或者790 ，高度不具体要求。
《网店美工设计(项目式全彩微课版)》
配套教学教案
第1讲
第2讲
第3讲
3.4.2设计理念
小结1、掌握主图的设计基础。
2、掌握直通车图的设计基础。
3、掌握钻展图的设计基础。
作业
3.4项目演练-设计居家大衣橱直通车图
本任务通过设计居家大衣橱直通车图，明确当下家居产品行业直通车图的设计风格并掌握直通车图的设计要点与制作方法。
第4讲
4.3项目演练-设计果汁饮品海报
本任务通过设计果汁饮品海报，明确当下饮品行业海报的设计风格并掌握海报的设计
要点与制作方法。
作业
第5讲
5.3项目演练-设计PC端数码产品首页
本任务通过设计PC端数码产品首页，明确当下数码产品行业PC端首页的设计风格并掌握PC端首页的设计要点与制作方法。
作业
第6讲
6.3项目演练-设计PC端运动鞋品详情页设计
本任务通过设计PC端运动鞋品详情页，明确当下鞋品行业PC端详情页的设计风格并掌握PC端详情页的设计要点与制作方法。
作业
第7讲
7.3项目演练-设计无线端数码产品首页
本任务通过设计无线端数码产品首页，明确当下数码产品行业无线端首页的设计风格并掌握无线端首页的设计要点与制作方法。
作业
第8讲
8.3项目演练-制作花艺活动宣传视频
本任务通过制作花艺活动宣传视频，明确当下花艺行业宣传视频的后期风格并掌握宣传视频的后期处理要点与后期处理方法。
作业。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
《网店装修》课程标准课程类别：专业拓展课适用专业：平面设计专业总学时：64理论学时：18实践学时：46一、课程概述（一）课程性质《网店装修》是我中等职业教育电子商务专业的一门核心课程，主要介绍了网店美工设计及装修的基本理论、基础知识和基本技能。
（二）课程设计思路本课程以网店装修的工作过程为导向，以项目任务式为编写结构，突出教师的主导作用和学生的主体地位以教师的引导和学生的感知体验和实践操作为主，注重培养学生对专业的兴趣和爱好,提高学生的专业技能操作能力和设计创新能力，拉近学生和现实网店装修的距离。
二、课程任务与教学目标（一）课程任务本课程的主要任务是通过学习网店装修的基础知识和技能应用以网店装修的工作岗位为依据，体现理论与实践相结合，使学生对网店装修的基本知识和技能有一个较为全面的掌握，为今后的网店装修工作打下扎实的基础。
(1)知识目标明确定位店铺风格，掌握店铺配色、字体规范掌握商品主图的主题、背景、配色字体、版面布局设计。
学习优秀海报的设计方法，学习店铺首页布局内容，分析展示案例，掌握店铺首页包含的模块。
1.构思大体框架2.在纸上画出草图3.整理出电子文档4.修改框架并定稿。
学习店标的定义及作用，店招的定义及作用、大小、分类、注意事项。
学习网店详情页的尺寸、内容模块。
1.进行买家定位2.产品形象3.进行同行调查4,撰写详情页策划方案。
掌握活动专题页装修的基础理论知识和创作方法。
掌握手机店铺首页设计的基础理论知识和创作方法。
了解手机店铺宝贝详情页设计的基础理论知识和创作方法。
(2)能力目标培养和提高各方面综合素质，增强观察力、表现力和审美能力。
在学习过程中注意理论联系实际,注重实际技能的培养。
掌握商品主图设计的制作流程,完成伊米生活馆主图设计。
掌握海报的选材、排版、字体和配色选择，并最终完成海报的制作。
掌握商品分类导航设计、热销商品陈列区设计，完成伊米生活馆的首页装修。
掌握详情页切图了解活动专题页设计流程并完成活动专题页装修。
网店美工岗位职责一、岗位职责概述网店美工是指在电商平台上负责设计和制作产品宣传图和页面的专业人员。
他们通过巧妙的设计和排版，提高产品的吸引力和购买率。
以下是网店美工的具体职责。
二、产品宣传图设计1. 根据产品的特点和风格，设计和制作吸引人眼球的产品宣传图。
2. 合理运用颜色、形状和字体等元素，突出产品的卖点和优势。
3. 根据产品分类和销售季节等因素，适时更新产品宣传图，保持产品页面的新鲜和专业感。
三、店铺页面设计1. 根据店铺定位和品牌形象，设计网店整体的页面风格和布局。
2. 制作店铺的导航栏、分类标签和其他页面元素，提升用户的浏览体验。
3. 设计店铺的广告横幅和活动页面，增加用户对店铺的关注和购买欲望。
四、图片处理和优化1. 负责对产品图片进行处理和优化，使其在网页加载时速度较快，同时清晰度和色彩还原度较高。
2. 调整产品图片的尺寸和比例，使其在不同设备上都能够展示出最佳效果。
3. 对产品图片进行美化处理，修复瑕疵和改善细节，提高产品的展示效果和购买决策的准确性。
五、活动推广资料制作1. 根据公司的宣传活动需求，设计制作活动海报、折扣券和优惠券等推广资料。
2. 根据活动的目标受众和宣传重点，选择合适的图案、配色和字体，制作具有吸引力和辨识度的推广资料。
3. 配合市场部门进行活动资料的测试和调优，确保活动的宣传效果和投资回报率。
六、跨部门协作1. 与运营团队紧密配合，了解产品的特点和竞争优势，更好地展示产品信息和卖点。
2. 与客服团队沟通，根据用户反馈和需求，调整产品页面的设计和布局，提供更好的用户体验。
3. 与开发团队合作，了解和掌握电商平台的设计规范和限制，确保设计作品的可操作性和兼容性。
七、行业动态和创意收集1. 关注电商行业的最新动态和设计趋势，不断提升自己的专业水平和创造力。
2. 积累优秀的设计案例和创意灵感，为自己的工作提供有效的参考和借鉴。
以上是网店美工的职责概述，他们以其专业的设计能力和敏锐的市场洞察力，为电商平台上的产品推广和销售提供了有力的帮助。
