《网店运营》课件-项目2 网店视觉设计与装修-店铺形象塑造

网店首页布局网店运营目录/CONTENTS2.1.1网店首页作用2.1.2网店首页布局网店首页作用2.1.12.1.1网店首页作用01定顾客的“第一印象”，影响停留时间02提高页面访问深度，减少用户流失03提升转化率，直接带动销售2.1.1网店首页作用01定顾客的“第一印象”，影响停留时间02提高页面访问深度，减少用户流失03提升转化率，直接带动销售网店首页布局2.1.22.1.2网店首页布局网店首页常见布局结构店招放置店铺品牌LOGO、广告语以及收藏、产品搜索等功能引导买家进行购买。（轮播）海报用于宣传店铺主推的活动和商品，使买家进入店铺首页第一眼就看到店铺的爆款商品和潜在爆款商品。店铺活动入口用醒目的优惠券吸引消费者领取，让买家在最短的时间内快速了解店铺的活动信息，刺激提升消费者购买欲望，从而促进店铺转化销售。商品陈列把商品以不同的陈列方式进行展示，可以用不同区块展示不同分类的商品。页尾由自定义内容模块实现，一般可以用来展示企业实力、品牌影响力等，增强顾客信任感。页头页尾主体2.1.2网店首页布局（一）页头案例2.1.2网店首页布局（二）主体案例01.以海报为主，基本无单品2.1.2网店首页布局（二）主体案例02.陈列出大量商品2.1.2网店首页布局（二）主体案例03.海报+商品陈列2.1.2网店首页布局（二）主体案例03.海报+商品陈列2.1.2网店首页布局（二）主体案例04.海报+店铺活动入口2.1.2网店首页布局（二）主体案例05.页尾案例爱华仕官方旗舰店页尾2.1.2网店首页布局（二）主体案例05.页尾案例七匹狼官方旗舰店页尾首页3大作用：定第一印象、提访问深度、促转化，是网店的“门面”；

PC端首页“页头+主体+页尾”的三段式布局，知道不同品类该用什么布局（纯海报、大量商品、海报+商品）；

PC端和手机端的装修实操步骤，包括模块选择、内容设置、细节优化。小结/SUMMARY思考/THINKING打开淘宝，找3家你常逛的店铺（比如女装、零食、箱包店），分析它们的首页布局

