2017年淘宝美工教程,手机淘宝详情页制作讲解
详情页制作规范流程ppt课件
• 已有店铺视觉规范的，可以直接延续使用。
• 如果没有： • 1.从产品本身提取。 • 2.从LOGO提取。 • 3.从产品联想属性提取。
选择合适字体类型
• 字体相当于一个桥梁，相当重要。他对产品起到解释说
明，方便顾问阅读，同时也是重要信息的引导作用。
字体使用注意事项
• 一般不超过3种字体 • 重点部分加粗突出 • 字体颜色的深浅，不要太复杂，以免影响阅读 • 选择符合产品定位的字体 • 字号大小使用得体，不宜过大或过小等等
传淘宝店铺
• 1.切割好图，上传淘宝图片空间 • 2.发布宝贝使用
谢谢
• 多学习，多总结，扩展想法，拓展思维，建立自己的设
计风格。
修改定稿
• 把制作首稿输出JPG给老板或者运营进行审核。 • 如不符合要求，进行局部修改。直至定稿保存。
图片切割优化
• 美工在制作详情页往往是整张图，而我们在网上浏览，
是经过PS切片切图。
• 动辄数MB图，网络加载慢，所以进行图片切割优化。 • 课程18.19.20集详细讲解。
详情页制作规范流程
9大规范步骤
① 确定风格 ② 素材搜集 ③ 布局框架构建 ④ 确认配色方案 ⑤ 选择合适字体类型 ⑥ 文字和图片设计排版制作 ⑦ 修改定稿 ⑧ 图片切割优化 ⑨ 上传淘宝店铺
宝贝详情设计思路以及操作流程
一、宝贝详情页面规划的思路
• “宝贝详情页内容设计”
• 1.收藏+关注 轻松赚10元优惠券或者购物立减5元 优惠幅度可以调整
• 2.焦点图 突出单品的卖点,吸引眼球
• 3.推荐热销单品 大概3-4个必须是店铺热卖单品,性价比好的
• 4.产品详情+尺寸表 比如编号、产地、颜色、面料、重量、洗涤建议
• 5.模特图 至少一张正面 一张反面 一张侧面,展示不同的动作
宾夺主。因此此类商品的拍摄尽可能采用纯底来凸显宝贝。 • 场景图能够在宝贝展示的同时,在一定程度上烘托宝贝的氛围。通常需要较高
的成本和一定的拍摄技巧。这种拍摄手法适合有一定经济实力,有能力把控产 品的展现尺度的客户。因为场景的引入,运用的不好,反而增加了图片的无效信 息,分散了主体的注意力。 • 场景图需要体现出产品的功能,或者是一个唯美有意境的图片,可以衬托商品, 而不是影响商品展示
六、关于挖掘宝贝卖点
• 针对消费群体挖掘出本店的宝贝卖点。
• 一位老师的案例：一家卖键盘膜的店铺发现评价里中差评 很多,大多是抱怨键盘膜太薄,一般的掌柜可能下次直接进 厚一点的货。而这家掌柜则直接把描述里的卖点改为史上 最薄的键盘膜 结果出乎意料 评分直线上升,评价里都是关 于键盘膜真的好薄之类的评语 直接引导并改变了消费者 的心理期望达到非常良好的效果。
一、宝贝详情页面规划的思路
• 淘宝店的宝贝详情页设计是直接决定交易能否达成的关键 因素。宝贝详情页怎样才能具有吸引力,怎样才能抓住消 费者的心理
• 以前很多店铺宝贝描述第一屏,基本都是做宝贝推荐,关联 一大堆新品、热卖、搭配套餐等等,这个做法不是不可以, 而是没有把握好。比如做活动,当流量激增情况下,活动产 品页面做些“搭配套餐”、“新款促销”或者其他活动页面都 可以,但是不能常年老挂这些,多了反而让顾客方案。
《网店美工》教案--商品详情页设计
***学校《网店美工》教案第 1 页有兴趣的设计师们可以利用业余时间多进行了解。
如果能够成为集设计与文案才能于一身的高级人才，可想而知，你将备受青睐。
商品详情页设计是直接决定交易能否成功的其中一个重要因素，如何去构思使之更具有吸引力，更能抓住消费者的心理是关键。
我们需要收集和了解买家需要看什么，不需要看什么：图6-1 详情页所需内容板块示意接着，在再构思宝贝页面需要放置什么内容：图6-2 详情内容要点示意任务23 商品功能性介绍区域设计在做商品详情页规划前，清楚商品详情页每个区域的功能性，对后期布局设计起到相当重要的作用。
一般来说，商品详情页分三大区域：商品营销区、产品展示区、品牌包装区。
而三大区域则又细分成以下6个展现区，并形成商品描述的布局图：突出卖点：提炼商品的主要功能利益进行重点表现，吸引买家关注并进行浏览由整体到细节：先进行商品的整体展现，再进行商品的细节描述，这也是买家在购买商品时的浏览顺序情感联想：针对商品提炼情感利益，激发买家的感性购买需求导购服务：针对买家关注的商品问题进行导购式解答，逐步打消买家的购买疑虑售前售后：对买家进行购买后的一系列服务，从包装、物流到售后服务进行描述实力呈现：商品的质量认证、企业的实力展示、品牌介绍、荣誉等体现店铺实力的内容关联销售：关联销售区域，以便买家跳出前有更多商品选择图6-3 详情页个区域内容细分示意另外，除了基础功能区域版块，为了提高买家逛店体验度以及店铺成交转化率，我们建议增加一些额外的版块，来为商品详情页的功能加分：1.增加买家购买欲望—促销活动区：在商品描述中加进给力的促销信息，让买家了解商品的同时清楚可以享受的促销优惠，让促销优惠来刺激买家的购买欲望。
2.增加客单价—商品推荐：商品推荐有两种，分为同类商品推荐，设计必须要突出同类商品中不同商品的优势。
告诉买家可以如何进行商品选择，如可以的话还可以体现出购买咨询和导购信息。
另一类则是搭配商品推荐：设计中要突出不同商品搭配的艺术，或功能或效果或视理念或促销导购写到这里来，但是文案不宣过长。
淘宝美工教程
淘宝美工教程简介淘宝是中国最大的在线购物平台，拥有海量的商品和用户。
为了吸引更多的买家，卖家在淘宝上需要精心设计自己的店铺和商品页面。
淘宝美工教程将介绍一些常用的美工技巧和工具，帮助卖家提升店铺和商品的美观度和吸引力。
1. 设计店铺banner店铺的banner是卖家展示店铺形象和特色的重要元素。
为了吸引买家关注和了解店铺，设计一个独特而吸引人的店铺banner至关重要。
Markdown插入图片的示例代码：2. 优化商品图片商品图片是买家购买决策的重要参考因素。
优化商品图片可以增加商品的吸引力和销售潜力。
Markdown插入图片的示例代码：3. 使用图片编辑工具使用图片编辑工具可以对店铺banner和商品图片进行进一步的处理和设计。
以下是几种常用的图片编辑工具：•Adobe Photoshop：功能强大的图像处理软件，可以进行图片调色、修饰和合成等操作。
•Canva：在线图形设计工具，提供了丰富的模板和设计元素，方便快速制作美观的图片和海报。
•GIMP：免费开源的图像编辑软件，功能与Photoshop相似。
4. 使用配色方案选择合适的配色方案可以使店铺和商品页面更加整洁、美观和专业。
以下是一些常用的配色方案：•欢快明亮：使用明亮、饱和度高的颜色，营造愉快活泼的氛围。
•温暖舒适：使用柔和、温暖的颜色，营造舒适温馨的感觉。
•简约清爽：使用简洁、纯净的颜色，营造简约、时尚的风格。
5. 增加文字说明除了图片，文字说明也是买家了解和决策的重要依据。
在商品页面中添加具有吸引力的文字说明可以提升商品的吸引力。
Markdown插入文字的示例代码：这是一个很棒的商品，具有以下特点：- 特点1- 特点2- 特点36. 优化商品详情页商品详情页是买家了解商品细节和决策购买的重要页面。
为了让买家更容易理解和决策购买，可以优化商品详情页的布局和组织。
Markdown插入链接的示例代码：点击[这里](商品详情页链接)查看更多商品详情。
淘宝美工如何自学
一、要知道如何自学淘宝美工，首先要知道什么是淘宝美工：淘宝美工是淘宝网店网站页面的美化工作者的统称。
周边工作有网店设计（平面设计）、P图（图片处理）。
主要设计主图、详情页等淘宝美工的具体工作内容包括但不限于网站页面设计、美化、网店促销海报制做、拍摄实物成照片、把物品照片制作成宝贝描述中需要的图片、设计电子宣传单等。
最近几年，随着移动客户端的增加，淘宝美工也针对手机端，平板电脑端制作出相应的页面美化。
总而言之，淘宝美工的任务就是要把网站页面上的所有内容变得更加美丽，让人过目不忘最好二、淘宝美工需要学：1、让自己的拥有审美能力。
把网店进行外观优化，进行色彩搭配，让人过目不忘，优化图片，美化图片。
2、熟练掌握色彩、平面的构成，了解分析各种商业色调以及板式构成。
深入分析各种设计色彩的纯度对比、色相对比、明度对比，精准了解色调的心理色彩。
3、字体的设计，字体的适合性。
在不同的页面、版式、封面上可以选择不同的字体，另外，字体的可识别性，字体的视觉美观性，字体的商业性，字体的艺术性，字体设计个性等等，都是美工设计需要掌握的。
3、美工不仅仅是做图，理解能力同样重要，洞悉策划的方案意图。
加上自己的能力，与洞悉能力才能完成一个活动最好的界面。
美工往往创意比起技术更重要，想成为资深的美工需要更大的努力。
在此引出一个广告术语：产品诉求，即：广告总是要突出所宣传产品的某一个吸引人的特点，这个突出的特点就是产品的诉求。
即最能够打动消费者的，商家最想展示的，产品最大的特色。
所以，一个优秀的美工，一定要有一个良好的营销思维；在做图的时候，一定要清晰地知道，图片传递出去的是什么信息，能否打动买家。
这个概念请转达给每一个默默后面付出的美工，一定要做一个懂产品，懂营销，懂广告的美工。
由此可见，淘宝美工不仅要求会相关的绘图软件，还要求懂一定的色彩搭配以及审美能力，还要有一定的文字功底。
看到这里，应该有很多人都倒吸一口冷气，觉得要学的东西实在太多了，其实不用担心，学习是一件循序渐进的事情，急不得，只要先熟练掌握设计软件就行了。
商品详情页制作
商品详情页制作 【流程图】
商品详情页制作的步骤 商品设计前作一个市场调查 商品调查结果及产品进行分析
商品定位 开始准备设计元素 商品制作详情页 图片上传到淘宝平台上制作详情页
商品详情页制作 一、网店详情页的构成
网店装修
一个好的详细描述主要包含以下几个方面： （1）商品重要的指标参数和功能 （2）5张及以上详细描述的图片。 （3）售后服务条款。
（2）产品细节图片 （3）模特或使用效果图片 （4）广告图
（5）SKU属性 （6）产品介绍 （7）使用说明 （8）产品卖点
（9）产品类比 （10）口碑 （11）包装展示 （12）售后说明 （13）企业文化展示、品牌文化展示 （14）关联营销 （15）活动图片
网店经营
Thank You
网店装修
区域 广告
产品图区
与产品相关的图片区
售后服务区
图片类型 欢迎光临图 关联营销模块 尺码表、产品图
摄像图 细节图 效果图 特点介绍图 真假对比图 消费者分享图 包装图 网购流程图 物流示意图 售后赔付图 请给好评图 FAQ常见问题解答 公司图 商品质量证商品整体图片
淘宝天猫美工 第3章 淘宝商品图片的收集和优化
图 3-5
所有主图必须是同一款商品，图片要求是正方形，图片大 小为 800 像素 ×800 像素。
若一款商品有多个颜色，5 张商品主图建议统一为一种颜 色，其他颜色主图可在宝贝详情页展示。
在商品细节表现上，服装类商品应包括款式特写、做工特 写、材质特写和配件特写等，其他商品的特写可根据自身 情况决定。
数码相机：拍摄商品最好选择单反相机，且具有很好的微 距功能，并应优先选择具有全手动功能的相机，如自定义 白平衡等功能，如图 3-1 所示。
三脚架：有了三脚架的辅助，就不用担心由于快门速度或 相机抖动所造成的对焦不准的问题，这样在拍摄的时候能 更加得心应手地用慢快门、小光圈来表现商品细节，特别 在微距拍摄和长时间拍摄过程中，借助三脚架拍摄能让拍 摄更轻松。如图 3-2 所示。
微距拍摄商品细节时，商品细节必须占该张图片 70% 的 位置。
商品细节图片必须单独拍摄，不能在原主图上进行裁剪。
3. 商品详情页图片的拍摄
商品详情页是影响商品成交转化最重要的因素之一，制作 详情页首先需要优质的商品图片，然后完成图片的后期处理， 最后再设计制作而成。也就是说，详情页的具体展示内容需要 摄影师、美工、运营等共同对商品和消费者分析后决定。
图 37
参数信息拍摄：对于一些特殊的商品，可能需要测量商品 尺寸或对商品进行称重等，如图 3-8所示。
图 3-8
款式颜色拍摄：多颜色或多款式的商品需要将每种颜色、 款式分别拍摄出来，然后再进行后期美化，如图 3-9 所 示。
图 3-9
各种细节拍摄：拍摄出能体现商品质量、特色、功能、卖 点的一些细节，如图 3-10 所示。
图 3-3
图 3-4
2. 商品主图的拍摄
网店美工实战教程第6章 商品详情页的制作
39
添加素材，使用“矩形工具” 和“直线工具” 制作具有中国结样式的形状，并在 其中输入深色的文字，强调产品的信息，达到吸引顾客的目的。
使用“画布大小”对话框延长画布，以便于继续制作，完成后添加素材并使用“矩
形工具” 和“横排文字工具” 制作买点图，使用“创建剪切蒙版”命令，将图片 载入到图图形中。 继续进行描述模块的制作，并使用“矩形工具” 和“套索工具” 对矩形进行三角 形的裁剪。完成后对文本和素材图片进行处理，完成宝贝描述的制作。
专业 品牌 图片质量
6.3.3 宝贝描述主要包含的内容
焦点图的完美 体现 温馨提示
22
1
5
主要 内容
快递与售后
2
产品信息的描述
4
产品卖点
3
23
内容导航
6.1 详情页设计要点
6.2 详情页模块的设置 6.3 详情页中的宝贝描述设计
6.4 详情页中宝贝描述的制作 6.5 综合实训——制作棉袜描述
6.4 详情页中宝贝描述的制作
11
商品详情页中除了出现该商品的具体信息外，还可罗列本店铺的其他宝贝，便于向买推荐 店铺内的其他产品，以促进销售。
6.2.3 宝贝排行榜模块
12
宝贝排行榜罗列了本店的宝贝销售情况，当顾客需要查看店铺中宝贝的销量和收藏量时，可 直接在该模块中进行查看。
6.2.4 客服中心的设置
1. 设置子账号 1.单击“子账号”管理超链接 2.输入部门名称
6.5 综合实训——制作棉袜描述
3. 操作步骤 （1）添加素材文件并对棉花进行蒙版 （2）绘制正方形并在对应的边绘制直线
40
6.5 综合实训——制作棉袜描述
41
（3）完成焦点图的制作
淘宝详情策划
淘宝详情策划随着电商行业的迅猛发展，淘宝成为了许多商家的首选平台。
如何制作一个吸引人的淘宝详情页面，成为了每个商家都需要面对的问题。
本文将从布局、内容、排版等方面，为大家介绍一些关于淘宝详情策划的经验和技巧。
一、布局设计1.商品主图：在淘宝详情页面中，商品主图是最重要的元素之一。
要选择一张清晰、高质量的图片作为商品主图，以吸引消费者的注意力。
2.商品标题：商品标题应简洁明了，能够准确传达商品的特点和卖点。
尽量避免使用夸张的词语，以免产生虚假宣传的嫌疑。
3.商品介绍：在商品介绍部分，可以使用文字、图片和视频等多种形式来展示商品的特点。
可以从商品的品牌、材质、功能、使用方法等方面进行介绍，让消费者更好地了解商品。
4.商品评价：商品评价可以增加消费者对商品的信任度。
可以选择一些正面评价和客户秀等形式，展示商品的优势和实际效果。
二、内容撰写1.商品特点：在商品介绍部分，可以突出商品的特点和卖点。
比如，如果是服装类商品，可以强调款式、材质、版型等方面的特点；如果是电子产品，可以强调功能、性能等方面的特点。
2.商品优势：在商品介绍中，可以突出商品的优势和与其他同类产品的区别。
比如，如果是美妆类产品，可以强调其独特的配方或有效成分；如果是家居用品，可以强调其环保、耐用等优点。
3.使用方法：在商品介绍中，可以详细介绍商品的使用方法和注意事项。
这样可以帮助消费者更好地了解商品，并且增加购买的信心。
4.售后服务：在商品介绍中，可以提及售后服务政策和承诺。
比如，可以强调退换货政策、质量保证等，以提高消费者的满意度和购买的信心。
三、排版技巧1.字体和颜色：选择适合的字体和颜色可以增加淘宝详情页面的美感。
可以使用简洁清晰的字体，并选择与商品风格相符合的颜色。
2.段落分隔：合理使用段落分隔可以让淘宝详情页面更加清晰易读。
可以根据不同的内容进行段落分隔，提高阅读的流畅度。
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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
简述详情页的设计技巧
简述详情页的设计技巧详情页是电商网站中非常重要的页面，它为用户提供了关于产品或服务的详细信息。
一个好的详情页设计可以吸引用户、提高转化率和购买意愿。
下面将介绍一些详情页的设计技巧，帮助提升用户体验和销售效果。
1. 清晰的布局和结构：详情页应该有清晰的布局和结构，使用户能够轻松找到他们想要的信息。
可以使用不同的模块来组织页面，如商品介绍、产品特点、规格参数、用户评价等。
每个模块应该有明确的标题，以方便用户快速浏览和定位所需的内容。
2. 强调产品特点和优势：在详情页中，要突出产品的特点和优势，以吸引用户的注意力。
可以使用大标题、醒目的图片、标签、图表等方式来展示产品的特点和优势。
同时，尽量避免使用过于冗长的文字描述，简明扼要地介绍产品的核心卖点。
3. 高质量的产品图片和视频：在详情页中，产品图片和视频起着非常重要的作用。
清晰、高质量的产品图片可以展示产品的外观、细节和颜色，帮助用户更好地了解产品。
此外，如果条件允许，可以添加产品的演示视频，展示产品的使用场景和功能，让用户有更直观的感受。
4. 详细的产品规格参数：在详情页中，尽量提供详细的产品规格参数。
这些参数可以包括尺寸、重量、颜色、材质、功能等信息。
用户常常关注这些细节，以便确定产品是否符合他们的需求。
可以使用表格或列表的形式来展示这些参数，尽量简洁明了。
5. 用户评价和评分：用户评价和评分对于购物决策非常重要。
在详情页中，可以展示用户的评价和评分，让用户了解其他用户的使用经验和满意度。
可以使用星级评分、评论、用户头像等方式来展示用户评价，同时也要注意对于恶意评论的处理，以保证评价的真实性和客观性。
6. 相关推荐和购买建议：在详情页中，可以提供相关推荐和购买建议，帮助用户做出购买决策。
可以根据用户的浏览和购买历史，向他们推荐相似的产品或是配套的产品。
同时，可以提供购买建议，如"正在热销"、"今日特价"等信息，以增加购买的动力。
童海君老师-淘宝美工-淘宝天猫商品详情页设计遵循的原则和要点
淘宝生态城“万人淘宝公益培训”学员专供下载《网店美工-实战宝典》部分内容童老师
淘宝天猫及相关平台详情页遵循的原则
1.什么样的详情页文案才能打动目标客户？
优秀的详情页需遵循2个基本点和6个原则。
二个基本点：
（1）把你所有的客户都当成非专业人士。
（2）寻找你产品的价值点而非促销点。
六个原则：
（1）3秒原则：3秒钟必须引起买家注意力。
（2）前三屏原则：前三屏决定客户是否想购买商品。
（3）讲故事原则：情感营销吸引起买家的共鸣。
（4）一句话原则：用一句话提炼产品卖点。
（5）重复性原则：商品核心卖点只需要一个且要不停的告诉客户。
（6）FAB原则:诉求出利益因素给买家购买的理由。
2.如何评定详情页是否达标？
（1）宝贝详情页的跳失率，数值越大，买家越不想继续看你的宝贝。
（2）访问深度、平均访问时间，数值越大，买家关注的越多。
目前官方没有明确的评判详情页好差的标准，以上数值仅供参考。
FAB法则：属性、作用、益处的法则。
F-Feature：属性(产品特征)。
A-Advantage：作用(产品特点)。
B-Benefit：益处(产品优势)。
跳失率：访客入店后只访问了该店铺1个页面就离开的次数占该来源访客总入店次数的比例。
《网店美工》项目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
在生产工艺上有无特别之处 消费者是否喜欢通过这种工艺生产的产品
宝贝详情页设计思路以及操作流程
宝贝详情页设计思路以及操作流程1. 引言宝贝详情页是电商平台最核心和最重要的页面之一，旨在向用户展示宝贝的详细信息和属性，以及提供一系列交互和操作方式来优化用户体验。
本文将从用户角度出发，探讨宝贝详情页的设计思路和操作流程，以期提高电商平台宝贝详情页的设计和交互体验。
2. 设计思路2.1 界面布局宝贝详情页的界面布局需要清晰明了、重点突出，并体现出产品的整体品质和特点。
合理的界面布局可以大大提高用户的浏览和查看效率。
•商品标题和描述：占据页面的上方位置，突出商品的最重要信息，比如品名、付款方式等。
•商品图片：占据页面的中部位置，用大图展示商品的特点和细节，方便用户进行直观的浏览和比较。
•商品属性：占据页面的下方位置，展示商品的详细属性，方便用户了解商品的特点、质量、产地、生产厂家等信息。
•交互方式：购买按钮等操作方式需要统一明显的位置，且应该在页面上不同的位置进行明确的区分。
2.2 信息展示宝贝详情页的信息展示需要清晰明了，且应该以用户对宝贝的需求为导向。
•商品信息分类：对商品信息进行分类，展示商品的分类、款式、材质、尺码等基础信息，方便用户根据需求进行筛选和提交购买。
•附加商品信息：商品的销售量、评价、售后服务等附加信息同样需要在页面中突出展示。
•商品重点关注：针对部分比较重要的商品信息，比如优惠信息、赠品信息、促销信息等，需要在页面中要进行单独的展示和标注，以吸引用户的注意力，提高用户的购买意愿。
2.3 交互方式宝贝详情页的交互方式需要直观、清晰，并且需要符合用户的使用习惯。
•购买按钮：购买按钮是宝贝详情页的重中之重，需要在用户进行购物操作时才可以进行使用。
购买按钮的使用习惯和购物流程的规范化大大提高了用户的购买效率。
•加入购物车：加入购物车是一种购买方式，通过加入购物车来进行批量购买，且可以对购物车中的商品进行操作和管理，以方便用户进行浏览和购物。
•收藏按钮：收藏按钮可以让用户对自己喜欢的商品进行收藏，并且在以后的使用过程中直接查看。
淘宝详情页设计思路
淘宝详情页设计思路
淘宝详情页是指商品在淘宝网上的详细介绍页面，是买家了解商品信息、做出购买决策的重要场所。
以下是淘宝详情页的设计思路： 1. 突出商品特点：在详情页中突出商品的卖点和特点，对商品的品牌、型号、颜色、尺寸、材质等信息进行详细的介绍。
2. 清晰的图片展示：使用多张清晰、高质量的图片，展示商品的各个角度和细节，让买家更加直观地了解商品的外观和质感。
3. 视觉层次分明：在详情页的设计上采用视觉层次分明的方式，将商品信息、价格、优惠活动、评价等信息以清晰的布局呈现出来，让买家一目了然。
4. 信任和安全提示：在详情页中添加信任和安全提示，如“正品保障”、“售后无忧”等标识，增强买家的信任感和购买意愿。
5. 用户评价：提供商品的用户评价，包括文字评论、星级评分等，让买家可以从其他人的使用体验中获取更多信息，有助于他们做出更准确的购买决策。
6. 推荐商品：在详情页中推荐相关的商品，增加买家的浏览量和购买转化率。
7. 优惠活动：在详情页中加入优惠活动信息，如满减、优惠券等，提高买家的购买兴趣和积极性。
总之，淘宝详情页的设计旨在让买家更好地了解商品信息、提高购买兴趣和信任感，从而促进购买转化率和用户满意度。
淘宝天猫美工处理图片的一般流程
淘宝天猫美工处理图片的一般流程淘宝天猫美工处理图片的一般流程淘宝天猫美工处理图片是怎样的呢，店铺整理了相关的内容，欢迎欣赏与借鉴。
一、淘宝天猫美工图片处理流程做淘宝和天猫8年了，宝贝运营的整套流程也很熟悉。
总结了一下，大概分为以下步骤。
拍照→选片→Lightroom批量初调→Photoshop修片→详情页设计（详情页的设计流程会在后面的文章为大家讲解），下面分步骤为大家讲解一下从拍照到修片的过程。
二、拍照（使用RAW格式）佳能CR2、尼康NEF格式拍照分为静物和模特，体积较小的宝贝多为室内棚拍静物，服装类的多为室内模特棚拍或者室外模特拍摄。
一般室内棚拍静物和模特都比较好拍也好处理。
室外由于光线和环境限制拍摄难度较大，但是一旦拍好，效果也是比棚拍强很多。
静物棚拍的话，一般商家自己就能拍摄。
对于一些外景模特拍摄要求较高，建议选择费用和口碑好点的工作室拍摄。
因为你找一个便宜一点也能拍，可是效果达不到，宝贝也不卖。
多花点钱，图片效果好，宝贝也容易卖。
所以具体的拍摄要根据个人情况来选择。
现在拍照都是用单反相机，不过我常见到的个人拍摄都是用的JPG格式，建议使用RAW格式。
RAW格式保留了原始的照片数据，用Lightroom进行后期初调特别方便。
JPG是经过压缩的，很多数据已经没有了，比如曝光过度或者过暗的话，JPG图片是不太好修复的，因为JPG保留的细节比较少。
在相机中RAW格式设置就是RAW+FINE，也就是RAW一张底片，JPG一样，同时保存两张，文件相对来说很大。
建议使用大一点的内存卡或者连接电脑拍摄。
RAW格式，尼康的为NEF格式，佳能的为CR2格式。
三、选片拍完照后选片也是一个重要的过程，因为淘宝和天猫上的图片关键的就是拍摄角度，不同的角度突出产片的卖点是不同的。
摄影师拍摄的过程中会拍摄很多待选的`图片，后面要我们设计师根据宝贝设计的要求来选择合适的角度和图片。
有的朋友说都用上不就可以了，确实不可以，因为一张好的图片能为宝贝加分，一张不好的图片可能直接让买家打消购买的意图和欲望。
制作详情页的准则
制作详情页的准则在电商平台上，详情页是用户了解商品信息、做出购买决策的重要环节。
为了提高用户体验并促进销售，制作一个优质的详情页至关重要。
下面将介绍一些制作详情页的准则，以帮助您打造一个吸引人的页面。
一、页面结构清晰详情页应该有清晰的页面结构，包括商品标题、价格、图片、商品描述、规格参数、购买选项、评价等内容。
每个部分应该有明确的标题，使用恰当的段落和标题使页面结构清晰易读。
二、商品标题吸引人商品标题是用户第一眼看到的内容，应该简洁明了，突出产品的特点和卖点，吸引用户继续阅读。
三、商品图片清晰美观商品图片是用户了解商品外观和细节的重要途径，应该清晰、高清，并展示商品的不同角度和细节。
同时，图片要美观大方，符合产品风格和品牌形象。
四、商品描述详细准确商品描述是用户了解商品功能和特性的重要依据，应该详细准确地描述商品的特点、功能、用途等信息。
描述应该简洁明了，避免使用过于复杂的词汇和专业术语。
五、规格参数清晰可读规格参数是用户了解商品规格和性能的重要参考，应该以清晰、易读的方式呈现。
参数应该简洁明了，避免冗长的描述和无关的信息。
如果商品有多个规格可选，应该明确列出不同规格的参数。
六、购买选项明确购买选项是用户进行购买的关键环节，应该明确列出不同的购买选项，包括颜色、尺码、套餐等。
每个选项应该有明确的说明和价格，方便用户选择。
七、评价真实可信评价是用户了解其他用户对商品的评价和体验的重要参考，应该真实可信。
评价应该包括文字评价和评分，评价内容应该详细具体，避免使用夸张的词语和不实的信息。
八、配送和售后信息明确配送和售后信息是用户购买的关键考虑因素，应该明确列出。
包括配送方式、运费、售后服务等信息，方便用户了解。
九、页面加载速度快详情页的加载速度是用户体验的重要指标，应该尽量减少页面的加载时间，提高用户的浏览体验。
总结：制作一个优质的详情页需要考虑诸多因素，包括页面结构、标题吸引力、图片质量、描述准确性、参数清晰性、购买选项、评价真实性、配送和售后信息等。
【干货】详解电商详情页设计规范
⼆、详情页尺⼨淘宝：宽750px*⾼度不限三、详情页卖点很多卖家发现宝贝详情页转化率不⾼，其实可能是详情页卖点没写好。
那么什么是卖点？其实所谓的卖点就是⼤家常讲的痛点！所以得清楚⽤户对什么感兴趣，他是⼀个注重品质的还是⼀个只看价格的还是⼀个看⼝碑的买家，那其实这些都是⼀些卖点，商场如战场，兵家有句名⾔为知⼰知彼，百战不殆！所有的卖点的提炼，都必须有所凭仗，或者有依托，可信，⽽不是凭空捏造本不存在的功能、性能、⽤途，不然，描述不符，可能不宜取信买家，甚⾄会给后续运营造成障碍。
特别是要造概念的时候，更应该要明⽩，必须有相应的依托，不然就是失败的。
下⾯罗列⼏个常见的卖点，都是通过阿⾥指数⼤数据罗列的最多卖点。
1、利益引流利益诱惑是很多商家都会去⽤的⼀个卖点，简单来讲就是打折、包邮、低价、买赠等⽅式，通过⾛底价的⽅式吸引⽤户，⽐如线下常见的清仓甩卖，全场⼗元，⽽等你进去后发现都是不⼗块的，其实这时候⼈家已经成功将你拉进来了这也是它“全场⼗元”⽬的。
2、功能材料功能材料很好理解，就是我们的产品是由什么材料制作的，这种材料你使⽤了会怎么样，都有哪些功能，能帮你带来什么好处。
例如：某某剃须⼑它是采⾃南极寒冰之下的千年⽞铁。
经过七七四⼗九天然后再捶打九九⼋⼗⼀次制成的剃须⼑，使⽤后拥有洁净⾯庞赢娶⽩富美⾛上⼈⽣巅峰。
3、款式吸引在卖点⾥⾯不能忽视的就是款式、外观引流。
造型美观、独特的产品更能吸引顾客。
如服装的款式就很重要，如果只是⾯料上乘做⼯⼀流，⽽造型不好，是没办法打开销路的。
例如：美国⼀位农民把西⽠放在盒⼦⾥⽣长，⽣产出了⼀种长⽅形西⽠，味道和普通的圆形西⽠并没有什么差别，但是价钱却是普通西⽠的20倍，⼈们感到新奇竞相购买。
4、⽂化卖点并不是外来的产品就好卖，很多国外的产品到中国反⽽没有市场，就在于他们没有考虑到亚洲的⽂化特点。
所以在整理卖点时有的卖家就加⼊了情感归宿⽅⾯，让你⼼理上有个寄托。
5、创意品质图创意图⽚吸引⽤户消费在近些年⽐较多，因为每个店都想⾃⼰的东西能够吸引⼈和同⾏拉开差异，除了质量之外对设计的要求也很⾼。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
•电脑端详情页的导入
• 已经装修了电脑端详情页的宝贝，可以直接将其生成手机详情页。
• 制作电脑端详情页的时候，一定要注意所用字体的大小。 • 字体太小则不利于直接生成无线端详情页使用。
2017/1/8
2017/1/8
模板生成详情页
• 手机店铺详情页也可以使用“淘宝神笔”进行编辑，方便简单， 同时还可以导入设计师设计好的模板。
• 5．店铺特色和服务： • 填空：亲们，本店拥有______（店铺特色），在本店选购任何商 品，均享受_________（店铺服务）！ • 示例：亲们，本店拥有杭州最优质的货源，全淘宝最清晰的手机 细节实拍图，同类商品最低廉的价格，在本店选购任何商品，均 享受十天无理由退换货服务，退换货产生的来回运费掌柜包哦。 •
三、文字要求：
• 1.中文字体大于等于30号字。 • 2.英文和阿拉伯数字大于等于20号字。 • 3.当需要添加的文字太多时，建议使用纯文本的方式编辑，这样 看起来更清晰。
四、音频（可选）：
• 1.每个手机详情只能增加一个音频，时长建议不超过30秒，大小 不超过200K，格式支持MP3。 • 2.音频内容可以围绕产品卖点、品牌故事、产品特色、产品优惠 等等展开。
• 3．产品特色： • 填空：亲，我家的______（产品名称），和别家大不同， _________（产品特点特点），千万别错过呀！ • 示例：亲，我家的黑芝麻，和别家大不同，是村里的老人炒制出 来的，是淘宝上唯一可以即食的黑芝麻，千万别错过呀。 • 4．产品优惠： • 填空：大家好，这里是______（店铺名称），恰逢________（优 惠理由）之际，我们推出________（优惠具体内容），大家不要 太眼花缭乱哦 ！看准心仪的一款，赶紧下手吧！ • 示例：添加好，这里是杰克牛仔，恰逢本店开店一周年之际，我 们推出买一送一的活动，买一条牛仔裤，马上送一双袜子，大家 不要太眼花缭乱哦！看准心仪的一款，赶紧下手吧。小：图片+文字+音频应小于等于1.5M，图片仅支 持JPG、GIF、PNG格式。
二、图片大小要求：
• 1.宽度480 像素- 620像素。 • 2.高度小于等于960像素。 • 3.格式为：JPG\GIF\PNG。 • 举例：可以上传一张宽度为480，高度为960像素，格式为JPG的 图片。
• 2.建议：可以采用多样化的表达方式：比如口语化的表达方式， 会显得更加亲切；比如激情的表达方式，会让人产生购物冲动； 比如有趣的模仿明星口吻，会让人有想听完的欲望。
•音频内容示例：
• 1．产品卖点： • 填空：大家好，欢迎光临______（店铺名称），我们的产品 ___________（描述卖点），喜欢请记得点击收藏哦！ • 示例：大家好，欢迎光临美体小铺，我们产品纯植物提取，0添 加，安全有保障，还有美白淡斑的供销，喜欢请记得点击收藏哦！ • • 2．品牌故事： • 填空：_____（品牌名称），_________（品牌口号），贴合亲的 心意，欢迎选购 • 示例：欧诗漫雨伞制造世家，每一把都是随时为你撑开的绚丽之 伞，贴合亲的心意，欢迎选购。 •
2017/1/8
2017/1/8
2017/1/8
2017/1/8
2017/1/8
手机详情页音频录制
2017/1/8
• 选择要上传的音频，大小不要超过200K，仅支持MP3格式，可以 找专业的配音录制，也可以自己使用手机录制，
•音频基本规范和建议：
• 1.基本规范：每个手机详情只能增加一个音频，时长建议不超过 30秒，大 小不超过200K，格式仅支持。