视觉基础设计4

项目6提升手机端淘宝店铺装修的视

觉

效

果《网店视觉营销实操》重庆大学出版社项目综述

在移动互联网迅猛发展的当下,手机端淘宝店铺已成为商家与消费者互动交易的关键阵地。如何通过有效的视觉营销设计与制作，提升手机端淘宝店铺装修的视觉效果，吸引消费者目光、增强用户体验并促进销售转化，成为电商领域至关重要的课题。本项目将围绕手机端淘宝店铺装修展开探究，引领学生掌握相关知识与技能，成为电商视觉营销领域的专业人才。

近日，乐乐包袋皮具公司的美工团队已启动手机端淘宝店铺的装修工作。依据前期培训掌握的工作流程，团队明确网店整体视觉效果需具备强效吸引力。秉持这一核心理念，美工团队在延续PC端装修风格的基础上，全力策划并设计风格统一且富有视觉冲击力的手机端店铺，各项工作正紧锣密鼓地推进。内容导航任务1∣认识手机淘宝店铺装修任务1∣认识手机淘宝店铺装修

乐乐包袋皮具公司的美工团队前期已经完成PC淘宝店铺的装修。然而PC端页面跟手机端页面有很大的区别，手机端能展现的面积不大，在装修店铺的时候，需要小可所在的美工团队挑重点内容来做。如果放过多内容或者图片，消费者在没有Wifi的情况下利用手机端浏览页面时，会影响页面打开的速度。速度过慢客户体验度会受到影响，甚至可能导致客户流失。所以手机淘宝店铺装修必须要做得简洁而且直击重点。情景设计任务1∣认识手机淘宝店铺装修

任务分解

在前期的工作中，美工团队已经对PC端店铺进行了装修。风格定位、配色方案已经相对完善，现在开始着手对手机端店铺进行装修。主要任务有：①认识手机端与电脑端店铺装修的区别;②初探手机淘宝店铺的装修。内容导航任务1∣认识手机淘宝店铺装修

活动1认识手机端与电脑端店铺装修的区别

活动2初探手机淘宝店铺的装修活动1∣认识手机端与电脑端店铺装修的区别

手机端的淘宝店铺与PC端有着较大的不同，美工小可需要掌握手机端店铺装修特点，学习如何进入手机端店铺装修页面，了解版面信息及手机店铺装修的设计原则，才能更好的胜任美工工作。活动背景活动目标1、让学生初步感知手机端与电脑端店铺装修的直观差异，为后续学习奠定基础。2、引导学生在国货品牌案例的解析中深刻感悟文化传承和技艺创新的力量，建立对“中国智造”的认同感与自豪感。活动1∣认识手机端与电脑端店铺装修的区别

一、手机端店铺特点1.可以随时随地浏览店铺，不受时间、空间限制。2.预览更方便、快捷，增强了买家和卖家的互动粘性，促进快速消费。二、手机店铺装修的设计趋势1.信息要精简;2.风格要统一;3.要以图片为主

;4.分类结构要清晰

;5.要把握色彩要素。

手机端淘宝店铺和PC端淘宝店铺有着很大的不同，操作的过程中，不能完全把PC端的店铺照搬到手机端，需要根据手机端店铺页面的特点对手机端淘宝店铺精心设计，从而更好地发挥视觉营销的作用。知识链接活动1∣认识手机端与电脑端店铺装修的区别设计步骤参考：（1）以国产包pmsix旗舰店的店铺装修为例。登录pmsix旗舰店的手机淘宝店铺及电脑端淘宝店铺，观察两种店铺的店铺装修视觉效果。活动实施活动1∣认识手机端与电脑端店铺装修的区别设计步骤参考：（2）结合下图任务单中的观察维度（屏幕布局、导航形式、内容呈现等）进行分析讨论电脑端和手机端店铺装修呈现的效果的不同之处。

活动实施活动1∣认识手机端与电脑端店铺装修的区别设计步骤参考：（3）完成任务单。对每个维度进行对比记录，提交3-5张关键差异点截图（标注差异位置及简要说明）。活动实施活动1∣认识手机端与电脑端店铺装修的区别

观察“小米官方旗舰店”PC端和手机端店铺装修的异同。按照图6.1.1的要求完成相应的任务单。活动拓展内容导航任务1∣认识手机淘宝店铺装修

活动1认识手机端与电脑端店铺装修的区别

活动2初探手机淘宝店铺的装修