——“店招有什么要素？主体用了哪种陈列方式？页尾有什么信任背书？”网店首页装修操作网店运营目录/CONTENTS2.2.1PC端首页装修2.2.2手机端装修PC端首页装修2.2.12.2.1PC端首页装修（千牛卖家中心-店铺管理-店铺装修-PC端店铺装修）首页布局要体现消费者购物心理逻辑，要有条理、层次感2.2.1PC端首页装修卖家后台手机端装修2.2.22.2.2手机端装修2.2.2手机端装修2.2.2手机端装修网店自定义页面布局网店运营目录/CONTENTS2.3.1网店自定义页概念2.3.2网店自定义页作用2.3.3网店自定义页分类2.3.4网店自定义设计流程网店自定义页概念2.3.12.3.1网店自定义页概念网店自定义页简单来说，它是网店装修里一个独立的页面，不管是电脑端还是无线端的网店装修后台，我们都能按照自己的需求去创建和设计某个主题页。2.3.1网店自定义页概念网店自定义页简单来说，它是网店装修里一个独立的页面，不管是电脑端还是无线端的网店装修后台，我们都能按照自己的需求去创建和设计某个主题页。自定义页面作用2.3.22.3.2自定义页面作用网店自定义页三大核心作用01提升消费者黏度02提升店铺转化率03降低店铺跳失率2.3.2自定义页面作用（一）提升消费者黏度通过设置会员专属的自定义页面，向消费者介绍会员积分的价值，展示会员能够享受的特殊权益，像积分兑换、会员生日送礼、会员专属折扣等。让老客“常回来看看”2.3.2自定义页面作用（二）提升店铺转化率突出优惠力度搭配店铺优惠券定期上新页面2.3.2自定义页面作用（二）提升店铺转化率利用活动价格优势引导消费者多件购买促销活动页面2.3.2自定义页面作用（三）降低店铺跳失率自定义页分类2.3.32.3.3自定义页分类品牌展示类客户服务类会员专属类营销推广类内容分享类限时折扣页新品推广页品牌故事页品牌文化页常见问题页联系我们页会员权益页会员活动页买家秀页知识科普页自定义页面5大类型：不同需求，要选对“页面主题”自定义页面的设计流程2.3.401确定自定义页面类型​02明确自定义页面主题​03分析优秀自定义页面布局​04确定页面布局楼层模块​2.3.4自定义页面的设计流程​——自定义页面的设计流程​——2.3.4自定义页面的设计流程​（一）确定自定义页面类型​设计前首先要明确“页面的目的是什么”，根据目的选类型。2.3.4自定义页面的设计流程​（二）明确自定义页面主题​​确定类型后，要给页面定一个清晰的主题，主题要“围绕目的，吸引用户”。2.3.4自定义页面的设计流程​（三）分析优秀自定义页面布局​在设计前不用“从零开始”，可以先看优秀的案例，学习它们的布局，从而找到自己想要的灵感。最后一步是“把内容分成不同的楼层模块”，让页面清晰有序。每个模块都有明确的作用，用户浏览时不会觉得乱。2.3.4自定义页面的设计流程​（四）确定页面布局模块​最后一步是“把内容分成不同的楼层模块”，让页面清晰有序。每个模块都有明确的作用，用户浏览时不会觉得乱。2.3.4自定义页面的设计流程​（四）确定页面布局模块​自定义页面是“个性化独立页面”，能帮店铺打造差异化优势；自定义页面3大作用：提升消费者黏度（留老客）、提升转化率（促下单）、降低跳失率（减流失）；小结/SUMMARY自定义页面5大类型：品牌展示类、客户服务类、会员专属类、营销推广类、内容分享类；4步设计流程：确定类型→明确主题→分析布局→划分模块小结/SUMMARY思考/THINKING打开淘宝、天猫，找3个你觉得好看的自定义页面，记录它们的布局——“顶部放什么、中间放什么、底部放什么”，下次自己设计时就能参考。思考/THINKING大家课后可以试着给“自己的店铺”设计一个自定义页：如果是卖零食的，就做一个“零食促销页”，分“优惠券、爆款秒杀、分类导航”三个模块；如果是卖护肤品的，就做一个“买家秀页”，集中展示用户好评。网店店标网店运营目录/CONTENTS2.4.1店标LOGO概念2.4.2店标作用2.4.3店标展现位置2.4.4店标展现形式2.4.5店标设计原则目录/CONTENTS2.4.6店标设计要素2.4.7店标常见设计错误及规避2.4.8店标后台上传位置2.3.9网店LOGO案例2.3.10制作动态网店店标店标LOGO概念2.4.12.4.1店标LOGO概念三只松鼠Logo雷士照明Logo小米Logo店铺Logo是识别店铺的标志，是网店品牌形象的核心视觉标识，是消费者识别和记忆店铺的第一视觉符号。它通常由图形、文字或两者组合构成。店标作用2.4.22.4.2店标作用品牌识别帮助消费者快速识别店铺建立信任专业店标提升消费者信任度传达理念通过视觉元素传递品牌价值市场竞争区别于同类竞争对手记忆强化增强品牌在消费者心中的印象店标展现位置2.4.32.4.3店标展现位置移动端店铺首页移动端店铺搜索页PC端店铺搜索页店标展现形式2.4.42.4.4店标展现形式纯文字Logo纯图形Logo图文结合Logo店标设计原则2.4.52.4.5店标设计原则简洁性原则避免过多细节、确保小尺寸下清晰可辨、快速传递核心信息相关性原则与经营类目相符、符合目标客群审美、体现行业特征独特性原则避免模仿知名品牌、创造差异化视觉、具有高辨识度2.4.5店标设计原则持久性原则避免过度追逐潮流、考虑长期使用、预留迭代空间适应性原则在不同背景下都适用、适应各种应用场景、考虑响应式设计店标设计要素2.4.62.4.6店标设计要素图形元素具象图形：直接表现产品特抽象图形：传达理念和情感组合形式：图形与文字结合色彩选择主色不超过3种考虑色彩心理学影响确保跨设备显示一致2.4.6店标设计要素字体设计确保可读性优先与品牌调性相符考虑中英文搭配标语/Slogan简短有力突出价值主张可选择性添加店标常见设计错误及规避2.4.72.4.7店标常见设计错误及规避过度设计表现：元素过多、色彩杂乱规避：简化设计，突出核心忽视移动端表现：仅考虑PC端显示规避：优先移动端设计应用不一致表现：不同平台使用不同版本规避：制定统一使用规范2.4.7店标常见设计错误及规避字体问题表现：使用过多字体、非授权字体规避：限制字体数量，使用正版字体缺乏独特性表现：模仿知名品牌规避：坚持原创设计，突出差异化店标后台上传位置2.4.82.4.8店标后台上传位置网店LOGO案例2.4.92.4.9网店LOGO案例网店店铺LOGO设计规范：1、尺寸80×80像素2、格式JPG、PNG、GIF均可3、文件大小80K以内制作动态网店店标2.4.102.4.10制作动态网店店标动态网店店标思路：利用PS的时间轴面板，创建帧动画，设置合适的播放速度注意：保存需要选择文件—存储为web格式—选择GIF格式保存。网店店招网店运营目录/CONTENTS2.5.1店招定义2.5.2店招功能2.5.3网店店招的构成要素目录/CONTENTS2.5.4店招的类型2.5.5店招设计原则2.5.6店招设计规范店招定义2.5.12.5.1店招定义网店店招相当于实体店铺的招牌，位于网店首页顶部的固定展示区域，通过图文结合形式传递店铺品牌、主营内容及核心卖点。店招是店铺品牌展示的窗口，也是买家对店铺第一印象的主要来源。鲜明有特色的店招对于卖家店铺形成品牌和产品定位具有不可替代的作用。店招功能2.5.2‌品牌识别展示店铺名称、Logo、广告语等基础信息，强化品牌记忆点。‌营销推广突出促销活动（如双十一、新品首发）、爆款产品，引导用户点击转化。‌风格定位通过配色、字体设计等视觉元素传递店铺调性（如高端、亲民、复古等）。2.5.2店招功能2.5.2店招功能一般而言，一个店铺要求店招、产品、店铺风格具有统一性。店招的风格引导着店铺的风格，而店铺的风格很大程度上取决于店铺所经营的产品，具有鲜明有特色的店招对于卖家店铺形成品牌和产品定位具有不可替代的作用。网店店招的构成要素2.5.32.5.3网店店招的构成要素网店店招构成主要元素有：01基础必备要素02促销推广要素03其他辅助要素品牌名称/LOGO‌品牌名称/Logo：直接展示店铺名称或品牌标识，强化身份认知与信任度，占据视觉中心位置。2.5.3网店店招的构成要素（一）基础必备要素广告语/标语广告语/标语：用简短文案（如“装得下，世界就是你的”“好空调，格力造”）传达核心卖点或品牌理念，增强差异化记忆。2.5.3网店店招的构成要素（一）基础必备要素视觉主色调‌视觉主色调：‌色彩方案需与品牌调性一致（如橙色激发食欲适合食品，绿色传递生态有机安全感适合护肤品，冷色调传递科技感）。2.5.3网店店招的构成要素（一）基础必备要素‌活动信息限时折扣、满减优惠等促销文案需醒目排版，吸引点击（如“618大促全场5折”）。2.5.3网店店招的构成要素（二）促销推广要素‌优惠券入口直接嵌入可领取的优惠券图标或按钮，刺激潜在消费。2.5.3网店店招的构成要素（二）促销推广要素‌爆款推荐标注主推单品（如“销量TOP1”“新品首发”），聚焦用户注意力。2.5.3网店店招的构成要素（二）促销推广要素2.5.3网店店招的构成要素（三）其他辅助要素其他辅助信息要素主营商品/服务展示通过产品图片或分类标签直观体现经营类目（如服饰店展示热销款式）。2.5.3网店店招的构成要素（三）其他辅助要素其他辅助信息要素信誉与服务标识展示店铺评分、消保认证、服务承诺（如“7天退换”“闪电发货”）提升转化率。2.5.3网店店招的构成要素（三）其他辅助要素其他辅助信息要素互动功能入口设置“收藏店铺”“关注按钮”“搜索框”等便捷操作入口，优化用户体验。店招的类型2.5.42.5.4店招的类型以品牌宣传为主型以产品推广为主型2.5.4店招的类型以促销引流为主型以产品分类为主型店招设计原则2.5.52.5.5店招设计原则设计原则（1）在店招中注入自己的品牌形象（店铺名称或者产品图片）。（2）结合产品进行定位，让买家清楚直观地看到店铺出售的是什么商品。店招设计规范2.5.62.5.6店招设计规范设计规范（1）常规店招：非全屏店招，尺寸为950×120像素，可以上传GIF、JPG、JPEG和PNG这4种图片格式。（2）通栏店招：1920×120像素，其大小不可以超过200KB。认识网店海报banner网店运营目录/CONTENTS2.6.1认识网店海报banner2.6.2网店banner核心功能2.6.3网店banner出现的位置2.6.4电商海报banner构成要素2.6.5不同平台网店Banner常见设计规范认识网店banner2.6.12.6.1认识网店bannerBanner指的是网店页面的横幅广告，也是店铺风格最直观的展现位置，对于营造氛围起着巨大的作用。2.6.1认识网店bannerBanner指的是网店页面的横幅广告，也是店铺风格最直观的展现位置，对于营造氛围起着巨大的作用。2.6.1认识网店banner网店首页的焦点轮播图、促销活动海报、商品推荐图，甚至详情页里精美的商品首图，一般都属于banner。因为用途广泛，所以Banner成为了淘宝产品信息传播的最主要途径之一，也是店铺吸引流量和提高转化率的重要工具。核心功能2.6.22.6.2核心功能第一视觉：吸引第二视觉：告诉受众“这是什么”

