（中职）网店装修（第二版）学习情境二课件.pptx

YCF正版可修改PPT（中职）网店装修（第二版）学习情境二课件网店装修 课前导学知识探究流程计划设计决策任务实施同步实训实训笔记任务一 海报文案学习情境二学习任务情境总结知识拓展拓展训练3 学习目标任务单情境导入设计决策任务实施同步实训实训笔记3 流程计划知识探究课前导学课前导学在网店装修中，店铺海报占据重要的位置，它可以让商品信息更加一目了然，个性化展示店铺，点击后快速进入主推单品，便于将主推商品展现给买家。很多商家都喜欢采用全屏轮播的方式，全屏轮播能整体上很大气且容易突出店铺风格，视觉上让人感觉很舒服。海报的设计讲究号召力和感染力，文案简洁鲜明，引起买家共鸣。学习任务情境总结知识拓展拓展训练4 学习目标任务单情境导入设计决策任务实施同步实训实训笔记4 流程计划知识探究课前导学课前导学 表2-1 任务单细文档：上新品，为茶花随手杯（如图3-1）制作一张网店首页海报具体要求：设计要求主题突出、寓意深刻。表现要求简约大气，设计感强、有吸引力。作品风格要根据网店首页背景颜色一致。设计规格均为950450像素，jpg格式必须是彩色原稿，能以不同的比例尺寸清晰显示。细文档何意？上表中任务要求的细文档，对完成任务的详细要求任任务指派人指派人陈明明发出日期出日期10.8完成日期/时间10.20任任务名称名称茶花随手杯的网店首页海报制作任任务要求要求有明确细文档（见表3-1下方）列明要求其他：任任务用途用途首页主题独立页官方承接页主图直通车图钻展图详情基础优化详情深度优化官方引流图主题广告图新品上新常规活动营销策划主题活动策划大型活动策划商品运营策划其他：自我自我检查确认签名组长检查确认签名验收人收人按要求完成是否确认签名学习任务情境总结知识拓展拓展训练5 学习目标任务单情境导入设计决策任务实施同步实训实训笔记5 流程计划知识探究课前导学课前导学1、知识目标知识目标2、技能目标技能目标掌握网店海报的设计流程能够独立完成网店海报设计了解网店海报的基础理论知识掌握海报的设计流程掌握店铺海报的上传方法学习任务情境总结知识拓展拓展训练6 学习目标任务单情境导入设计决策任务实施同步实训实训笔记6 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。海报的常见尺寸学习任务情境总结知识拓展拓展训练7 学习目标任务单情境导入设计决策任务实施同步实训实训笔记7 流程计划知识探究课前导学知识探究引入海报文案任务一这两张海报图，哪张海报文字内容会吸引你？为什么？学习任务情境总结知识拓展拓展训练8 学习目标任务单情境导入设计决策任务实施同步实训实训笔记8 流程计划知识探究课前导学知识探究海报的常见尺寸海报文案任务一1）首页全屏海报（如图2-2）宽：1440px/1680px/1920px(越大越兼容）高：300px700px（仅建议）学习任务情境总结知识拓展拓展训练9 学习目标任务单情境导入设计决策任务实施同步实训实训笔记9 流程计划知识探究课前导学知识探究海报文案任务一2）自定义页面普通海报（如图2-3）宽：C店950px（B店990px）高：400px600px（仅建议）学习任务情境总结知识拓展拓展训练10 学习目标任务单情境导入设计决策任务实施同步实训实训笔记10 流程计划知识探究课前导学知识探究海报文案任务一3）宝贝详情页中的海报（如图2-4）宽：C店750px(B店790px）高：200px400px（仅建议）学习任务情境总结知识拓展拓展训练11 学习目标任务单情境导入设计决策任务实施同步实训实训笔记11 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。海报的主题学习任务情境总结知识拓展拓展训练12 学习目标任务单情境导入设计决策任务实施同步实训实训笔记12 流程计划知识探究课前导学知识探究海报的主题海报文案任务一1）店铺宣传店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。学习任务情境总结知识拓展拓展训练13 学习目标任务单情境导入设计决策任务实施同步实训实训笔记13 流程计划知识探究课前导学知识探究海报文案任务一2）商品宣传商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。学习任务情境总结知识拓展拓展训练14 学习目标任务单情境导入设计决策任务实施同步实训实训笔记14 流程计划知识探究课前导学知识探究海报文案任务一3）品牌宣传品牌宣传海报旨在宣传品牌，提升品牌形象。学习任务情境总结知识拓展拓展训练15 学习目标任务单情境导入设计决策任务实施同步实训实训笔记15 流程计划知识探究课前导学知识探究海报文案任务一4）会员宣传会员宣传主要有会员换购、会员日等。学习任务情境总结知识拓展拓展训练16 学习目标任务单情境导入设计决策任务实施同步实训实训笔记16 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。海报的文案学习任务情境总结知识拓展拓展训练17 学习目标任务单情境导入设计决策任务实施同步实训实训笔记17 流程计划知识探究课前导学知识探究海报的文案海报文案任务一文案的设计过程一般要经过4个层级：1、战略层：2、感受层：3、内容层：4、表达层：学习任务情境总结知识拓展拓展训练18 学习目标任务单情境导入设计决策任务实施同步实训实训笔记18 流程计划知识探究课前导学知识探究海报文案任务一海报中的文案可分1、主标题：2、副标题：3、正文：学习任务情境总结知识拓展拓展训练19 学习目标任务单情境导入设计决策任务实施同步实训实训笔记19 流程计划知识探究课前导学流程计划确定海报主题撰写海报主标题撰写海报副标题撰写海报正文通过对任务的分析及海报设计的学习，制定海报文案撰写计划如下：海报文案任务一学习任务情境总结知识拓展拓展训练20 学习目标任务单情境导入设计决策任务实施同步实训实训笔记20 流程计划知识探究课前导学设计决策一、确定海报主题此次海报的任务是为新店铺开张的茶花随手杯设计一幅海报，根据海报主题的分类，我们可以选择新品上市主题。二、撰写海报文案根据文案设计过程的4个层级分析得出：1、战略层：新店开张，推出新品，让消费者记住我们这一店铺2、感受层：针对这款水杯，挖掘消费者的痛点：外出水杯放旅游包中有漏水，塑料材质的食品安全卫生问题3、内容层：随手杯的密封圈设计，安全无侧漏，玻璃材质安全无毒4、表达层：倒立不漏从而确定了海报文案的主标题：倒立不漏副标题：无铅玻璃，硅胶防烫海报文案任务一学习任务情境总结知识拓展拓展训练21 学习目标任务单情境导入设计决策任务实施同步实训实训笔记21 流程计划知识探究课前导学任务实施1、新建图像海报文案任务一学习任务情境总结知识拓展拓展训练22 学习目标任务单情境导入设计决策任务实施同步实训实训笔记22 流程计划知识探究课前导学任务实施海报文案任务一2、输入海报文案3、保存图像学习任务情境总结知识拓展拓展训练23 学习目标任务单情境导入设计决策任务实施同步实训实训笔记23 流程计划知识探究课前导学同步实训学习任务情境总结知识拓展拓展训练24 学习目标任务单情境导入设计决策任务实施同步实训实训笔记24 流程计划知识探究课前导学实训笔记记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、2、3、网店装修 课前导学知识探究流程计划设计决策任务实施同步实训实训笔记任务二 海报设计学习情境二学习任务情境总结知识拓展拓展训练26 学习目标任务单情境导入设计决策任务实施同步实训实训笔记26 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。素材选择学习任务情境总结知识拓展拓展训练27 学习目标任务单情境导入设计决策任务实施同步实训实训笔记27 流程计划知识探究课前导学知识探究海报设计任务二素材选择1、需求沟通。2、确定产品特点。例如海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素，如图2-12所示。学习任务情境总结知识拓展拓展训练28 学习目标任务单情境导入设计决策任务实施同步实训实训笔记28 流程计划知识探究课前导学知识探究3、确定风格。（1）简约风格。就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。海报设计任务二学习任务情境总结知识拓展拓展训练29 学习目标任务单情境导入设计决策任务实施同步实训实训笔记29 流程计划知识探究课前导学知识探究（2）可爱风格。是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。海报设计任务二学习任务情境总结知识拓展拓展训练30 学习目标任务单情境导入设计决策任务实施同步实训实训笔记30 流程计划知识探究课前导学知识探究（3）清新风格。是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。海报设计任务二学习任务情境总结知识拓展拓展训练31 学习目标任务单情境导入设计决策任务实施同步实训实训笔记31 流程计划知识探究课前导学知识探究（4）科技风格。是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。海报设计任务二学习任务情境总结知识拓展拓展训练32 学习目标任务单情境导入设计决策任务实施同步实训实训笔记32 流程计划知识探究课前导学知识探究4、主体图的选择。（1）清晰。更高清的主体图更加精致，有品质感，会让用户感受到更多的细节，也能激发用户的购买冲动。海报设计任务二学习任务情境总结知识拓展拓展训练33 学习目标任务单情境导入设计决策任务实施同步实训实训笔记33 流程计划知识探究课前导学知识探究（2）饱满。饱满是指在有限的版面空间中，主体一定要占据最大的视觉比例，让用户感受到主体的重要性。可以采取放大主体，或者多角度展示的方式，来看主体图显得更饱满。海报设计任务二学习任务情境总结知识拓展拓展训练34 学习目标任务单情境导入设计决策任务实施同步实训实训笔记34 流程计划知识探究课前导学知识探究（3）立体感、重量感。具有立体感、重量感的东西比较具有品质感。如果画面上的商品图只能有一个角度展示，那就尽量选择30-45度左右的侧面海报设计任务二学习任务情境总结知识拓展拓展训练35 学习目标任务单情境导入设计决策任务实施同步实训实训笔记35 流程计划知识探究课前导学知识探究5、背景的选择。（1）拍摄图。商品与场景搭配拍摄，直接用作背景使用。免去了不知用哪个背景挑选的困扰。海报设计任务二学习任务情境总结知识拓展拓展训练36 学习目标任务单情境导入设计决策任务实施同步实训实训笔记36 流程计划知识探究课前导学知识探究（2）自制背景。将商品/模特抠取出来，根据商品/模特的颜色和需求中要求的风格来选择背景。海报设计任务二学习任务情境总结知识拓展拓展训练37 学习目标任务单情境导入设计决策任务实施同步实训实训笔记37 流程计划知识探究课前导学知识探究海报设计任务二举例说明，中秋主题的海报学习任务情境总结知识拓展拓展训练38 学习目标任务单情境导入设计决策任务实施同步实训实训笔记38 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。海报的构图学习任务情境总结知识拓展拓展训练39 学习目标任务单情境导入设计决策任务实施同步实训实训笔记39 流程计划知识探究课前导学知识探究海报设计任务二海报的构图（一）左右构图。左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。学习任务情境总结知识拓展拓展训练40 学习目标任务单情境导入设计决策任务实施同步实训实训笔记40 流程计划知识探究课前导学知识探究（二）上下构图。上下构图是指把产品和主题文案上下摆放。海报设计任务二学习任务情境总结知识拓展拓展训练41 学习目标任务单情境导入设计决策任务实施同步实训实训笔记41 流程计划知识探究课前导学知识探究（三）居中构图。居中构图是指把主题文案放在中间位置，产品放在两边。海报设计任务二学习任务情境总结知识拓展拓展训练42 学习目标任务单情境导入设计决策任务实施同步实训实训笔记42 流程计划知识探究课前导学知识探究（四）几何形构图。（1）圆形构图法圆形构图法是商品、模特、文案构成相对完整的椭圆形，文字及图形更加内向集中，这种构图画面更加完整，有一种自然、放松、热闹、趣味、韵律感的效果。海报设计任务二学习任务情境总结知识拓展拓展训练43 学习目标任务单情境导入设计决策任务实施同步实训实训笔记43 流程计划知识探究课前导学知识探究（四）几何形构图。（2）三角形构图法三角形构图是指商品、模特、文案构成相对完整的三角形的外向对齐的构图，具有平稳、庄重、力量感，倾斜的三角图视觉上更活泼、动感。海报设计任务二学习任务情境总结知识拓展拓展训练44 学习目标任务单情境导入设计决策任务实施同步实训实训笔记44 流程计划知识探究课前导学知识探究（四）几何形构图。（3）菱形构图法菱形构图法是以指商品、模特、文案构成相对完整的平行四边形的构图方式，更具有运动感，有强烈的视觉张力。海报设计任务二学习任务情境总结知识拓展拓展训练45 学习目标任务单情境导入设计决策任务实施同步实训实训笔记45 流程计划知识探究课前导学知识探究（四）几何形构图。（4）矩形构图法矩形构图法是商品、模特、文案构成相对完整的长方形，文字及图形更加内向集中，这种构图画面完整利落。海报设计任务二学习任务情境总结知识拓展拓展训练46 学习目标任务单情境导入设计决策任务实施同步实训实训笔记46 流程计划知识探究课前导学知识探究（四）几何形构图。（5）梯形构图法梯形构图法和三角构图类似，比三角形更平稳。海报设计任务二学习任务情境总结知识拓展拓展训练47 学习目标任务单情境导入设计决策任务实施同步实训实训笔记47 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。文案的排版学习任务情境总结知识拓展拓展训练48 学习目标任务单情境导入设计决策任务实施同步实训实训笔记48 流程计划知识探究课前导学知识探究海报设计任务二文案的排版1亲密亲密原则就是将相关的信息分在一组，物理位置的接近意味着它们存在关联。杂乱无章的排版亲密组合排版学习任务情境总结知识拓展拓展训练49 学习目标任务单情境导入设计决策任务实施同步实训实训笔记49 流程计划知识探究课前导学知识探究2.对齐任何元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则就是要找一条明确的对齐线，并坚持以它为基准，使依附于它的元素建立起除亲密以外的秩序。对齐主要有左对齐、居中对齐、右对齐。但是要避免在同一画面上混合使用多种文本对齐方式，也要尽量避免居中对齐，那样虽然会使画面显得正式，但也更乏味。海报设计任务二学习任务情境总结知识拓展拓展训练50 学习目标任务单情境导入设计决策任务实施同步实训实训笔记50 流程计划知识探究课前导学知识探究3重复设计中的某些方面需要在整个作品中重复。重复不仅对单页的作品很有用，对于多页文档或一套设计作品更是重要，通常称之为“一致性”。但要避免过多地重复一个元素，重复太多会让人生厌。重复有颜色重复出现、高度宽度重复出现、元素间距重复出现等表现形式。海报设计任务二学习任务情境总结知识拓展拓展训练51 学习目标任务单情境导入设计决策任务实施同步实训实训笔记51 流程计划知识探究课前导学知识探究4.对比对比要强烈才有效。如果两个元素不完全相同，就应当使它们不同，而且应当是截然不同。对比原则包含的内容很多，比如大字体与小字体、粗线条与细线条、冷色与暖色、平滑与粗糙、长宽与高窄、虚与实等。海报设计任务二学习任务情境总结知识拓展拓展训练52 学习目标任务单情境导入设计决策任务实施同步实训实训笔记52 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。色彩搭配学习任务情境总结知识拓展拓展训练53 学习目标任务单情境导入设计决策任务实施同步实训实训笔记53 流程计划知识探究课前导学知识探究海报设计任务二色彩搭配海报颜色占据画面的主要有三大元素：主体物、文案、背景。所以这三者的颜色决定了整个画面的色彩。学习任务情境总结知识拓展拓展训练54 学习目标任务单情境导入设计决策任务实施同步实训实训笔记54 流程计划知识探究课前导学知识探究1、提取主体物的色彩，根据产品找到本身的颜色，首先分析主体物都包含哪些颜色。2、接着进行应用。看一看哪种颜色占据最多，那就设定为主色，应用在背景中，其次就应用于文案和点缀色中。从案例中分析得到浅蓝色占据最多，其次是深蓝色和白色。3、而对于点缀色的使用，如果画面的色彩有点花，那么辅助元素就弱一点，采用和主色相同的色相，把画面稍微的压一压。4、反之，如果画面太平静，需要加强一下气氛，那么辅助元素就可以采用强对比色，或者反相色，来提升画面的对比度。海报设计任务二学习任务情境总结知识拓展拓展训练55 学习目标任务单情境导入设计决策任务实施同步实训实训笔记55 流程计划知识探究课前导学知识探究图1-1某化妆品店铺首页1图1-2某化妆品店铺首页21、某化妆品店铺首页1，第一感觉是数码电器类店铺的装修风格，而对于化妆品店，就应选干净、清爽的配色，这样的黑色显不出高端反而有点压抑。2、某化妆品店铺首页2，装修以浅色系为主，配色清新、自然，对化妆品类目来说，这种清爽、干净的装修风格更能凸显化妆品的商品定位。所以说一个好的店铺装修，是一种营销，一种推广。差的店铺装修效果，无论多么名贵的商品都体现不出商品的价值。细节点缀学习任务情境总结知识拓展拓展训练56 学习目标任务单情境导入设计决策任务实施同步实训实训笔记56 流程计划知识探究课前导学知识探究海报设计任务二细节点缀1、纹理背景相对于纯色背景，纹理在质感上更丰富细腻。由相同元素重复平铺构成的纹理背景，背景上的元素可以与主题呼应起来。变化的色块也具有纹理的作用.学习任务情境总结知识拓展拓展训练57 学习目标任务单情境导入设计决策任务实施同步实训实训笔记57 流程计划知识探究课前导学知识探究2、几何图形几何图形几乎就是万金油，在任何主题的设计上都可以使用。点线元素是最常用作装饰作用的，任何几何元素都适合用来点缀画面，如小圆圈、三角形、小段曲线等。海报设计任务二学习任务情境总结知识拓展拓展训练58 学习目标任务单情境导入设计决策任务实施同步实训实训笔记58 流程计划知识探究课前导学知识探究3、主题相关的元素如果画面的主题跟季节相关，那就可以点缀一些相应的元素来强化主题。海报设计任务二学习任务情境总结知识拓展拓展训练59 学习目标任务单情境导入设计决策任务实施同步实训实训笔记59 流程计划知识探究课前导学知识探究4、搭建小场景把商品图抠出来之后，光影、色彩跟背景都会有点脱离，看着不太自然。可以考虑给商品搭建一个小场景，让它看起来像是在现实生活中看到的样子，不过要让场景尽量简单，复杂的场景一方面会让光影难以处理真实自然，另外一方面也会干扰到商品。海报设计任务二学习任务情境总结知识拓展拓展训练60 学习目标任务单情境导入设计决策任务实施同步实训实训笔记60 流程计划知识探究课前导学流程计划确定好海报文案后，根据海报的制作顺序制订以下计划：海报文案任务一色彩搭配素材选择海报的构图文案的排版细节点缀制作海报学习任务情境总结知识拓展拓展训练61 学习目标任务单情境导入设计决策任务实施同步实训实训笔记61 流程计划知识探究课前导学设计决策一、海报素材1、产品特点：水杯的特点是便携拎手，容量大，可存放热水或冰水。树叶、花瓣、棕榈叶的素材可以表现清新淡雅。2、确定风格：因水杯的简约风格，海报风格定义为简约风格。3、主体物选择：选取倒扣水杯的图片，表现倒立不漏，体现立体、重量感。4、背景选择：因为拍摄时没有场景图，所以将商品抠取出来，设计制作纯色背景。详情页设计任务二学习任务情境总结知识拓展拓展训练62 学习目标任务单情境导入设计决策任务实施同步实训实训笔记62 流程计划知识探究课前导学设计决策二、海报的构图技巧版面设计：左右构图海报构图元素：矩形构图法，版面设计图见图2-48所示。字体选择金桥繁综艺和黑体海报文案的排版四个原则：亲密、对齐、重复、对比详情页设计任务二文案 商品 素材背景 素材背景学习任务情境总结知识拓展拓展训练63 学习目标任务单情境导入设计决策任务实施同步实训实训笔记63 流程计划知识探究课前导学设计决策三、色彩搭配根据产品自身颜色，配色定为深绿色和白色。细节点缀：纹理背景详情页设计任务二学习任务情境总结知识拓展拓展训练64 学习目标任务单情境导入设计决策任务实施同步实训实训笔记64 流程计划知识探究课前导学任务实施1、素材收集根据设计决策，选择商品拍摄图；上网收集素材图片。详情页设计任务二学习任务情境总结知识拓展拓展训练65 学习目标任务单情境导入设计决策任务实施同步实训实训笔记65 流程计划知识探究课前导学任务实施2、打开文档调出之前完成的海报文案详情页设计任务二学习任务情境总结知识拓展拓展训练66 学习目标任务单情境导入设计决策任务实施同步实训实训笔记66 流程计划知识探究课前导学任务实施3、背景添加隐藏文案图层，将素材抠好图放在海报内，背景调整为随手杯相近的颜色，并给随手杯添加底纹。详情页设计任务二学习任务情境总结知识拓展拓展训练67 学习目标任务单情境导入设计决策任务实施同步实训实训笔记67 流程计划知识探究课前导学任务实施4、文字排版配色把文案层显示出来，调整位置，居中对齐，调整行间距；颜色为深绿色，突出“倒立不漏”，添加深绿色底色，正文部分使用白色。详情页设计任务二学习任务情境总结知识拓展拓展训练68 学习目标任务单情境导入设计决策任务实施同步实训实训笔记68 流程计划知识探究课前导学任务实施5、细节点缀将素材拖动到图像上，调整到适合的位置，适当变形调整大小。6、保存文档把文件保存到海报文件夹中。详情页设计任务二学习任务情境总结知识拓展拓展训练69 学习目标任务单情境导入设计决策任务实施同步实训实训笔记69 流程计划知识探究课前导学同步实训学习任务情境总结知识拓展拓展训练70 学习目标任务单情境导入设计决策任务实施同步实训实训笔记70 流程计划知识探究课前导学实训笔记记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、2、3、网店装修 课前导学知识探究流程计划设计决策任务实施同步实训实训笔记任务三 海报上传学习情境二学习任务情境总结知识拓展拓展训练72 学习目标任务单情境导入设计决策任务实施同步实训实训笔记72 流程计划知识探究课前导学知识探究常见首页海报的上传方式 学习任务情境总结知识拓展拓展训练73 学习目标任务单情境导入设计决策任务实施同步实训实训笔记73 流程计划知识探究课前导学知识探究详情页上传任务三1.单张首焦海报上传淘宝网提供的自定义区默认的宽度为950像素，最大容纳950像素宽的图片，一般店铺会在首页焦点位置放置一张950像素宽的单张海报。常见首页海报的上传方式 学习任务情境总结知识拓展拓展训练74 学习目标任务单情境导入设计决策任务实施同步实训实训笔记74 流程计划知识探究课前导学知识探究2.轮播首焦海报上传除了自定义区可以放置海报外，淘宝网还提供了图片轮播的功能，可同时放置多张950像素宽的海报，以轮播的形式展示，在下方会有图片的序号显示，点击序号即显示对应的海报图片。详情页上传任务三学习任务情境总结知识拓展拓展训练75 学习目标任务单情境导入设计决策任务实施同步实训实训笔记75 流程计划知识探究课前导学知识探究3.首页全屏海报上传为了使呈现效果更佳、用户体验更好，可将海报宽度设为1920像素，这样基本上所有的显示器都可以完全铺满。但是，主要产品信息应在1280像素之内或950像素，这样就可以保证设计的主要内容，小屏幕显示器也能完全显示。详情页上传任务三学习任务情境总结知识拓展拓展训练76 学习目标任务单情境导入设计决策任务实施同步实训实训笔记76 流程计划知识探究课前导学知识探究轮播首焦海报的应用 学习任务情境总结知识拓展拓展训练77 学习目标任务单情境导入设计决策任务实施同步实训实训笔记77 流程计划知识探究课前导学知识探究详情页上传任务三（1）登录淘宝网，打开“卖家中心”，点击进入“店铺管理”中的“店铺装修”页面。（2）用鼠标拖动基础模块中的“图片轮播”模块；将其拖动至店招与第一个模块之间，松开鼠标，“图片轮播”模块会被添加至首页。轮播首焦海报的应用 学习任务情境总结知识拓展拓展训练78 学习目标任务单情境导入设计决策任务实施同步实训实训笔记78 流程计划知识探究课前导学知识探究（3）图片轮播模块添加成功后，点击“编辑”，进入图片轮播编辑窗口，分别添加三张已经上传至图片空间的海报图（三张海报的宽和高必须一致），并设置各自对应的商品链接。详情页上传任务三学习任务情境总结知识拓展拓展训练79 学习目标任务单情境导入设计决策任务实施同步实训实训笔记79 流程计划知识探究课前导学知识探究（4）添加完链接之后，修改“显示设置”。“显示标题”选项控制是否显示本自定义区的标题，如果显示的话，海报上方会有一个白条，影响整体美观，所以一般选择不显示；模块高度设置为三个图片的共同高度（我们的图片高450像素）；切换效果按店铺需要设置，一般情况下是左右滚动。完成后进行保存。（5）发布后，可以在店铺首页看到三幅轮播焦点海报。详情页上传任务三学习任务情境总结知识拓展拓展训练80 学习目标任务单情境导入设计决策任务实施同步实训实训笔记80 流程计划知识探究课前导学知识探究首页全屏海报的应用 学习任务情境总结知识拓展拓展训练81 学习目标任务单情境导入设计决策任务实施同步实训实训笔记81 流程计划知识探究课前导学知识探究详情页上传任务三（1）上传已经设计完成的全屏海报图片到店铺的图片空间里。（2）登录淘宝网，打开“卖家中心”，点击进入“店铺管理”中的“店铺装修”页面。（3）用鼠标拖动基础模块中的“自定义区”模块，将其拖动至店招与第一个模块之间，松开鼠标，自定义区模块会被添加至首页。首页全屏海报的应用 学习任务情境总结知识拓展拓展训练82 学习目标任务单情境导入设计决策任务实施同步实训实训笔记82 流程计划知识探究课前导学知识探究（4）自定义区模块添加成功后，点击“编辑”，进入自定义内容区。详情页上传任务三学习任务情境总结知识拓展拓展训练83 学习目标任务单情境导入设计决策任务实施同步实训实训笔记83 流程计划知识探究课前导学知识探究（5）获取全屏海报代码。全屏海报代码获取方法：1）进入稿定设计在线电商装修网站（https:/ 学习目标任务单情境导入设计决策任务实施同步实训实训笔记84 流程计划知识探究课前导学知识探究3）打开“淘宝-全屏海报/视屏”页面，将店铺的素材中心里的海报进行复制，粘贴到生成器里的海报地址内，并将所链接的内容进行粘贴。详情页上传任务三学习任务情境总结知识拓展拓展训练85 学习目标任务单情境导入设计决策任务实施同步实训实训笔记85 流程计划知识探究课前导学知识探究4）点击生成全屏海报的代码，产生成全屏海报代码。详情页上传任务三学习任务情境总结知识拓展拓展训练86 学习目标任务单情境导入设计决策任务实施同步实训实训笔记86 流程计划知识探究课前导学知识探究（6）点击“自定义内容区”窗口的“编辑源代码”，进入代码编辑状态，粘贴全屏海报代码中修改完成的代码至“自定义内容区”窗口中，并设置不显示标题，按“确定”保存。（7）发布后，可以在店铺首页看到全屏海报。详情页上传任务三学习任务情境总结知识拓展拓展训练87 学习目标任务单情境导入设计决策任务实施同步实训实训笔记87 流程计划知识探究课前导学流程计划通过对任务的分析及首页焦点海报应用的学习，制订首页焦点海报应用计划如下：海报文案任务一选择海报应用方法海报应用学习任务情境总结知识拓展拓展训练88 学习目标任务单情境导入设计决策任务实施同步实训实训笔记88 流程计划知识探究课前导学设计决策我们学习了海报应用的方法，应根据具体的店铺装修效果，有针对性地选择。一、单张首焦海报的应用将已经完成的950像素宽海报，应用至淘宝网店铺首页第一屏的自定义区中，并设置好产品链接。二、轮播首焦海报的应用将已经完成的三幅950像素宽海报，应用至淘宝网店铺首页第一屏的图片轮播里，并设置好产品链接。三、首页全屏海报的应用将已经完成的1920像素宽的全屏海报，应用至淘宝网店铺首页第一屏的自定义区中，实现全屏海报的效果，并设置好产品链接。YIMI伊米生活用品店需要在首页进行一张焦点海报展示，并且宽度设计为950像素，所以计划使用单张首焦海报来完成。学习任务情境总结知识拓展拓展训练89 学习目标任务单情境导入设计决策任务实施同步实训实训笔记89 流程计划知识探究课前导学任务实施（1）登录淘宝网，打开“卖家中心”，点击进入“店铺管理”中的“店铺装修”页面。（2）用鼠标拖动基础模块中的“自定义区”模块，将其拖动至店招与第一个模块之间，松开鼠标，自定义区模块会被添加至首页。（3）自定义区模块添加成功后，点击“编辑”，进入自定义内容区。（4）将“显示标题”选项，设置为不显示；点击“插入图片空间图片”按钮，将已经上传到图片空间里的海报图片添加到“自定义区”中。详情页上传任务三学习任务情境总结知识拓展拓展训练90 学习目标任务单情境导入设计决策任务实施同步实训实训笔记90 流程计划知识探究课前导学任务实施（5）添加海报图片之后，选中图片，点击“编辑”按钮，在弹出的对话框中设置好需要链接的商品地址，点击“确定”保存。详情页上传任务三学习任务情境总结知识拓展拓展训练91 学习目标任务单情境导入设计决策任务实施同步实训实训笔记91 流程计划知识探究课前导学任务实施（6）发布后，就可以看到单张首焦海报已经应用完成，并能够链接到对应的商品。详情页上传任务三学习任务情境总结知识拓展拓展训练92 学习目标任务单情境导入设计决策任务实施同步实训实训笔记92 流程计划知识探究课前导学同步实训学习任务情境总结知识拓展拓展训练93 学习目标任务单情境导入设计决策任务实施同步实训实训笔记93 流程计划知识探究课前导学实训笔记记录学习过程和任务实施中的重要知识点及所需要用到的应用资源、以及那些老师指导任务时提出的要点知识要点/学习问题知识点的具体解释/学习应用资源/老师指导任务要点1、2、3、网店装修 总结学习情境四情境考核情境总结拓展训练95 任务单情境导入95 情境考核情境总结拓展训练情境总结一、海报文案1、海报的常见尺寸。1）首页全屏海报宽：1440px/1680px/1920px(越大越兼容）高：300px700px（仅建议）2）自定义页面普通海报宽：C店950px（B店990px）高：400px600px（仅建议）3）宝贝详情页中的海报宽：C店750px(B店790px）高：200px400px（仅建议）2、海报的主题：1）店铺宣传、2）商品宣传、3）品牌宣传、4）会员宣传3、海报的文案：主标题：副标题：正文：96 任务单情境导入96 情境考核情境总结拓展训练情境总结二、海报设计1、素材选择（1）需求沟通。（2）确定产品特点。（3）确定风格。1）简约风格。2）可爱风格。3）清新风格。4）科技风格。（4）主体图的选择1）清晰。2）饱满。3）立体感、重量感。（5）背景的选择。1）拍摄图。2）自制背景。2、海报的构图（1）左右构图。（2）上下构图。（3）居中构图（4）几何形构图1）圆形构图法。2）三角形构图法。3）菱形构图法。4）矩形构图法。5）梯形构图法。97 任务单情境导入97 情境考核情境总结拓展训练情境总结3、文案的排版海报的文案排版有四个原则：亲密、对齐、重复、对比。4、色彩搭配5、细节点缀（1）纹理背景（2）几何图形（3）主题相关的元素（4）搭建小场景三、海报上传1、常见首页海报的上传方式（1）单张首焦海报上传。（2）轮播首焦海报上传。（3）首页全屏海报上传。2、轮播首焦海报的应用（1）登录淘宝网，“卖家中心”“店铺管理”“店铺装修”。98 任务单情境导入98 情境考核情境总结拓展训练情境总结（2）拖动“图片轮播”，添加至首页。（3）“编辑”窗口，分别添加三张上传至图片空间，并设置商品链接。（4）修改“显示设置”。选项控制“显示标题”，切换效果按店铺需要设置，完成后进行保存。（5）发布轮播焦点海报。3、首页全屏海报的应用（1）上传全屏海报到图片空间。（2）“卖家中心”“店铺管理”“店铺装修”。（3）基础模块“自定义区”，添加至首页。（4）点击“编辑”，进入自定义内容区。（5）