最全详情页设计教程_电商产品页面策划教程74页PPT
商品详情页设计教案
商品详情页设计教案一、教学目标1. 让学生了解商品详情页的设计原则和重要性。
2. 培养学生运用设计思维进行商品详情页的创作能力。
3. 提高学生对商品详情页审美鉴赏能力。
二、教学内容1. 商品详情页设计原则2. 商品详情页的构成要素3. 商品详情页设计方法与技巧4. 商品详情页设计实践三、教学过程1. 导入：通过展示优秀的商品详情页案例，引发学生对商品详情页设计的兴趣。
2. 讲解：讲解商品详情页设计原则、构成要素以及设计方法与技巧。
3. 实践：学生分组进行商品详情页设计实践，选取一个商品，为其设计详情页。
4. 展示与评价：学生展示自己的设计作品，互相评价，教师给予指导和建议。
四、教学资源1. 商品详情页设计原则讲解PPT2. 优秀商品详情页案例图片3. 设计软件（如Photoshop、Illustrator等）4. 纸张、画笔、彩泥等手绘工具五、教学评价1. 学生商品详情页设计作品的创意性、美观性、实用性等方面进行评价。
2. 学生对商品详情页设计原则和技巧的掌握程度进行评价。
3. 学生参与实践活动的积极性和团队合作能力进行评价。
六、教学活动1. 课堂讨论：邀请学生分享他们对商品详情页的看法，以及在购物过程中关注哪些方面的详情页。
2. 案例分析：分析国内外知名电商平台的商品详情页设计，讨论其设计优点和不足之处。
3. 设计练习：让学生练习设计一个商品详情页，重点关注布局、色彩、字体等设计元素的应用。
七、教学重点与难点1. 教学重点：商品详情页的设计原则、构成要素以及设计方法与技巧。
2. 教学难点：如何把握商品详情页的整体视觉效果，以及如何运用设计元素突出商品特点。
八、教学准备1. 教师准备：整理并筛选出具有代表性的商品详情页案例，制作PPT 进行讲解。
2. 学生准备：了解自己感兴趣的商品类别，为后续设计实践做好准备。
九、教学方法1. 讲授法：讲解商品详情页设计原则、构成要素及设计方法。
2. 案例分析法：分析优秀商品详情页案例，引导学生从中汲取设计灵感。
产品详情页的排版设计特点
产品详情页的排版设计特点
产品详情页的排版设计特点
产品详情页是电商平台上最重要的页面之一，它是展示商品信息、吸引用户购买的重要场所。
在设计产品详情页的排版时，需要考虑以下几个特点：
1. 突出商品信息：产品详情页的主要目的是展示商品信息，因此在排版设计上需要突出商品的主要特点，如价格、规格、材质等。
可以使用大字体、醒目的颜色等方式来吸引用户的注意力。
2. 简洁明了：产品详情页的排版设计需要简洁明了，避免过多的文字和图片，以免影响用户的阅读体验。
同时，需要注意排版的整洁性，避免出现错乱、重叠等情况。
3. 重点突出：在产品详情页的排版设计中，需要将重点信息突出显示，如商品的优势、特点、使用方法等。
可以使用加粗、颜色、图标等方式来突出显示。
4. 布局合理：产品详情页的排版设计需要合理布局，使用户可以轻松地找到所需信息。
一般来说，可以将商品的基本信息放在页面的上部，而商品的详细信息则可以放在下部，以便用户进行深入了解。
5. 图片清晰：在产品详情页的排版设计中，图片是非常重要的一部分。
需要保证图片清晰、鲜明，以便用户可以更好地了解商品的外观、材质等信息。
同时，需要注意图片的大小和位置，避免影响页面的整体排版。
总之，产品详情页的排版设计需要考虑用户的阅读习惯和需求，突出商品的主要特点，使用户可以轻松地了解商品的信息，从而提高购买转化率。
商品主图与详情页设计ppt课件
1
主图设计与详情页设计
大纲
1.主图设计的基本原则 2.主图设计的基本类型 3.主图设计方法 4.详情页设计方法
2
主图设计与详情页设计 1.主图设计的基本原则 1.保证图片的清晰、完整 尺寸：600*600，700*700
3
主图设计与详情页设计 1.主图设计的基本原则 2.主体突出，画面风格统一
33
替客户做决定 13.一定要发出购买号召，强调现在就应立刻到店里购买
34
替客户做决定 14.要有和购物相关的内容，比如邮费，怎么发货，怎么退换货，哪些售后服务？
35
替客户做决定 15.有跟这款商品相关的关联销售推荐图。
关联商品也要考虑次序问题，同类的商品优先推荐，不同类的 商品放到第二位推荐，最后是套餐的推荐！
10.用户非使用价值文案和图形设计
11.拥有后的感觉塑造
（强化信任，给客户一个100%的购买理由
信赖到想拥有
12.给掏钱人的购买理由——送恋人、送父母、送领导、送朋友等
13.发出购买号召
（为什么立刻，马上，在我店购买，替客户做 决定）
替客户做决定 14.购物须知
（邮费、发货等）
15.关联推荐商品图（可调换的最后）
4
主图设计与详情页设计 1.主图设计的基本类型 1.高清产品图
5
主图设计与详情页设计 1.主图设计的基本类型 2.产品聚合图
6
主图设计与详情页设计 1.主图设计的基本类型 3.场景图
7
主图设计与详情页设计 1.主图设计的基本类型 4.照片拼图
8
主图设计与详情页设计 3.主图设计方法：
设计主图的目的是什么
15
引发兴趣模块 1.品牌介绍(可调整到最后）
商品详情页制作任务教学设计方案
主要对学生的学习过程和学习结果的评价，采用自我评价和教师评价相结合方式。学生学习过程的评价主要对学生参与学习活动情况、实践作品分享积极性以及学习态度进行评价，学习结果的评价是对实践作品进行评价，主要针对实践作品的完整性和创新性。
欢迎您的下载，
资料仅供参考！
致力为企业和个人提供合同协议，策划案计划书，学习资料等等
打造全网一站式需求
1.学生掌握商品广告图的制作要点：
（1）广告图常用宽度为750px、950PX，高度为300—600px；
（2）制作产品广告图必须透彻了解产品的特点，将产品最突出的特点进行展示；
（3）用文字突出产品的特点或促销信息，使文字成为人们眼球的着落点；
（4）广告图背景素材选取要注意同产品颜色和店铺背景颜色的协调。
2.对学生的回答进行总结，补充。
观察比较、分析、回答相应提问
细分分解子任务，引导学生观察、分析、模仿和利用网络资源。
1.学生了解商品详情页应包含商品广告图、属性图和细节图。
2.将任务分解为商品广告图、属性图和细节图的制作3个子任务。
2.学生形成应避免纯文字或纯图片的宝贝详情页，避免商品图片的不完整显示的概念。
2.能进行一定的创新制作商品图片。
3.能将做制作的商品图片合成为商品详情页。
实践成果展示、评价
鼓励学生进行实践成果展示和自我评价。
毛遂自荐、自我评价与评价
培养学生的合作分享意识。
对3——8位学生的作品进行展示，评价。
设问
如何实现在商品详情页中展示其他商品信息，提升客单量？
课后思考，寻求解决方法
引导学生进行不断思考，培养学生的网络资源利用能力。
2.能独立完成商品广告图的制作，能结合销售商品的特点设计并制作商品广告图。
简述详情页的设计技巧
简述详情页的设计技巧随着电商的发展，详情页越来越成为了引导用户进行购买决策的重要页面。
如何设计一个有说服力的详情页，让用户更愿意购买，是一个需要重视的问题。
本文将从图片、文字、布局和交互四个方面，探讨一些相关的设计技巧和参考内容。
一、图片1. 清晰鲜艳的产品主图是详情页的重头戏。
主图需要高清晰度、主题突出、具有足够的兴趣点，以方便用户一目了然。
2. 次要的细节图需要清晰、具有吸引力，并放在主图下方，以强调品质和功能。
3. 上手感图是一个让用户更直观感受产品的设计元素，它需要清晰、具有实体感和档次感。
4. 动效图或视频可以很好地展示产品的实际应用场景和特点，提高用户购买决策的信心度。
二、文字1. 标题需要突出，能够清晰地表达产品的特点和核心卖点，并能够吸引用户的眼球。
2. 副标题需要简明扼要地概括产品的优劣、特色和功能。
3. 特色推荐、小编点评等内容需要重点突出，在文本上加粗、放大或使用明显的颜色和对比，以提高用户关注度。
4. 详细描述需要突出产品特点，以供用户更全面地了解产品的性质和使用。
三、布局1. 布局需要简洁明了，避免过分繁杂、多余的元素分散用户注意力。
2. 标题、价格和购买等信息最好放在页面的显眼位置，方便用户浏览。
3. 对于长文本内容，需分段处理，增加空白区域和合适的行距和字体等，提高阅读的舒适度。
4. 重点信息需要突出，并配合高质量的图片或视频等视觉元素，以增加整个页面的视觉冲击力。
四、交互1. 良好的页面滑动、交互动画设计可以增加用户的使用体验，提高购买率。
2. 交互设计需要符合用户的使用习惯，让用户便捷地使用和操作。
3. 提供多种支付方式，以方便不同消费者的需求。
4. 订单详情需要有清晰的进度提示，方便用户随时跟踪订单状态。
参考内容:1. 美团-餐饮详情页设计规范2. 小米商城-商品详情页设计指南3. 爱奇艺-视频详情页设计规范4. 苏宁易购-电商详情页设计完全解析5. 京东商城-详情页设计规范总之，一个好的详情页设计可以让用户更加了解和信任产品，从而提高购买率和用户留存率。
商品详情页的设计要点
商品详情页的设计要点1.引言1.1 概述在商品详情页的设计过程中，有一些关键要点需要特别注意。
商品详情页是电商网站中最重要的页面之一，直接影响着用户对商品的认知、评估和购买决策。
因此，良好的商品详情页设计可以提升用户体验，促进销售增长。
本文将介绍商品详情页设计的关键要点，以帮助设计师和电商运营者更好地构建用户友好的商品详情页。
首先，一个吸引人的商品详情页应该能够清晰地传达商品的核心信息。
对于商品的名称、品牌、分类、规格、功能等基本信息应该尽可能地清晰明了，以便用户快速了解商品的特点和用途。
其次，商品详情页应该提供丰富的商品展示内容。
通过高品质的图片、视频、3D模型等多媒体展示方式，可以增加用户对商品的信任感和购买欲望。
同时，为了方便用户查看商品的不同角度和细节，应该提供放大镜功能或者可以自由切换角度的图片展示方式。
此外，商品详情页应该包含详细的商品描述和参数信息。
通过清晰准确地描述商品的特点、功能和优势，可以帮助用户更好地了解产品，同时也能够回答用户可能有的疑问。
参数信息的呈现方式要简洁明了，避免出现过于繁琐的描述，以免引起用户的困惑。
另外，为了提升购买转化率，商品详情页应该包含用户评价和评论。
用户评价是其他用户对商品使用经验的真实反馈，对于正在考虑购买的用户来说具有很大的参考价值。
因此，商品详情页应该有明显的用户评价板块，其中应该包含星级评价、文字评价和用户晒图等内容。
最后，良好的商品详情页应该具备良好的排版和可读性。
通过合理的版面布局、分段和换行，可以使得信息结构更为清晰，用户能够更轻松地阅读和浏览。
同时，字体的选择、大小和颜色也需要考虑用户的阅读习惯和视觉感受，以确保文字内容的易读性。
总之，商品详情页的设计要点包括清晰传达商品信息、提供丰富的展示内容、详细描述与参数信息、用户评价和评论的呈现，以及良好的排版和可读性。
这些要点旨在提升用户的购买决策和体验，帮助电商企业实现更好的销售业绩。
未来，随着技术的发展和用户需求的变化，商品详情页的设计也将不断创新和演变，为用户提供更好的购物体验。
农村电商运营实训-制作产品的主图与详情页
电子教案
【教学实施】
1.实训描述（5分钟）
介绍本次实训的目的和要求，根据章姬草莓的产品信息制作第1张产品主图和详情图，要求以粉色为主色，将草莓原图放在主图的中间；主图的上方放置卖点文案，下方添加消费者关心的运输问题。
2.操作指南（15分钟）
第一步：制作章姬草莓的主图
步骤1：启动Photoshop 2022，新建名为“草莓主图.psd”、宽度为“800 像素”、高度为“800 像素”、颜色模式为“RGB 颜色”的文件
步骤2：植入“主图背景.png”图片，使其布满画布，然后在图像顶部绘制波浪形状，并设置其填充颜色和投影效果。
步骤3：添加文本，并设置文本的字体、颜色和字号，再绘制一个矩形和圆角矩形，并对其进行相关设置。
制作完成的主图效果如下所示。
第二步：制作章姬草莓的详情图
步骤1：启动Photoshop 2022，新建大小为750像素×6200像素，名为“草莓详情图.psd”的文件，然后将详情图草莓背景拖动到图像文件顶部。
步骤2：在图像中绘制并设置形状、添加并设置文本，然后再将其他图片拖动到图像文件中并调整其大小和位置。
步骤3：所有操作完成后保存图像。
制作完成的详情图如下所示。
3.实训评价（10分钟）
老师根据学生上交的作业，对学生的实训结果进行打分。
淘宝店铺首页设计资料ppt课件
ห้องสมุดไป่ตู้
41
30
四、淘宝店铺首页海报设计技法
5. 展示多种产 品：当海报 上要放置过 多的促销产 品，可以采 用这种版式。 产品平行排 版，中间利 用半透明的 框展现文案。
31
四、淘宝店铺首页海报设计技法
6. 斜切式构图： 斜切式构图 会让画面显 得时尚，动 感活跃。但 是画面平衡 感不是很好 控制。一般 文案倾斜角 度不超过30°， 文字往右上 方倾斜便于 阅读 。
– 适合店铺中推成爆款或者想要提高某款产品的转化率
• 新品上市、特价促销
– 适用于新品上市，并且打算全力推广的产品
23
四、淘宝店铺首页海报设计技法
（二）常见海报主题方案
3. 品牌宣传
• 品牌宣传适用达到一定认知度的品牌以及在行业 中有一定的知名度。
24
四、淘宝店铺首页海报设计技法
（三）海报设计原则： “3”原则
– 实物照片
• 直观形象的告诉客户自己店铺是卖什么的
– 产品特点
• 直接阐述自己店铺的产品特点，第一时间打动客户， 吸引客户
– 店铺（产品）优势和差异化
• 告诉我的店铺和产品的优势以及和其他的店铺的不
同，形成差异化竞争
12
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
1. 确定风格：视产品而定 2. 布局：店招尺寸、店招构成、区块划分
（一）海报设计思路：
1. 海报要与大色调统一
• 在设计海报时，先观察大环境，海报设计尽量避 免与主色调产生强烈对比，必须要用对比色设计 海报时，要考虑降低纯度或明度
18
四、淘宝店铺首页海报设计技法
（一）海报设计思路：
2. 观察产品亮点定背景色
商品详情页写作PPT幻灯片课件
商品详情页写作
四 商品详情页的框架
第一，以图片为中心。 4.消费者的感受图。 消费者的感受图是指将消费者使用本品后的感受，以图片的形式 呈现在商品的详情页中。这种方式可以为消费者提供参考，具有一定 的参考性，也是一种间接这么水平价值的途径，常用于美容、减肥、 化妆品类商品的详情页中。
商品详情页写作
商品详情页写作
四 商品详情页的框架
第五，消除买家风险。 在网上购物因为无法触摸到商品很容易有风险，因此可以在详情 页中可能会出现的问题列举出来并说明解决方案，如果交易出现问题 损失由卖家承担买家无需承担风险则可打消买家疑虑。
除此以外，详情页中还需要有售后信息，还可以根据情况关联推 荐商品或搭配套餐，以激发消费者的购买欲望并提高客单价。
商品详情页写作
三 商品详情页的原则
2.图文并茂。 商品的详情页需要文字来进行必要的解说，但是主要吸引消费者 的还是图片。如果忽略图片而采用大段大段的文字描述会降低商品的 吸引力。好的做法是有图有文、图文搭配，而且还需要注意图片和文 字的美化，为读者提供良好的视觉感受。 商品详情页的图片要使用实拍图，不能盗用他人的图片，或使用 一些像素较低，模糊或有水印的图片。
商品详情页写作
三 商品详情页的原则
4.手法多样。 第三，搭配与组合。 通过与其他商品的搭配组合，不仅可以让商品自身效果更加美观， 还能在无形之中推销其他的产品，为店铺带来更多的转化率，尤其适合 在服装类店铺中使用。
商品详情页写作
四 商品详情页的框架
商品详情页中内容众多，卖家只有了解并熟悉商品详情页的框架，才能更好 的填充内容，并策划每一个板块的格局和需要展示的信息。
商品详情页写作
四 商品详情页的框架
第二，以商品为中心。 2.仔细设计商品展示 商品展示环节是详情页最主要的部分，要抓住顾客的喜好和要求， 策划出有创意的展示说明方式。可以找出顾客的问题点，针对顾客的 需求进行设计，或者列出商品的特性和优点，根据商品特性、优点和 利益进行组合。
《网店美工》项目6--PC端与移动端详情页设计制作
有一句话是这样说的：“有道无术,术尚可求,有术无道,止于术”。意思是说有方法理论但是没 有技术，技术尚且是可以学到和培养，如果只有技术但缺少理论方向的支持，则只能停留于技 术层次，个人发展很容易到瓶颈，无法进一步发展，只能止步不前。网上有些人把美工分为技 术型美工和运营型美工，这个也是美工自我发展的一个过程。从营销学的角度分析，详情页的 设计思路基本上遵循以上五部曲。
京东商城
≤790px（像素）
自定义
Aliexpress（速卖通） ≤790px（像素）
自定义
— 17 —
6.2.2 PC端详情页设计
1.模板设计
步骤1 打开Photoshop软件，选择“文件”|“新建”菜单项，新建一个750像素*600像素空白文档，将文件 保存为“四件套详情.psd”。 步骤2 选择工具箱中的“横排文字工具”Ｔ，输入相应的文本“商品在展示”及“Commodity Display”， 设置字体为“微软雅黑”，颜色为“＃3ca5b8”，如图6-12左边部分所示。 步骤3 选择工具箱中的“矩形工具”，绘制一个颜色为“＃3ca5b8”的矩形，如图如图6-12右边部分所示。
— 15 —
6.2.1 页面内容布局
— 16 —
6.2.2 PC端详情页设计
在各大电商平台的宝贝详情页中，都有各自不同的详情页图片尺寸 和标准，以下为主流平台详情页图片建议尺寸
平台
详情页建议图片宽度 详情页单张图片高度
淘宝
≤750px（像素）
≤1500px
天猫商城
≤790px（像素）
≤1500px
在生产工艺上有无特别之处 消费者是否喜欢通过这种工艺生产的产品
网店商品详情页的设计ppt课件
二、实操案例：手表网店商品详情页设计
1 设计理念
由于手表表带颜色为低饱和度的黑色，所以首焦轮播区 的颜色选择了饱和度较高的蓝色渐变色进行搭配，背景 色选择白色和浅灰色，产生简约、大气的视觉效果。
采用错落有致的图像放置方法，让页面版式显得灵活多 变，富有设计感。
使用矩形对每组商品细节进行分割，使买家能够更加直 观、准确地了解商品信息。
对于单个商品页面的设计而言，商品信息的编辑与设计尤为重要。 除了展示商品本身的外观、性能等各种细节外，还可以让买家在商品详情页中更加
直观地查看店铺内的优惠打折信息，如“包邮”“买一送一”“搭配促销”等。
一、商品详情页及其设计思路 2 商品详情页的设计思路
在商品详情页中，为了让买家真实 地体验到商品的实际效果，通常需 要设计“使用感受”“尺码标示” 和“商品细节”等内容。
一、商品详情页及其设计思路 2 商品详情页的设计思路
实拍商品照片是最基本的要求，这能让 买家明白这是商家的商品质量是完全可 以信赖的。
在很多时候，卖家在商品详情页的开始 就会对商品图片进行详细的说明。例如， 说明商品的洗涤要求以及商品照片的色 差问题。
一、商品详情页及其设计思路 2 商品详情页的设计思路
CHAPTER EIGHT
商品详情页的设计
学习目标
了解商品详情页设计的重要性。 了解商品详情页的设计思路。 能够抓住不同商品的特点设计出别具一格的商品详情页。
商品详情页是整个店铺的亮点和聚焦点，没有一个买家在网购时
是不看商品详情页就直接下订单购买的。一个充满设计感的商品 详情页能够刺激买家的消费欲望，促使其快速下订单购买。
Contents 目录
1 商品详情页及其设计思路 2 实操案例：手表网店商品详情页设计 3 实操案例：女鞋网店商品详情页设计 4 综合实训 5 技能扩展
1+x电子商务考证(初级职业技能等级证书)网店运营推广课程理论教材2-2详情页设计与制作ppt课件_图文
商品图片设计——商品图片展现位置
商品图片设计——商品图片设计形式
商品图片设计——商品图片设计原则
常规的消费者原型有英雄、探险者 破坏者、照顾者、玩世不恭者等。
商品图片设计——商品图片设计原则
详情页视觉营销设计——详情描述主要模块
一个优秀的详情描述页面能激发消费者的购买欲望，促使消费者尽快下单成交
商品详情描述
主图视频 详情页视频
商品价格 规格颜色 尺寸库存
商品的功能和特性 向消费者介绍商品 关联商品的销售
商品详情页布局——不同平台详情页布局
➢ 图片格式和大小 ➢ 图片设计要求
➢ 视频时长和大小 ➢ 视频格式 ➢ 视频要求
➢ 详情内容及形式 ➢ 详情描述顺序及逻辑
淘宝平台 速卖通平台 亚马逊平台
详情页设计与制作
详情页设计与制作
02 商品详情页文案设计 04 详情页视觉营销设计
01 商品详情页布局
03 商品图片设计
商品详情页布局
实用 美观 直观
激发消费者消费的欲望 赢得消费者的信任感
提高转化率的重要入口
商品详情页布局——商品详情页构成要素
商品图片
主图 细节图 营销图
商品视频
商品参数信息
购物心理分析逻辑
引起 兴趣
激发 需求
从信任 到依赖
从信赖 到拥有
促成消费 者下单
详情页视觉营销设计——详情描述的设计逻辑
问题解决方案逻辑
描述消费者正在面临的问题（痛点） 通过提问解决问题
详情页视觉营销设计——详情描述设计流程
设计商品详情描述遵循的前提 调查结果及产品分析 宝贝卖点的挖掘
设计前的市场调查 关于商品定位 开始准备设计元素
【专题3】宝贝主图、详情页、标题(新)
添加我的收藏
Page 23
找词方法五：生意参谋 行业排行
（分析行业不同类目、PC及无线端店铺和单品 排行情况）
行业排行入口 查询指标选择 内容查看分析 热门、飙升词使用
Page 24
找词方法六：直通车 关键词词典
（关键词分类、小二建议、精华学习、买家反馈）
• 词典入口 • 词典下载 • 词典使用 7天更新一次，一定要每7天下载一次（每周三更新）
直通车词典
② 标题和属性相符； ③ 不得使用他人品牌，以免侵权； ④ 标题关键词不得违规；
第三方软件
2.标题组合公式：
属性词+类目词+核心词+营销词 品牌词+产品词+属性词+大词+飙升词+神词
⑤ 以搜索为主，不要词
Page 19
关键词找词方法
找词方法一：淘宝下拉搜索框
Page 15
详情页效果 实例分析
建议： ①图文结合，从买家角度挖掘卖点； ②部分文案可文字输入，利于搜索； ③多参考收集同行优秀文案； ④也可服务市场找相关文案库，快速便捷；
案例一：
案例二：
大拇指鞋店6688（链接）
Page 16
其他功能
• 源代码 • 上传图片 • 添加导航 • 添加文案 • 保存发布 • 导入手机端 • 关联推荐
Page 27
作业：按以上步骤自己操作一遍。
综合排名首位 男鞋举例
后台发布产品：主图位置 【一正一反三细节】
Page 3
主图尺寸及放大功能
主图尺寸（建议在500KB以内）： 淘宝700*700px(像素) 以上的图片，可以在宝贝详情页主图提供图片 放大功能
举例
天猫通常使用800*800px主图 部分行业第6张主图：800*1200px
电商视觉营销设计模板ppt课件
u1.1.1对称与均衡 u1.1.2重复与节奏 u1.1.3对比与统一 u课堂作业
5
1平面设计基础
1.2常用色彩配色设计法则及进阶学习
u1.2.1色彩搭配法则 u1.2.2色彩传达 u1.2.3色彩搭配自学进阶 u课堂作业
6
1平面设计基础
1.3字体的构成法则与编排
u1 . 3 . 1 字 体 在 版 面 中 的 构 成 法 则 u1 . 3 . 2 段 落 文 字 的 编 排 法 则 u1 . 3 . 3 追 求 最 优 视 觉 效 果 的 字 体 组 合 法 则 u课 堂 作 业 1 u课 堂 作 业 2 u课 堂 作 业 3
23
0
3
第3篇综合项目实战
24
6商品拍摄实战—— 以电热水壶为例
6.1商品拍摄的基本流程 6.2拍摄流程详解
课堂作业
25
7商品图片精修实战— — 以加湿器为例
7.1图片精修的基本思路 7.2精修流程详解
课堂作业
26
8促销广告设计实战— — 以小家电为例
8.1促销广告设计的基本流程 8.2制作过程详解
9
2常用模块视觉营销设计
2.2店招视觉营销设计
u2 . 2 . 1 与 店 铺 整 体 的 色 彩 和 风 格 统 一 u2 . 2 . 2 简 洁 大 气 ， 以 少 胜 多 u2 . 2 . 3 合 理 且 丰 富 的 营 销 手 段 u课堂作业
10
2常用模块视觉营销设计
2 . 3banner视觉营销设计
21
5图片处理
5.2图片色彩优化
u5.2.1修复图片颜色 u5 . 2 . 2photoshop中的色彩优化命令 u课堂作业 u5 . 2 . 2Photoshop中的色彩优化命令 u课堂作业
【干货】详解电商详情页设计规范
⼆、详情页尺⼨淘宝：宽750px*⾼度不限三、详情页卖点很多卖家发现宝贝详情页转化率不⾼，其实可能是详情页卖点没写好。
那么什么是卖点？其实所谓的卖点就是⼤家常讲的痛点！所以得清楚⽤户对什么感兴趣，他是⼀个注重品质的还是⼀个只看价格的还是⼀个看⼝碑的买家，那其实这些都是⼀些卖点，商场如战场，兵家有句名⾔为知⼰知彼，百战不殆！所有的卖点的提炼，都必须有所凭仗，或者有依托，可信，⽽不是凭空捏造本不存在的功能、性能、⽤途，不然，描述不符，可能不宜取信买家，甚⾄会给后续运营造成障碍。
特别是要造概念的时候，更应该要明⽩，必须有相应的依托，不然就是失败的。
下⾯罗列⼏个常见的卖点，都是通过阿⾥指数⼤数据罗列的最多卖点。
1、利益引流利益诱惑是很多商家都会去⽤的⼀个卖点，简单来讲就是打折、包邮、低价、买赠等⽅式，通过⾛底价的⽅式吸引⽤户，⽐如线下常见的清仓甩卖，全场⼗元，⽽等你进去后发现都是不⼗块的，其实这时候⼈家已经成功将你拉进来了这也是它“全场⼗元”⽬的。
2、功能材料功能材料很好理解，就是我们的产品是由什么材料制作的，这种材料你使⽤了会怎么样，都有哪些功能，能帮你带来什么好处。
例如：某某剃须⼑它是采⾃南极寒冰之下的千年⽞铁。
经过七七四⼗九天然后再捶打九九⼋⼗⼀次制成的剃须⼑，使⽤后拥有洁净⾯庞赢娶⽩富美⾛上⼈⽣巅峰。
3、款式吸引在卖点⾥⾯不能忽视的就是款式、外观引流。
造型美观、独特的产品更能吸引顾客。
如服装的款式就很重要，如果只是⾯料上乘做⼯⼀流，⽽造型不好，是没办法打开销路的。
例如：美国⼀位农民把西⽠放在盒⼦⾥⽣长，⽣产出了⼀种长⽅形西⽠，味道和普通的圆形西⽠并没有什么差别，但是价钱却是普通西⽠的20倍，⼈们感到新奇竞相购买。
4、⽂化卖点并不是外来的产品就好卖，很多国外的产品到中国反⽽没有市场，就在于他们没有考虑到亚洲的⽂化特点。
所以在整理卖点时有的卖家就加⼊了情感归宿⽅⾯，让你⼼理上有个寄托。
5、创意品质图创意图⽚吸引⽤户消费在近些年⽐较多，因为每个店都想⾃⼰的东西能够吸引⼈和同⾏拉开差异，除了质量之外对设计的要求也很⾼。
电子商务网页设计(第三版)课件汇总全书电子教案完整版课件最全幻灯片(最新)课件电子教案幻灯片
2. 内容及其格式标记的简单应用
（1）格式标记 <p>…</p> 用来创建一个段落，在此标记之间的文本将按照段落的格式显 示。 <br> 是一个很简单的换行标记，它没有结束标记，用来创建一个换行。 <dl></dl><dt></dt><dd></dd> 是普通列表标记，<dt></dt> 和 <dd></dd> 都必须放在<dl></dl> 标记之间。<dl></dl> 用来创建一个列 表；<dt></dt> 用来创建列表中的上层项目；<dd></dd> 用来创建列表中最 下层项目。
一、网页中添加文本
1. 添加普通文本
（1）直接输入文本 （2）复制粘贴文本 （3）从其他文件导入
2. 添加空格
在需要输入的地方单击鼠标左键，将输入法切换到半角状态，单击空格键即 可输入一个空格。如果需要输入多个连续的空格可以通过以下几种方法来实现：
（1）菜单“插入记录”/“HTML”/“特殊字符”/“不换行空格”。 （2）直接按“Ctrl+Shift+Space”快捷键。 （3）设置软件首选参数“允许连续空格”。
2. 网站逻辑链接结构基本形式
树状链接结构（一对一）
星状链接结构（一对多）
3. 网站逻辑链接结构的选择
最好的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之 间用树状链接结构。
四、页面流程
1. 页面流程的概念
网站设计者为访 问者设计的在浏览网 站时的浏览经历就是 页面流程。