第三视觉：流量转化网店banner出现的位置2.6.32.6.3网店banner出现的位置网店海报出现的位置首页轮播图2.6.3网店banner出现的位置网店海报出现的位置首页促销海报2.6.3网店banner出现的位置网店海报出现的位置详情页海报电商海报banner构成要素2.6.42.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围海报的核心展示对象，需高清、突出卖点。产品/主体形象2.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围烘托主题的背景（纯色/渐变色/场景图）背景2.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围主标题：最大最醒目文字，传递核心卖点。文案信息2.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围副标题/辅助文案：补充主标题，字体稍小。文案信息2.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围行动指令（CTA）：引导用户点击的按钮或文字。文案信息2.6.4电商海报banner构成要素电商海报banner构成要素=产品+背景+文案+品牌+价格+氛围附加信息：优惠规则、活动时间等文案信息2.6.4电商海报banner构成要素Logo：品牌标志，通常放在角落（左上角/右下角），尺寸适中。部分banner直接显示品牌名称，强化认知。品牌标识2.6.4电商海报banner构成要素价格标签：突出价格或折扣，用特殊图形强化。例：“¥99”“5折”标签营销元素2.6.4电商海报banner构成要素信任背书：增强用户信任感的信息。例：“正品保障”“销量10万+”“明星推荐”。营销元素2.6.4电商海报banner构成要素氛围元素：引导视线聚焦核心信息（箭头、线条）；点缀画面，提升美观度（线条/光影/图形）。氛围元素不同平台网店Banner常见设计规范2.6.52.6.5不同平台网店Banner常见设计规范平台设备端推荐宽度（px）常用高度范围（px）设计核心注意事项淘宝电脑端950（常规）

