2017年淘宝美工教程,手机淘宝详情页制作讲解

***学校《网店美工》教案第 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.商品标题：商品标题应简洁明了，能够准确传达商品的特点和卖点。

尽量避免使用夸张的词语，以免产生虚假宣传的嫌疑。

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个页面就离开的次数占该来源访客总入店次数的比例。

宝贝详情页设计思路以及操作流程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格式。

三、选片拍完照后选片也是一个重要的过程，因为淘宝和天猫上的图片关键的就是拍摄角度，不同的角度突出产片的卖点是不同的。

摄影师拍摄的过程中会拍摄很多待选的`图片，后面要我们设计师根据宝贝设计的要求来选择合适的角度和图片。

有的朋友说都用上不就可以了，确实不可以，因为一张好的图片能为宝贝加分，一张不好的图片可能直接让买家打消购买的意图和欲望。

制作详情页的准则在电商平台上，详情页是用户了解商品信息、做出购买决策的重要环节。

为了提高用户体验并促进销售，制作一个优质的详情页至关重要。

下面将介绍一些制作详情页的准则，以帮助您打造一个吸引人的页面。

一、页面结构清晰详情页应该有清晰的页面结构，包括商品标题、价格、图片、商品描述、规格参数、购买选项、评价等内容。

每个部分应该有明确的标题，使用恰当的段落和标题使页面结构清晰易读。

二、商品标题吸引人商品标题是用户第一眼看到的内容，应该简洁明了，突出产品的特点和卖点，吸引用户继续阅读。

三、商品图片清晰美观商品图片是用户了解商品外观和细节的重要途径，应该清晰、高清，并展示商品的不同角度和细节。

同时，图片要美观大方，符合产品风格和品牌形象。

四、商品描述详细准确商品描述是用户了解商品功能和特性的重要依据，应该详细准确地描述商品的特点、功能、用途等信息。

描述应该简洁明了，避免使用过于复杂的词汇和专业术语。

五、规格参数清晰可读规格参数是用户了解商品规格和性能的重要参考，应该以清晰、易读的方式呈现。

参数应该简洁明了，避免冗长的描述和无关的信息。

如果商品有多个规格可选，应该明确列出不同规格的参数。

六、购买选项明确购买选项是用户进行购买的关键环节，应该明确列出不同的购买选项，包括颜色、尺码、套餐等。

每个选项应该有明确的说明和价格，方便用户选择。

七、评价真实可信评价是用户了解其他用户对商品的评价和体验的重要参考，应该真实可信。

评价应该包括文字评价和评分，评价内容应该详细具体，避免使用夸张的词语和不实的信息。

八、配送和售后信息明确配送和售后信息是用户购买的关键考虑因素，应该明确列出。

包括配送方式、运费、售后服务等信息，方便用户了解。

九、页面加载速度快详情页的加载速度是用户体验的重要指标，应该尽量减少页面的加载时间，提高用户的浏览体验。

总结：制作一个优质的详情页需要考虑诸多因素，包括页面结构、标题吸引力、图片质量、描述准确性、参数清晰性、购买选项、评价真实性、配送和售后信息等。