活动2∣初探手机淘宝店铺的装修

实习生小可已经初步认识了手机端店铺装修的布局和内容展示。现在让我们初探手机端店铺的装修，为接下来的学习打下良好基础。活动背景活动目标了解手机店铺结构和常用模块的操作流程,并能正确上传素材，查看预览效果。活动2∣初探手机淘宝店铺的装修

手机的屏幕较小，消费者的浏览习惯大都是从上至下。手机端店铺装修时，要合理运用各种模块组合，如轮播图、单图海报、多热区切图等模块。

手机店铺的首页由店招、自定义模块专区和宝贝推荐模板等部分构成。

自定义模块区包括优惠券、活动信息、爆款推荐等内容，通常展示在店铺页面前端。

为了吸引消费者，商品推荐模块在对商品进行排列展示时，可参照以下顺序：

（1）爆款；（2）新品展示；（3）季节性商品陈列；（4）特供款或者特价产品展示。

从视觉营销的角度考虑，可以建立不同的会场专区，在首页尽可能多地曝光店铺商品。知识链接活动2∣初探手机淘宝店铺的装修设计步骤参考：（1）手机端店铺装修入口。打开淘宝网，手机扫描登陆【千牛卖家中心】，点击

【开店入驻】进入图6.1.2所示界面。点击图中右下方的【装修】，即可进入装修界面如图6.1.3所示。活动实施活动2∣初探手机淘宝店铺的装修设计步骤参考：活动实施装修界面装修界面活动2∣初探手机淘宝店铺的装修设计步骤参考：（2）【页面装修】的基础版装修模块分为图文类、营销互动类、宝贝类等，如图6.1.4所示。活动实施活动2∣初探手机淘宝店铺的装修设计步骤参考：（3）添加装修模块。装修的时候只要把自己选择的相应模块拖动到中间的界面即可，如：将【基础模块】—【图文类】—【轮播图海报】拖入，结果如图6.1.5中①部分内容所示。活动实施活动2∣初探手机淘宝店铺的装修设计步骤参考：（4）调整/删除模块。点击图6.1.6红框中的按钮，会出现图6.1.7红框所示部分，点击即可进行模块的删除、调整上下顺序等操作。活动实施活动2∣初探手机淘宝店铺的装修设计步骤参考：（5）编辑模块。如拖入【轮播图海报】后，

右边会出现轮播图海报的编辑界面，可以

完成添加【模块名称】、【上传图片】等

操作，如图6.1.8中②部分所示。打开6.1.2

文件夹，将“白色包”素材上传，【模块

名称】为“白色包”，点击【保存】，即

可在装修预览区看到效果，如图6.1.9所示。。活动实施活动2∣初探手机淘宝店铺的装修设计步骤参考：活动实施装修预览区预览效果活动2∣初探手机淘宝店铺的装修通过本活动的学习，小可依据操作评价表，检测自己对手机店铺装修模块认知、模块操作和图片上传等操作是否正确。活动评价内容评分要点分值得分模块认知正确认识手机端店铺核心区域的名称和常用模块35

模块操作完整对各个模块调整、删除、编辑35

图片上传能正确上传图片并完成预览效果30总分100活动2∣初探手机淘宝店铺的装修

对店铺装修的常用模块调整、删除、编辑，打开6.1.2文件夹，上传文件夹中“条纹包”素材并预览效果。活动拓展内容导航任务2∣装修手机端淘宝店铺首页任务2∣装修手机端淘宝店铺首页

美工团队确定了PC端的店铺装修风格、配色方案之后，手机端店铺整体页面也要有一定的设计感和艺术感。我们要为乐乐包袋皮具有限公司进行手机淘宝店铺的装修。公司要求结合该店铺提供给我们的箱包素材图片，进行手机端店铺装修，内容包含：设计与制作轮播图海报、优惠券、单图海报等。情景设计任务2∣装修手机端淘宝店铺首页

任务分解

在前期的工作中，美工团队掌握手机端店铺的装修界面、模块分区、以及如何上传设计图等操作流程。接下来要开始着手对手机淘宝店铺首页模块进行视觉营销设计。本任务主要为：①手机端淘宝轮播图海报的设计与制作；②优惠券的设计与制作；③单图海报的设计与制作。内容导航任务2∣装修手机端淘宝店铺首页

活动1手机端淘宝轮播图海报的设计与制作

活动2优惠券的设计与制作

活动3单图海报的设计与制作活动1∣手机端淘宝轮播图海报的设计与制作

