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”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。