1920（全屏）400-600（常规）

按需适配（全屏）全屏海报需将核心内容（文案、产品）置于中间950px安全区，避免分辨率适配问题手机端640（常规）

1920（大屏）200-960专业版旺铺支持大屏海报，需适配手机屏幕比例，控制文件大小（≤200KB更优）天猫电脑端990（常规）

1920（全屏）400-600（常规）

按需适配（全屏）全屏海报核心内容集中在中间990px区域，贴合品牌高端调性设计手机端750≤1334控制高度避免内容冗长，优先展示核心信息（如品牌、爆款、促销）2.6.5不同平台网店Banner常见设计规范平台设备端推荐宽度（px）常用高度范围（px）设计核心注意事项京东电脑端990（常规）

1920（全屏）300-600（常规）

按需适配（全屏）全屏海报重要信息放中间990px安全区，适配京东平台“品质电商”风格手机端750640-1008保证不同机型清晰显示，突出产品功能、促销力度拼多多电脑端750300-500简化设计，突出低价、爆款标签（如“万人团”“限时秒杀”）手机端750300-1000用大字体、高对比色强调文案（如“9.9元包邮”），适配下沉市场用户浏览习惯Banner是网店的横幅广告，是传递信息、吸引流量的关键工具；海报常出现在首页轮播、首页促销、详情页这三个关键位置；小结/SUMMARY海报六大构成要素；不同平台的设计规范，避免后续设计时踩坑。小结/SUMMARY思考/THINKING找3张你觉得好看的Banner，试着分析它们的构成要素和设计逻辑。海报构图及文案排版网店运营目录/CONTENTS2.7.1海报构图排版2.7.2文案排版技巧海报构图排版2.7.12.7.1海报构图排版简单说，构图就是“把海报里的元素（产品、文案等）按某种方式摆”。调整这些可视化信息元素在画面中的大小和位置，从而使画面达到美观和谐并且突出主题的视觉效果。“海报构图”2.7.1海报构图排版（一）两栏结构特点左图右文或右图左文，布局方式结构稳重、平衡，商品展