在手机淘宝购物场景里，轮播图海报是店铺吸引访客的“第一窗口”。优质轮播图能快速抓住用户目光，传递商品亮点、活动信息，提升店铺流量与转化率。以箱包类商品为例，通过巧妙设计轮播图，展现包包的版型、材质、搭配优势等，可有效激发消费者购买欲。那么，什么是轮播图呢？轮播图在设计制作的过程中，需要注意哪些问题呢？让我们和小可一起学习探讨吧。活动背景活动1∣手机端淘宝轮播图海报的设计与制作活动目标1、熟练掌握手机淘宝轮播图的尺寸规范，并运用设计工具（如PS、在线设计平台

），独立完成至少3张符合箱包类商品推广需求的手机端淘宝轮播图海报的设计与制作。2、理解轮播图海报对店铺流量、转化的作用，培养以用户视角优化视觉营销素材的思维，提升店铺装修视觉设计能力。活动1∣手机端淘宝轮播图海报的设计与制作

一、基础规范1.尺寸大小

根据淘宝旺铺后台页面装修要求，轮播图海报上传图片宽度1200px，高度600px～2000px的图片，大小不超过2兆。2.文件格式

一般推荐JPG、PNG格式，JPG适合色彩丰富的商品图，PNG在保留透明背景等场景好用。二、设计逻辑1.视觉焦点

明确核心信息，如商品独特卖点、促销活动。通过对比色、特写镜头、简洁文案突出，让用户快速捕捉关键内容。2.风格适配

轮播图海报风格要与店铺整体定位、商品调性统一。知识链接活动1∣手机端淘宝轮播图海报的设计与制作设计步骤参考：(1)确定尺寸大小并添加素材。打开Photoshop文件，新建尺寸为1200px×800px的画布，将6.2.1文件夹→

素材中的“白色包”图片，拖入画布中。(2)确定构图法。采用中心构图法，让观众第一眼就聚焦商品主体。将素材按比例缩放至中间位置。活动实施活动1∣手机端淘宝轮播图海报的设计与制作设计步骤参考：（3）确定配色方案。背景选择浅色系渐变,结合商品本身的颜色，利用形状工具绘制辅助色块，突出白色包清爽的视觉效果，增加画面协调感。比如，将素材中的“背景”拖入文件中。效果如图6.2.1所示。活动实施活动1∣手机端淘宝轮播图海报的设计与制作设计步骤参考：（4）细节优化。添加产品阴影和装饰，防止画面感单一，又有充足留白，能起到视觉聚焦效果。比如，将素材中的“丝绸桌面”拖入文件中。效果如图6.2.2所示。活动实施活动1∣手机端淘宝轮播图海报的设计与制作设计步骤参考：（5）添加logo和文字。在适当的位置添加商品logo和体现卖点的文字。如图6.2.3效果所示。同学们也可以尝试在上传图片时，使用图6.2.4中的“智能作图”，生成适当海报。活动实施活动1∣手机端淘宝轮播图海报的设计与制作设计步骤参考：（6）保存文件。可将文件保存为“白色包轮播图.png”,或者保存为jpg格式。以便后面上传图片。

（7）效果预览。保存上传的轮播图后。通过手机淘宝扫描图6.2.5中的二维码即可在手机端预览效果，如图6.2.6所示。活动实施活动1∣手机端淘宝轮播图海报的设计与制作轮播图海报设计制作评分点：活动评价项目评分标准分值得分轮播图设计内容突出产品主体15

核心卖点提炼15品牌标识10

轮播图设计技术构图技巧10色彩搭配10文案排版10特效与细节优化10

轮播图设计效果尺寸规范合理10风格统一10总分100活动1∣手机端淘宝轮播图海报的设计与制作

根据评价表要求，继续优化轮播图海报设计，并使用素材中其他颜色和款式的皮包制作2张轮播图海报，上传淘宝旺铺后台。活动拓展内容导航任务2∣装修手机端淘宝店铺首页

活动1手机端淘宝轮播图海报的设计与制作

活动2优惠券的设计与制作

活动3单图海报的设计与制作活动2∣优惠券的设计与制作