示与文案宣传并重，容易产生视觉焦点，界面效果强烈且突出2.7.1海报构图排版（一）两栏结构适用场景常规促销单品展示2.7.1海报构图排版（二）上下结构特点上图下文或下图上文，突出科技感与简洁性适用场景电子数码类2.7.1海报构图排版（三）三栏结构特点中间文案，两侧商品，更具层次感，比如用一侧的近景模特与另一侧的远景模特产生对比和呼应适用场景服饰鞋包类2.7.1海报构图排版（四）倾斜结构特点打破对称布局，时尚且具有动感。当画面中的元素布置，不与水平线或垂直线平行的时候，画面就会产生不平衡感，或者叫做动感适用场景运动相关产品2.7.1海报构图排版（五）组合式结构特点多商品拼贴+促销信息，营造热闹氛围适用场景大促活动，多品类联合促销文案排版技巧2.7.22.7.2文案排版技巧对齐对比分组文案排版三大黄金技巧2.7.2文案排版技巧（一）对齐第一招：对齐——让画面整洁的“基础功”设计中对齐方式常见的有3种，左对齐，居中对齐、右对齐，其中左对齐最为常见。左对齐2.7.2文案排版技巧（一）对齐第一招：对齐——让画面整洁的“基础功”右对齐比较少（因为违背了人们从左到右的阅读习惯。）右对齐2.7.2文案排版技巧（一）对齐第一招：对齐——让画面整洁的“基础功”居中排版会给人正式，大气，高端，有品质感。适用于正式、高端场景（如品牌宣传），通过文字与产品叠加营造空间层次感。居中对齐2.7.2文案排版技巧（一）对齐第一招：对齐——让画面整洁的“基础功”如左图所示，海报的文案直接打在产品模特上面，通过背景文案的遮挡和模特营造出一前一后的层次感，加上一些光效会让整张画面空间感提升许多。居中对齐并不适合入门的新手，因为这对画面的布局把控有一定的要求。2.7.2文案排版技巧（二）对比第二招对比

——让重点信息“一眼突出”使用对比的排版技巧可以最有效的增加画面的视觉效果。对比原则包含的内容很多，比如大小粗细对比、虚实对比，冷暖色对比等等。如果你是消费者，右边那张海报更容易让你快速抓到海报要传达的信息呢？2.7.2文案排版技巧（二）对比对比的关键：“反差要大”找出文案中最重点的语句，运用粗细对比和大小对比加以强调和区分！2.7.2文案排版技巧（二）对比对比的关键：“反差要大”字体既然要对比就要对比分明，把标题设置12号字，把正文设置为10号字毫无意义，既然用对比就要大够大，小够小，细够细，粗够粗，让人眼一看就看出来他们的对比关系！记住！一定要对比分明！2.7.2文案排版技巧（三）分组第三招：分组——文案多的时候“分块管理”当文案过多的时候就考虑将文案分组，将相同信息的文案摆放到一起，这样不仅使整个页面富有条理性，也会看上去非常美观，更加有利于消费者阅读。2.7.2文案排版技巧（三）分组第三招：分组——文案多的时候“分块管理”分组技巧同类信息归为一类用“留白”或“符号”分隔小结/SUMMARY01五种海报构图模式两栏式（平衡）、上下式（稳定）、三栏式（有层次）、倾斜式（有动感）、组合式（热闹）023个文案排版技巧对齐（整洁）、对比（突出重点）、分组（有条理）思考/THINKING你能看出下面图用了那些构图和文案排版方法吗？网店商品主图网店运营目录/CONTENTS2.8.1主图的重要性2.8.2主图位置2.8.3主图类型2.8.4设计误区目录/CONTENTS2.8.5设计原则2.8.6主图设计注意事项2.8.7主图设计规范主图的重要性2.8.12.8.1主图的重要性

视线轨迹研究图

视线热点研究图2.8.1主图的重要性视线热点研究图2.8.1主图的重要性商品主图是店铺获取免费流量，商品获取点击率最重要的因素。0102030405输入关键词点击主图咨询下单/离开搜索排序页进入详情页消费者购物路径主图位置2.8.22.8.2主图位置关键词搜索结果页网店商品分类页2.8.2主图位置商品详情页主图类型2.8.32.8.3主图类型（一）品牌LOGO式主图网店中常应用于品牌商标、驰名商标等具有优质口碑、高影响力、高知名度的产品。2.8.3主图类型（二）标签式主图在广告及搜索引擎中我们非常容易见到带有促销价位及相关信息的标签主图。如图所示的宝贝主图的促销标签，会相应的增加商品宝贝的点击率。2.8.3主图类型（三）常见式主图对于无品牌及影响力较弱的品牌产品来说，图上加一些价格信息、促销信息、卖点信息会增加商品主图的点击率及访问量，如图：设计误区2.8.42.8.4设计误区切忌牛皮癣图2.8.4设计误区新手设计误区01多个文字区域，大面积铺盖干扰正常查看宝贝02文字区域在图片周边，虽没有大面积铺盖，但颜色过于醒目且面积过大吸引眼球03文字在图中央，面积大，颜色鲜艳，妨碍看正常宝贝04周围的文字区域面积大，且文字醒目吸引眼球05文字区域虽然不明显，密密麻麻设计原则2.8.52.8.5设计原则设计元素设计原则产品图主图的产品图要清晰，以产品为中心，其他元素不能喧宾夺主背景可以凸显产品本身，增加视觉效果价格或促销信息优惠的价格和限时促销是有效促使买家点击和转化卖点文案围绕用户痛点和需求提炼文案，精炼的卖点可以有效增加转化率主图边框聚焦视觉，提升视觉效果主图设计注意事项2.8.62.8.6主图设计注意事项部分平台强制要求宽高比（如3:4或2:3），需按规则裁剪；主图的首图突出核心卖点，后续主图依次展示细节（材质/工艺）、场景（使用效果）、活动规则（限时优惠）等，形成完整逻辑链）；淘宝平台第五张主图要求白底图，需去背景、无文字水印。注意避免压缩导致模糊，分辨率需≥72dpi。主图设计规范2.8.72.8.7主图设计规范不同平台主图尺寸差异主流平台主图推荐‌800×800像素，通用‌JPG、PNG‌格式需要注意：主图尺寸要在700px*700px以上才具备放大效果2.8.7主图设计规范平台主图尺寸要求特殊说明淘宝/天猫方图：800×800px及以上竖图：750×1000px5张主图，第五张白底图，需去背景、无文字水印京东方图：800×800px及以上拼多多方图：800×800px及以上抖音/快手方图：800×800px及以上竖图：750×1000px速卖通方图：800×800px及以上6张主图，背景底色是白色或纯色，无边框无水印，不允许拼图，LOGO放图片左上角思考/THINKING打开淘宝，搜索你熟悉的商品（比如“卫衣”“保温杯”），找3张你觉得点击率高的主图，分析它们符合哪些设计原则、避开了哪些误区；再找1张你觉得不好的主图，说说它的问题在哪。认识商品详情页网店运营目录/CONTENTS2.9.1商品详情页概念2.9.2商品详情页作用2.9.3商品详情页构成要素2.9.4商品详情页设计逻辑2.9.5商品详情页尺寸规范商品详情页概念2.9.12.9.1商品详情页概念商品详情页是电商平台或店铺中用于全面展示商品信息的页面，通过图文、视频等形式呈现商品的基础属性（如名称、规格、材质）、核心卖点（功能、使用场景）、售后服务政策等内容。商品详情页作用2.9.22.9.2商品详情页作用01激发消费者消费的欲望实用02赢得消费者的信任感美观03提高转化率的重要入口直观其核心目标是降低用户决策成本，提高购买转化率。研究表明，73%的用户需要至少3张图片才能建立购买信心，而优秀的详情页可将转化率提升18%以上。商品详情页构成要素2.9.3商品主图商品主图的展示数量会因平台的不同而略有不同商品视频详情页的商品视频分为主图视频和详情页视频商品参数信息商品的参数信息包括商品价格、规格、颜色、尺寸、库存等商品详情描述商品详情描述就是在商品详情页中通过图片、文字等形式阐述商品的功能和特性2.9.3商品详情页构成要素2.9.3商品详情页构成要素（一）商品主图主图的出现位置除了关键词搜索展示结果页，另外就是宝贝详情页的左上方。目前淘宝平台提供5个商品主图的展示位置，其中第5张为白底图。速卖通提供6个主图的展示位置，要注意的是该平台要求主图的背景底色是白色或纯色，无边框无水印，不允许拼图。2.9.3商品详情页构成要素（二）主图视频详情页的商品视频分为主图视频和详情页视频。淘宝平台主图视频不超过60秒，建议不超过30秒，大小不超过2G。详情页的视频可以是产品细节、卖点的介绍或者是产品的使用方法介绍。2.9.3商品详情页构成要素（三）商品参数信息2.9.3商品详情页构成要素（四）商品详情描述商品详情页描述就是在商品详情页中通过图片，文字等形式阐述商品的功能和特性，主要是向消费者介绍商品。详情页描述的效果会直接影响单品销售额或者店铺的转化率高低，并会影响关联商品的销售额等。商品详情页设计逻辑2.9.42.9.4商品详情页设计逻辑详情页模块的排序是对前期产品分析、定位、核心卖点、产品信息、品牌信息、服务体系、好评、买家秀等信息分类、重组，并且进行有序、有条理的排列，以达到提高转化率的目的。2.9.4商品详情页设计逻辑框架模块作用创意海报情景大图根据前三屏3秒注意力原则，开头设置创意大图吸引消费者注意力。可以展现商品的卖点、促销活动和优惠特价等促销信息，以及品牌形象和设计理念。不局限于当前出售的商品，也可展示店铺中的其他商品或促销信息。店铺优惠券优惠券等活动信息能将犹豫不决人群进行转化。店铺热卖推荐用好关联营销，有效减少旺铺的跳失率，增加客户的访问深度，同时也能为客户提供更多样的产品选择。商品焦点大图通过精美大图迅速吸引消费者对产品注意力。商品卖点/作用/功能通过FBA原则把客户的痛点与产品的优势相结合，分析出产品的核心卖点、作用、功能。抓住客户痛点，刺激购买欲望，挖掘买家痛点以及潜在用户需求，制造共鸣。通过诉求利益因素，给客户一个购买的理由！商品规格参数信息通过具体规格参数让消费者更准确了解产品的适用性。商品细节展示通过拉链、绣花、领口、袖口等细节展示商品的质量、工艺和做工，这样可以很好的突出商品的优势从而赢得消费者好感。商品包装展示根据商品的实际情况来做具体展示，主要展示的是商品所使用的包装材料、包装方法以及包装风格等，进一步赢得消费者好感。店铺/商品资质证书通过展示卖家资质身份以及商品的认证标识，让买家产生信任感，降低购物顾虑。售后保障/物流通过售后保障和物流进一步打消消费者购物顾虑。商品详情页尺寸规范2.9.52.9.5商品详情页尺寸规范（一）PC端详情页设计规范平台详情页建议图片宽度/像素详情页单张图片高度淘宝≤750≤1500像素天猫商城≤790≤1500像素京东商城≤790自定义AliExpress（速卖通）≤710自定义2.9.5商品详情页尺寸规范（二）移动端详情页设计规范平台手机详情页建议图片宽度/像素手机详情页建议图片高度/像素淘宝/天猫480~620≤960单张图片宽度不超过750像素，高度不超过1500像素。因此详情页设计完成后，往往需要切片操作。淘宝官方对详情页图片的建议小结/SUMMARY01详情页是商品的“全方位说明书”，负责展示所有用户需要的信息；02详情页三大作用：激发欲望、赢得信任、提高转化，核心是降低用户决策成本；03四大构成要素：主图（视觉入口）、视频（动态展示）、参数（基础信息）、详情描述（核心卖点）；小结/SUMMARY04十大详情设计逻辑模块，要注意这些模块需要根据具体的商品进行不同的选择和组合。05不同平台的设计规范，尤其是PC端和移动端的图片尺寸要求，避免展示异常思考/THINKING打开淘宝或天猫，找一个你熟悉的商品（比如连衣裙、保温杯），分析它的详情页包含了哪些逻辑模块，再想想“如果是我，我会怎么优化这个详情页”。商品详情页文案网店运营目录/CONTENTS2.10.1商品详情页文案作用2.10.2商品详情页文案类型2.10.3商品详情页文案提炼方法商品详情页文案作用2.10.12.12.1商品详情页文案作用基础作用帮助消费者了解商品核心作用赢得消费者的信任和好感关键作用提高转化率的重要入口详情文案作用可以归结为一个目标：让用户“看懂、相信、想买”。数据显示，好的文案能让详情页转化率提升20%以上。商品详情页文案类型2.10.22.12.2商品详情页文案类型详情页文案可以主要分成3种类型：普通型、解决痛点型、故事型。不同商品，要选对“说话方式”。解决痛点型商品详情页文案故事型商品详情页文案普通型商品详情文案2.12.2商品详情页文案类型（一）普通型商品详情页文案特点文案从商品核心卖点出发，把商品优势转化为用户利益，展示商品独有价值。适合“功能明确、需求直接”的商品，比如杯子、纸巾等。比如“一盖两用杯子”文案：“一盖两用