店铺首页的广告位置处在网店首屏页面的焦点位置，店家经常会利用这一视觉浏览特征，合理利用广告的视觉展现，推销店铺产品、宣传店铺活动。如何在一个视觉区域内合理设计编排广告中的商品图片、文字及整体颜色搭配都是决定一个广告最终效果的重要因素。公司的网店开设好了，要乘热打铁，网销部的小伙伴想让美工队针对店铺开展的活动设计相关广告进行宣传，一起来看看店铺首页的关键性视觉营销模块是如何制作的吧。活动背景活动目标了解店铺促销广告的设计内容，掌握店铺促销广告的构图和设计方法。活动2∣优惠券的设计与制作

店铺优惠券，有利于促进客户粘性，以及增加店铺的交易量。

优惠券需要在【卖家中心】—【营销】—【营销工具】—【营销列表】中查找。

优惠券设计时，要做到以下几点：①信息简洁明了，文字颜色与背景色要有所区分。②切勿将多个优惠信息放置一张图内，会使画面感杂乱，且重点无法突出。③占屏空间要合理，优惠券图片高度尺寸不易过大。知识链接活动2∣优惠券的设计与制作设计步骤参考：（1）确定优惠券构图法。店铺发放了两张优惠券，参考尺寸为1200px×570px的横版构图；借助参考线，左右各放置一张，文字内容突出主题活动即可。（2）确定配色方案。背景选择暗红色，营造喜庆红包的视觉效果；边缘选用的互补色蓝色，增加画面冲击力。防止画面颜色过多，影响视觉效果；文案底色选用白色。如图6.2.7效果所示。活动实施活动2∣优惠券的设计与制作设计步骤参考：（3）文字排版。对字体的大小和粗细进行调整，突出“优惠面值”。并添加相应宣传文案，使文字部分更醒目。如图6.2.8效果所示。活动实施活动2∣优惠券的设计与制作设计步骤参考：（4）完善细节部分。利用形状工具绘制点缀元素，并在白色色块下方添加蓝色色块，使画面感更充实。如图6.2.9效果所示。活动实施活动2∣优惠券的设计与制作优惠券的设计评分点：活动评价项目评分标准分值得分优惠券设计内容优惠信息清晰（面额、使用门槛等）15

活动主题突出15

元素呈现10

优惠券设计技术版式布局合理性10色彩视觉吸引力10

文字信息易读性10装饰元素适配性10优惠券设计效果尺寸规范合理10风格统一10总分活动2∣优惠券的设计与制作

为店铺设计优惠券：5元无门槛优惠券；满199减10、满299减20、满799减100优惠券。要求主题突出；构图合理，配色运用得当。活动拓展内容导航任务2∣装修手机端淘宝店铺首页

活动1手机端淘宝轮播图海报的设计与制作

活动2优惠券的设计与制作

活动3单图海报的设计与制作活动3∣单图海报的设计与制作

在手机购物成为主流的当下，手机淘宝店铺单图海报是吸引消费者、促进皮具箱包产品销售的关键元素。皮具箱包市场竞争激烈，独特、优质的单图海报能快速抓住用户注意力，传递产品特色与店铺活动信息，提升店铺转化率与品牌形象，助力商家在电商浪潮中脱颖而出

。活动背景活动3∣单图海报的设计与制作活动目标1、掌握手机端淘宝皮具包包单图海报设计原则、制作工具操作，能独立完成符合产品特色与店铺需求的海报。2、提升学生电商视觉营销实践能力，助力日后从事相关工作或店铺运营。活动3∣单图海报的设计与制作

一、基础规范1.尺寸要求

根据淘宝旺铺后台页面装修要求，手机端单图海报上传图片宽度1200px，高度120px～2000px的图片，大小不超过2兆。需适配手机屏幕显示，保证清晰且加载顺畅，避免因尺寸不当出现拉伸、模糊或加载卡顿问题。2.文件格式

一般推荐JPG、PNG格式，JPG适合色彩丰富的商品图，PNG在保留透明背景等场景好用，同时注意控制文件大小，保障页面加载速度。知识链接活动3∣单图海报的设计与制作

二、设计原则1.视觉聚焦

手机屏幕小，海报需突出核心，如这款皮具包包，可聚焦其质感、独特造型，用简洁构图让用户一眼抓住重点。2.色彩适配

根据皮具箱包风格选色，浅米色箱包适配柔和、高级感配色，营造优雅氛围，也可使用对比色突出产品。3.信息简洁

单图海报可以主推产品、优惠券、店铺促销活动等方便用户快速了解信息，同时文案要简短有力，像“质感牛皮，经典设计，限时特惠”，快速传递价值与活动。知识链接活动3∣单图海报的设计与制作设计步骤参考：（1）确定尺寸大小并添加素材。打开Photoshop文件，新建尺寸为1200px×800px的画布，将6.2.3文件夹→