优雅漫饮，是杯盖也是茶杯，倒杯分享方便”2.12.2商品详情页文案类型（一）普通型商品详情页文案普通型商品详情文案通常从商品核心卖点出发，站在消费者的角度，将商品卖点转化为利益点，循序渐进，不断加强消费者购买商品的信心。0102030405吸引注意将商品定位为问题的解决方案促成消费者实际购买提出需求证明并说服消费者购买商品普通型商品详情页文案撰写逻辑2.12.2商品详情页文案类型（二）解决痛点型商品详情页文案核心是先戳用户痛点，再给解决方案，卖点对应痛点。适合有明确使用场景、能解决用户困扰的商品，比如驱螨包、防晒霜、防脱洗发水等。特点2.12.2商品详情页文案类型（二）解决痛点型商品详情页文案戳痛点：“你的嗓子还好吗？痛点：经常应酬、痰多津少、雾霾天气、抽烟饮酒、咽喉上火、恶心干呕。解决方案：喝一杯胖大海罗汉果菊花茶解决烦恼。比如“咽炎茶”

文案2.12.2商品详情页文案类型（二）解决痛点型商品详情页文案痛点型文案的撰写逻辑：3步“从痛点到解决方案”提出问题（与用户切身利益相关）放大困扰（说明问题的危害）给出解决方案（商品卖点）2.12.2商品详情页文案类型（三）故事型商品详情页文案是“最有感染力的类型”，能够承载消费者的希望、梦想和价值观，引起其情感共鸣。适合特色商品、文创产品、有品牌历史的商品，比如非遗手工艺品、地方特产、老字号商品等。特点2.12.2商品详情页文案类型（三）故事型商品详情页文案比如“钢管厂小郡肝火锅底料”文案：讲述“火锅底料源自1987年钢管厂食堂，传承老成都非遗工艺，当年工人们排队抢着吃”的故事，配上老照片，能让用户觉得“这个底料有历史、有情怀，味道肯定正宗”案例2.12.2商品详情页文案类型3种容易打动用户的故事类型01品牌历史故事2.12.2商品详情页文案类型3种容易打动用户的故事类型02产品起源故事2.12.2商品详情页文案类型3种容易打动用户的故事类型03文化传承故事商品详情页文案提炼方法2.10.32.12.3商品详情页文案提炼方法产品卖点文案的提炼方法01FAB法则02从更高层次需求提炼商品本身的特点比如：“7层精湛工艺+无尾抽真空技术”；2.12.3商品详情页文案提炼方法（一）FAB法则IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIFFeature属性这个特点带来的优势比如“长效保温热饮如初；2.12.3商品详情页文案提炼方法（一）FAB法则IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIAAdvantage优势2.12.3商品详情页文案提炼方法（一）FAB法则IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIBBenefit利益这个优势给用户带来的好处比如：早上装的热水，下午还温热；夏天冰饮放一天，依旧清凉，随时喝到适口温度的水。2.12.3商品详情页文案提炼方法（二）从更高层次需求提炼用“情感、梦想”打动用户，除了功能需求，用户还有“情感需求”，比如“追求时尚、渴望认同、实现梦想”。01.情感需求卖情侣装的文案，写“和TA穿同款，出门就是最甜的风景”2.12.3商品详情页文案提炼方法（二）从更高层次需求提炼用“情感、梦想”打动用户，除了功能需求，用户还有“情感需求”，比如“追求时尚、渴望认同、实现梦想”。02.时尚需求卖潮牌鞋子的文案，写