素材中的“卡其色包”图片，拖入画布中。（2）确定构图法。采用斜角构图，包包以倾斜角度呈现，打破水平垂直构图的呆板感，增加画面动态与活力。比如，将素材按比例缩放、旋转。活动实施活动3∣单图海报的设计与制作设计步骤参考：（3）确定配色方案。背景选择浅灰色磨砂质感背,与浅棕色皮包形成柔和对比，增加画面协调感。比如，将素材中的“背景”拖入文件中。效果如图6.2.10所示。活动实施活动3∣单图海报的设计与制作设计步骤参考：（4）细节优化。添加产品阴影和植物装饰，能让画面不单一，又有充足留白，能起到视觉聚焦效果。如将素材中的“植物”拖入文件中，效果如图6.2.11所示。

活动实施活动3∣单图海报的设计与制作设计步骤参考：（5）添加文字信息。海报将设计为产品单图海报，聚焦产品本身，传递质感与风格。在适当的位置添加文字，如“新品主推·通勤必备”,效果如图6.2.12所示。活动实施活动3∣单图海报的设计与制作设计步骤参考：（6）保存文件。可将文件保存为“卡其色包单图海报.png”,或者保存为jpg格式。以便后面上传图片。

（7）效果预览。保存上传的轮播图后。通过手机淘宝扫描预览的二维码即可在手机预览效果，如图6.2.13所示。活动实施活动3∣单图海报的设计与制作单图海报设计制作评分点：活动评价项目评分标准分值得分单图海报设计内容突出产品主体15

核心卖点提炼15品牌标识10

单图海报设计技术构图技巧10色彩搭配10文案排版10特效与细节优化10

单图海报设计效果尺寸规范合理10风格统一10总分100活动3∣单图海报的设计与制作

根据评价表，继续优化单图海报设计，并根据店铺提供的其他颜色和款式皮包，针对“优惠券”“促销活动”

核心信息，设计制作单图海报，并上传淘宝旺铺后台。活动拓展内容导航任务3∣手机端多热区切图的使用任务3∣手机端多热区切图的使用

公司已完成PC端店铺装修。随着战略向移动端倾斜，运营负责人指出：多热区切图是优化移动端设计、提升加权点的核心技术，要求实习生小可掌握该技能，将PC商品详情高效适配手机端，支持单图多触点交互，优化转化率。情景设计任务3∣手机端多热区切图的使用任务分解

在前面的学习任务中，我们已经掌握手机淘宝店铺装修的流程，并对首页模块中轮播图海报、单图海报等进行了视觉营销设计。接下来我们继续探索店铺装修的其他模块。本任务主要为：①优惠券的设置；②多热区切图模块的使用。内容导航任务3∣手机端多热区切图的使用

活动1优惠券的设置

活动2多热区切图模块的使用活动1∣优惠券的设置

为了更好的回馈新老客户，以及刺激消费者的购买欲望，店铺决定在促销活动期间发放优惠券。为搭配店铺活动风格，需要小可为店铺活动单独设计优惠券。在设计和操作时需要注意哪些问题呢？和小可一起来学习一下吧。活动背景活动目标了解手机优惠券设计方法，能掌握正确设置和上传优惠券的方法。活动1∣优惠券的设置

淘宝提供店铺优惠券、商品优惠券等类型。店铺优惠券适用于全店商品，可提升店铺整体销量和曝光度；商品优惠券针对特定商品，利于新品推广、滞销品清理或爆款引流。名称：简洁明了，突出优惠内容，不能使用特殊符号，如“#”、“￥”等，最好是纯文字形式，以便消费者快速了解优惠信息。

发放数量：依据店铺库存、营销预算和活动目标合理设置。过多可能导致库存积压和成本过高，过少则可能引发抢券行为，影响用户体验。若进行大规模促销活动，可适当增加发放量；针对小众商品的促销，发放量可少些。知识链接活动1∣优惠券的设置

使用条件：设置合理的满减金额、折扣比例等。满减门槛要符合用户购买习惯和消费能力，既能引导消费者增加购买量以达到门槛，又不能过高使消费者放弃购买。例如，对于客单价较高的商品，满减门槛可设置得高一些，优惠金额也相应大一些；对于低价商品，满减门槛则要降低。

有效期：不宜过长或过短，过长消费者易遗忘，过短则可能来不及使用，一般建议设置为3-30天之间。如配合短期促销活动，有效期可设为3-7天，营造紧迫感；若为长期的店铺优惠政策，有效期可适当延长至1-3个月，但需注意定期评估和调整。知识链接活动1∣优惠券的设置设计步骤参考：（1）优惠券在后台的【页面装修】—【官方模块】—【基础模块】—【营销互动类】找到【店铺优惠券】，可将其拖到装修预览区的轮播图海报下方，如图6.3.1所示。活动实施活动1∣优惠券的设置设计步骤参考：（2）样式选择。在【样式选择】区域，提供了两种样式：【官方样式】和【鹿班样式】，本案例将选择【官方样式】。同学们也可以选择图6.2.13中的【鹿班样式】，即可在【样式装修】中点击【去鹿班选择】查看设计好的样式。活动实施活动1∣优惠券的设置设计步骤参考：（3）新建优惠券活动。回到【千牛后台】，在【营销】—【营销工具】的工具列表中，点击【优惠券】图标，如图6.3.3所示。进入【优惠券】界面后，比如可以选择“新建店铺优券”，如图6.3.4所示。活动实施活动1∣优惠券的设置设计步骤参考：（4）完善优惠信息。将图6.3.5中的【基本信息】和【优惠信息】的内容进行完善，最后点击图6.3.6界面下方的【提交风险校验】，返回列表。活动实施活动1∣优惠券的设置设计步骤参考：（5）管理优惠券。在【优惠券】可以看到【管理优惠券】列表中出现刚刚设置好的活动信息，如图6.3.7所示。修改活动信息时，可以点击右侧【修改】；删除活动信息时，需要先点击【结束】，再进行删除。活动实施活动1∣优惠券的设置设计步骤参考：（6）完成优惠券上传。进入步骤（1）的页面装修后，选择在【店铺优惠券】。右侧会出现请选择优惠券，点击图6.3.8所示界面右边的图标

，进入下一个界面。继续在图6.3.9中勾选对应的优惠信息，点击【确定】。手机可以浏览最终效果，如图6.3.10所示。活动实施活动1∣优惠券的设置优惠券的设置评分点：活动评价项目评分标准分值得分优惠券基本信息设置完整性优惠券基本信息是否完整（包括券名称、面额、使用门槛、有效期）35

优惠券使用规则的正确性优惠券使用规则设置是否正确（如满减金额与门槛匹配、有效期是否合理）35

优惠力设置力度的可行性优惠券的优惠力度是否合理（如“满200立减30”）20总分活动1∣优惠券的设置

1、在以上步骤（2）中为优惠券选择【鹿班样式】，在【样式装修】中点击【去鹿班选择】，选择一些设计好的样式，查看效果。2、在以上步骤（3）中新建【商品满减券】并设置优惠信息，查看效果。活动拓展内容导航任务3∣手机端多热区切图的使用

活动1优惠券的设置

活动2多热区切图模块的使用活动2∣多热区切图模块的使用

在手机淘宝的购物场景中，多热区切图是店铺引导用户深度浏览的“隐形导航”。精妙的多热区切图能让一张海报承载多元信息，既展示核心商品，又能通过不同区域的点击入口分流用户，提升页面跳转效率与转化可能性。以箱包类商品为例，通过合理划分热区，可在一张图中实现“查看同款不同色”“了解材质细节”“领取专属优惠券”等多路径引导，让消费者按需探索，减少流失。那么，什么是多热区切图呢？多热区切图在设计制作时，需要避开哪些误区、掌握哪些技巧呢？让我们和小可一起学习探讨吧。活动背景活动2∣多热区切图模块的使用1、理解多热区切图的定义、在手机淘宝购物场景中的作用。2、掌握多热区切图设计制作的关键技巧，合理划分热区，提升设计的科学性与实用性。3、能够独立完成符合店铺需求的多热区切图设计与应用。活动目标活动2∣多热区切图模块的使用

多热区切图为多个可点击区块，常用于多商品（主题）展示。多热区切图的使用要在自定义页面中添加，对于已创建的页面，商家可以看到页面名称、发布状态、更新时间。对未发布的页面可以进行重命名、装修、复制页面、删除页面。1.尺寸要求：

根据淘宝旺铺后台页面装修要求，多热区切图图片的上传宽度1200px，高度120px～2000px的图片，支持jpg/png格式，大小不超过2兆。2.设计要点：

根据需要设置热区范围与热区链接