《跨境电商美工实务（第2版）》课件全套 项目1-7 视觉营销及文案策划- 视频美工设计制作

跨境电商美工实务学习目标能力目标1.能够厘清视觉营销的目的及重要性。2.能够结合不同的场景、运用不同的手段合理应用视觉营销。

知识目标1.熟悉并掌握视觉营销的基本概念、特点及作用。2.了解不同类型文案所适用的不同应用场景。3.掌握店招文案、广告文案和商品详情页文案的设计技巧和方法。4.了解7秒定律、KISS原则及FAB原则。3.能够独立完成店招文案、广告文案和商品详情页文案。4.能够运用合理的营销法则优化文案策划效果。

13C商品视觉营销应用

2店铺的文案策划应用项目一视觉营销及文案策划任务101任务描述02任务实现03

知识技能点3C商品视觉营销应用任务描述把原有的商品主图辅以适当的视觉处理，让商品图片不再是普通的展示，更可以一目了然地凸显商品特性及功能任务分析所谓一图胜千言，在做商品或者服务推广时，视觉内容的重要性不言而喻，视觉营销即是通过刺激买家的感官，提高商品认同感，激发购买欲。视觉是手段，营销为目的。视觉营销存在的目的是在短时间内产生最大的影响力，促进商品或服务与消费者之间的联系，完成最终的交易行为，因此，可视化的在线业务显得至关重要，视觉营销堪称卖家利器。1.引起买家注意

2.唤起买家兴趣3.激起买家购买欲望促进买家采取购买行为在品牌和消费者之间的衔接中，视觉营销是一种借助视觉辅助手段传达品牌理念的有效策略，无论是店招设计、详情页编排，亦或是店面广告策略，都可以看做是视觉营销的不同形式。采用可视化内容不仅能提高品牌在营销平台上的曝光量，还能令你的目标受众对品牌产生更加深刻的印象。视觉设计对于营销者的总体战略很重要。因为越来越多的消费者对详情图、Banner、广告语等可视化的内容越来越感兴趣，人们更容易被可视化的图片或内容所打动。这意味着可视化的内容能够在繁杂的信息中传达给消费者更强的信号暗示，达到最好的效果。事实上，消费者更易因图片影像而采取实际行动或者做决定。由此可见，视觉是一种影响消费者行为的重要先决因素，其根本目的就在于塑造网络店铺的良好形象并促进销售。

任务实现图片展示（1）图片展示（2）知识技能点视觉营销的作用视觉营销的应用视觉营销的作用提升店铺吸引力，引导消费者点击

1抓住买家的兴趣点，增加买家停留时长2构建真实应用场景，刺激购买3打造具有辨识度的店铺形象，提升品牌认知度4（1）

提升店铺吸引力，引导消费者点击具有设计感和美感的图片是吸引消费者进店浏览的不二法门，一张好的图片、一条吸引眼球的广告语总能唤起人们的兴趣。线上销售的指路门径便是色彩、图片、文字等商品“包装”，在网上店铺中，能够带来点击量的图片主要有商品主图、Banner广告、关联图片等，带有美感的商品往往能够更多地吸引买家点击。（2）抓住买家的兴趣点，增加买家停留时长在成功地引导买家进入店铺或者详情页之后，卖家需要进一步考虑如何击中买家的要害，抓住其核心诉求，激发其购买欲，让买家在店铺内停留更久。所有视觉设计的最终目的都是促成交易，因此，能够唤起买家兴趣的店招、Banner或者商品详情页的首屏图片就显得各位重要。图中使用的广告语是“EnjoyasaferdrivingexperiencewithDVRsbyAnytek”，表达的卖点是“安全”，这样会促使更关注安全性能的买家进一步了解商品到底有何特点。（3）构建真实应用场景，刺激购买某些商品仅靠单一的展示无法激起买家的购买欲，在对买家进行视觉冲击的同时，帮助买家构建起真实的商品应用环境，让买家身临其境地获取商品应用感知是促成交易的有效策略。这款耳机可以通过蓝牙与手机连接，它不仅具备进行一般的听歌功能，更重要的卖点是它可以方便地应用于运动、健身等情景。这样的一个商品适用人群是热爱健身的时尚群体.（4）打造具有辨识度的店铺形象，提升品牌认知度网上店铺千千万万，店铺形象同质化严重，而通过视觉营销可以打造出具有辨识度的店铺形象，提升品牌认知度。自己的店铺名称或者自己的品牌如何能被买家所记住，并能深入买家的脑海中，是每一个卖家需要认真考量的问题。因此，在店铺的视觉营销中，做到色彩搭配、主色突出、风格统一尤为重要视觉营销的应用03打造让买家“留步”的店铺首页02制作精益求精的详情页01设计引人入胜的商品主图0102充分利用电子商品的屏幕，在屏幕上展示商品细节及卖点注意区别店铺辨识度，统一店铺主图风格，提高品牌认知度。01设计引人入胜的商品主图0102提炼核心卖点，唤起买家兴趣进行细节展示，帮助买家认知商品02制作精益求精的详情页0304构建应用情景，使其身临其境设置利益引诱，促成交易05提供关联商品，抬升单笔客单价买家进入店铺的场景分为两种：一则已经拍下他所浏览的详情页商品，此时进入店铺则极有可能购买更多相关商品；二则没有拍下商品但仍然选择进入店铺浏览，那他就是为了寻找性价比更高的或者能令他满意的商品。就此而言，在做视觉营销的时候，卖家应当对症下药，为买家设置能够对接其不同需求的店铺首页，使其在店铺内的停留时间更长，最终下单付款，甚至达到“无心插柳柳成荫”的效果。03打造让买家“留步”的店铺首页任务201任务描述02任务实现03

知识技能点店铺的文案策划应用任务描述独立完成一个完整的店招、广告及商品详情页文案，结合不同的适用场景，设计能够最多“吸金”的文案策划方案。任务分析电商企业需要的文案，是一种有思想策略的表达，不需要华丽的修辞，而是用最简单直白的语言来影响用户的感受，比如说简单地描绘出用户心中的情景，语言简单，直指利益，让读者心中充满画面感，在最短的时间内，吸引买家眼球，激发他们的兴趣，引导点击，产生购买。设计未动文先行，电商企业的文案必须与策划相结合，从买家的角度出发，才能够更好地打动买家，达到营销的目的。1.找准店铺定位，击中消费者“痛点”

2用丰富多彩的文案形式引导消费者的购买行为3.掌握专业营销法则，从理论上提升文案策划水平速卖通店铺的文案策划是否符合店铺的定位以及消费者的习惯,无疑对店里商品的转化率是有很大影响的。为了尽可能的促成店铺商品的转化率,一个优秀的文案策划不仅仅要做文字功,还要用文字来引导销售,所以，不管是从商品名称到商品描述的整体定位和眼球策划,都需要遵循一定的思路和原则。卖家需要考虑的问题是：如何做好文案策划，让顾客“中枪”？有些商品总让你特别有想购买的冲动，文案策划所产生的广告效应即是枪膛中的子弹，完全依靠虚拟交流实现交易的电子商务更把文案的作用发挥到极致，它们甚至比真实的商品更使人流连忘返。网店的文案讲究的是创意，从广告上来说就是将商品卖点通过文字渗透入买家的思维中。同样是文字，却可以有不同的效果，让买家接受、认同并完成购买。在速卖通店铺的运营管理中，不单只有具体的营销行为和促销手段，更要跳出营销看营销，从深层次分析消费者心理，进而在营销实践中有效引导消费者行为、掌控消费者行为的规律，最终达到高转换率的实现和积累。在下文中，7秒定律、KISS原则和FAB原则即是几条行之有效的高转换率实现法则，掌握了这些理论知识，对于店铺经营和具体文案策划水平的提高大有裨益。任务实现知识技能点在此要遵循“3W”原则，即要清楚什么样的消费者（Who）会在什么样的场景需求下（When）选择什么样的商品（What）。店招文案策划店铺视觉营销的重要组成部分即广告，往往以精美的图片设计放置于速卖通的店首页或者商品详情页。广告文案策划商品详情页是文案策划的关键，是决定转化率的核心要素，卖家要知道消费者有哪些购买动机，然后应该如何通过详情页的文案设计来激发这种动机。商品详情页文案策划7秒定律KISS原则FAB原则文案策划的几个注意事项店铺和商品定位店铺和商品卖点店铺主推的营销、让利活动店招一定要能体现出店铺的主要卖点和特性，比如店铺主打健康绿色生活牌,货仓广、货源足，商品具有杰出的商品特性只有做好店铺的定位，才能更精准地吸引买家进来购买，卖家要在商品定位、品牌定位、买家群体定位、价格定位上做足功课。店招即黄金广告位，因此，针对即将开始的营销活动进行预告和宣传是店招的重要作用。店招文案策划图片展示（1）打造爆款单品爆款单品的广告需要传达的关键信息往往就是物美价廉，所以文案策划只需要抓住价格的吸引力和商品的关键卖点就行了，如图所示，在突出位置标明“US$11.62，US$23.23”。店铺爆款的广告一般都会考虑放置在店首页的滚动Banner做推荐，以及在详情页的置顶位置做关联营销。广告文案策划（2）进行品类引导在广告图片中对各品类商品进行直接展示和堆砌是有效地视觉营销手段，通过简单直白的平铺展示，把流量导入到店铺最有优势的商品分组中，从而提升店铺的转化率。在品类引导的文案策划中，要侧重于将流量和转化率较高的商品的优先展示，如图所示。广告文案策划（3）实行让利促销活动广告强调利益引诱，所以一定要清楚地传达能给消费者带来什么样的利益，比如让利促销和清仓甩卖，常用的文案描述就是“US$79，SaveUS$20”或者“Only3Days,Upto72%Off”,如图所示。此项广告策略可以应用在促销活动、清仓甩卖、新品预售之中。广告文案策划商品详情页文案策划

进店选购决定配搭卖点提炼细节展示关联营销利益引诱章节01卖点提炼首先，用直击要害的视觉设计留住买家，有的放矢地提炼卖点。卖点提炼的文案必须有别于同类商品，让读者有一目了然之感，成功地引起买家的好奇心。其次，就是优秀的文案利益引诱这里谈到的利益引诱，并不是经济上的优惠和营销活动，而是明确指出商品的用途及应用收益，即此商品具体可以给买家带来什么好处。细节展示细节展示是每个商品不可或缺的板块，如果详情页没有细节展示，那么这个页面就如同没有了灵魂。细节展示在视觉营销中处于十分重要的地位。我们的目的很简单，就是我们先要了解客户的需求，然后根据需求来包装我们的商品，将这个商品变成客户想要的样子。关联营销设置关联搭配，提升单品客单价文案策划的几个注意事项美国营销界总结出“7秒定律”，即消费者会在7秒内决定是否有购买商品的意愿。商品留给消费者的第一眼印象可能引发消费者对商品的兴趣，希望在功能、质量等其他方面对商品有进一步的了解。KISS原则是英语KeepItSimple&Stupid的首字母缩写，意思是“保持简单和愚蠢”，简单地理解这句话，就是要把一个商品做得连白痴都会用，因而也被称为“懒人原则”。英文的直译是把事情弄得越简单、越傻瓜化越好，更通俗易懂的理解就是，要让白痴都会用，这也是用户体验的高层境界了。所谓的FAB销售陈述是指：在进行商品介绍、销售政策（进货政策）、销售细节等表述的时候，针对客户需求意向，进行有选择、有目的的逐条理由的说服。七秒定律01KISS原则02FAB原则03感谢聆听跨境电商美工实务学习目标能力目标1.熟悉商品拍摄图片要求。2.熟悉商品拍摄过程中所需要的器材。

知识目标1.熟悉并掌握摄影器材的功能和用法。2.熟悉自然光的特点。3.掌握室内布光技巧。4.了解不同光位的不同作用。

3.能够根据不同商品确定不同的拍摄风格。4.能够正确地利用光线进行拍摄。

2准备摄影器材项目二商品拍摄技巧及流程

3制定拍摄方案

4环境与布光

1认识商品图片的特征和要求5基本构图及商品摆放技巧任务101任务描述02任务实现03

知识技能点认识商品图片的特征和要求任务描述以小组为单位，用手机完成男士皮包的商品拍摄。商品图片完成后，根据拍摄商品的类别从速卖通平台上找到类似商品的图片，讨论分析自拍图与网站商品图的差距，并完成表格任务分析商品图片在网店中起着至关重要的作用。一张好的图片是吸引买家点击和购买的最重要的因素，因而在拍摄一张合格的图片之前，必须掌握合格图片具备的基本特征和要求，同时在商品摄影中避免常见的错误。任务实现

［步骤1］准备拍摄商品，本任务中所要拍摄的商品为男士皮包。［步骤2］选择拍摄的环境，可以在实训室的商品摄影台完成，也可以根据小

组创意在外拍环境中完成。［步骤3］商品拍摄完成后，小组进行讨论，选出5张最佳图片。［步骤4］根据所拍摄的男士皮包，登录亚马逊或速卖通网站查找相关商品图片。［步骤5］完成任务表格，小组讨论分析自拍商品图和网站商品图的差距，并

总结网站商品图需符合的基本特征。（1）清晰干净、主体突出（2）商品颜色真实还原（3）多角度、细节展示（4）展示商品真实状态知识技能点画面过暗或过亮商品颜色失真或模糊画面主体大小失当商品摆放不当，道具搭配欠合理展示不够、角度不够、细节不够拍摄背景要恰当图片在网店营销中扮演着非常重要的角色，一张好的图片可以让推广事半功倍，然而有很多卖家在拍照过程中都会遇到以下常见问题：（1）

画面过暗或过亮在拍摄过程中，由于曝光过度或不足很容易把商品拍得过亮或过暗，视觉上给人不舒服的感觉，让人无法看清楚商品的形状、样式、材料和质感。如下图所示，左图太暗，以至于无法看清楚材质；右图太亮，反而给人廉价的感觉，无法突出玉石的质感。（2）商品颜色失真或模糊色差严重致使原本红色的帽子变成了深红色。色差过大既会增加退换货的概率，又会增加客服的售后工作量。小茶叶罐拍摄得过于模糊，使人看不清楚上面的图案，给人一种廉价商品的感觉。（3）画面主体大小失当左图令买家无法区分卖的到底是毛衣还是毛线；右图中的毛巾与拖鞋在画面中所占的比重一样，两张图片都没有突出主体商品。因此在摆放商品时，衬托商品的道具不可喧宾夺主，主次不分。（4）商品的摆放疏密相间不当，道具搭配欠合理商品采用有序列感和疏密相间的摆放方式，可以使画面显得饱满、丰富而不失节奏感和韵律感，否则会显得相对呆板。如下图所示，商品摆放具有序列感，而且画面饱满、丰富。（5）展示不够、角度不够、细节不够如果忽略了商品细节的展示，买家很难通过一张图片来决定是否购买该商品。如图所示，商品只有一张摆拍图，缺少商品细节，如鞋底、鞋带和商品的材质等。（6）拍摄背景恰当拍摄网店商品常用的背景色有三种：黑、白、灰。这三种颜色是中性的，几乎通用于搭配所有的色彩。网店商品图经常用到的就是白色，拍出的画面整洁清晰，被拍摄的商品主体突出，一目了然。如图所示，左图采用了白色的背景，右图为深色背景，均起到突出主体的作用。任务201任务描述02任务实现03

知识技能点准备拍摄器材任务描述

根据实训室的摄影器材完成某品牌女鞋的室内灯光拍摄，在拍摄中了解不同相机的不同拍摄效果，认识各种摄影器材的名称和作用，列出摄影器材清单。任务分析进行商品拍摄之前先要了解在拍摄过程中所需的摄影器材，包括数码相机、灯光设备和辅助器材等。

任务实现1.选择一款数码相机高性能的数码相机是拍出高品质的商品图片的首要因素，能够用于网店商品图片拍摄的相机，大致可以分为卡片机、微单相机、数码单反相机。2.选择灯光器材和辅助灯光器材根据任务要求完成某品牌女鞋的室内灯光拍摄，完成拍摄需要的灯光和辅助器材●商品摄影台：用于摆放鞋子。●三脚架：用于固定相机。●室内闪光灯：2～3盏。●柔光箱：搭配室内闪光灯。●引闪器。知识技能点辅助拍摄器材辅助灯光器材灯光器材灯光器材03影室闪光灯02外置闪光灯01内置闪光灯相机的标配闪光灯，闪光指数小，照明角度与机位一致，不利于变化，正面光，整体亮度较大。集造型灯泡和闪光灯泡于一身。造型灯泡提供持续的光源，光线强度较低，主要用于对焦。配有热靴插槽的相机，既可以外插闪光灯与相机协调使用，也可以使用连闪线连接相机和闪光灯。（2）辅助灯光器材无论是连续光源还是瞬间光源，所能产生的灯光效果都是一定的，在实际的拍摄过程中，为了改善各种灯光的光质与色彩，可以使用灯光辅助器材对光线进行加工，以满足不同拍摄场景的需求。标准罩：是随灯头自带的标准口径灯罩。标准罩的深度较大，口径较小，产生的光线较硬，光线方向性强，适合表现风格明快的物体。（2）辅助灯光器材

柔光箱：由反光布、柔光布、钢丝架、卡口组成。柔光箱的作用就是柔化生硬的光线，使光质变得更加柔和。反光伞：是一种专用反光工具，可以使光产生散射，在被摄物体上形成大面积的散射光。按伞面的内涂层颜色，反光伞可以分为银色、白色、金色、蓝色四种类型。（2）辅助灯光器材

反光板：根据环境需要用好反光板，可以让平淡的画面变得更加饱满，表现出良好的影像光感、质感。反光板通常分为金色、银色，白色、黑色四种类型。此外，还包含一种柔光板。束光筒：又称“猪嘴”，是防止光线扩散的工具，套在灯头上使用。束光筒常用于制造局部较强光，以强调商品的局部。（3）辅助拍摄器材

灯架：在商品拍摄的过程中用途非常广泛，既可以用于固定影室灯、柔光箱、闪光灯等灯光器材，又可以用作搭建摄影背景的支架。三脚架：是在商品摄影过程中必不可少的器材，它的主要作用是稳定照相机；三脚架顶端用于固定相机的部分称为“云台”，是相机的稳定器，起到平衡与稳定的作用。（3）辅助拍摄器材

引闪器：当相机需要外接闪光灯时，需要通过引闪器来连接相机和闪光灯，常用的引闪器是无线引闪。引闪器通常是成对使用，发射器安装在相机热靴上（也有可以连接PC端的），起到发射闪光信号的作用，接收器安装在闪光灯上，起到接受引闪器信号的作用。（3）辅助拍摄器材

拍摄背景：拍摄背景在商品拍摄中同样是不可缺少的，它作为商品的背景可以衬托出商品主体，但背景纸不宜太花哨，不能喧宾夺主，要简洁，颜色既可以是白色，也可以是纯色彩色的。静物摄影台：是放置商品和道具的专用平台，是商品拍摄中常用的设备。摄影台一般由铝合金支架支撑，可以快速组装台板，后背可以根据需要自由控制俯仰的角度。任务301任务描述02任务实现03

知识技能点制定拍摄方案任务描述

某网店要进行商品上新工作，该网店经营各种眼镜框、太阳镜等商品。现在需要确定整体的拍摄风格，完成上新商品的拍摄。任务分析进行商品上新之前要确定拍摄风格、进行商品分类、确定拍摄顺序制定拍摄步骤等。

任务实现1.确定拍摄风格根据商品的类型、材质、功能的不同确定商品的拍摄风格2.制订拍摄方案商品拍摄的风格确立后，需要确定拍摄的具体内容和套图数量。在商品拍摄的过程中，应该根据商品表面和内部结构的特点，以及需要展示的局部细节，来确定商品需要拍摄的内容，同时确定拍摄的张数。3.进行商品分类在拍摄时，最好先将所有商品根据拍摄中的可变因素进行细致的分类，将商品的材质、大小和颜色以及反射率等因素放在一起综合考虑并进行分类，然后按照顺序拍摄。

任务实现4.确定拍摄顺序分门别类后，有计划地按顺序拍摄。先从最简单、最容易操作和表现的商品开始拍摄，然后拍摄那些搭配复杂、需要用辅助器材才能拍摄的商品5.制定拍摄步骤1）先用全景拍摄商品的完整图片，再用中景、近景、特写拍摄商品的局部图片2）先从正面拍摄商品主图，再从侧面、背面等不同角度拍摄商品的外观形态3）先拍摄商品外观形态的图片，再拍摄商品内部结构的图片或功能展示图片6.选择拍摄器材拍摄前，需要对拍摄中所要使用的器材包括辅助配件进行检查以确保拍摄的顺利。根据室内或室外不同的拍摄环境来准备照明用具，进行室外拍摄时一定要多准备几块反光板；进行室内拍摄时，要准备好柔光箱、反光伞等辅助配件。

任务实现ARMANI太阳镜商品图拍摄方案知识技能点确定拍摄风格全面了解商品全面了解商品商品的卖点就是商品的特点，区别于其他同类型商品的功能、优势、特色。在进

行商品拍摄前，先要通过研究商品的形状、功能等属性来寻找商品的卖点。顾客可能会问及的商品情况如图所示。01商品的外观形态商品的外观形态包括外形、款式、色泽、结构、尺寸和透明度。在展示商品外观

时，要考虑商品的形状是否规则、是否有多种颜色、是否透明，以及软硬程度与光泽

度如何。如图所示，可以用拼图的形式展示商品的外形、款式、材质等。商品的功能是商品的用处、用途。通过图片展示商品功能时，需要详细了解商品的功能特色，并根据功能特色搭配道具，选择拍摄区域，再进行商品细节图的拍摄。集中展示了商品的用途、功能、外观等。02商品的功能商品材质的好坏在顾客选择商品时起决定性作用。在拍摄时，可以通过色泽、纹理体现商品的质感，以表现材质的优良。03商品的材质除了商品本身的属性特点外，商品的品牌也可以进行塑造。很多知名品牌本身就是一个很好的卖点，通过营造特殊的品牌氛围，突出展示品牌形象，也会让顾客感受到品牌的时尚、尊贵。如图所示，商品的包装、吊牌一一呈现，让顾客一目了然。04商品的品牌、标签等确定拍摄风格商品的类型、材质、功能不同，拍摄的风格也有所不同。拍摄之前，要构思好画面的拍摄风格，确定主体和陪体的布局、道具与背景的搭配运用以及灯光的布局。根据所拍摄的商品，寻找一些同类商品卖家的照片做参考，并结合所拍摄商品的特点，确定整体的拍摄风格。如图所示，同一商品可以采取不同的拍摄风格。任务401任务描述02任务实现03

知识技能点环境与布光任务描述某服装店铺需要拍摄模特外景和室内上身商品图。任务分析拍摄模特室外上身商品图时要了解自然环境中光的质感和色温；在室内拍摄则要了解各种人工光源的特点，选择合适的灯光并合理布光。任务实现［步骤1］在自然光条件比较好的时间段进行户外拍摄［步骤2］准备户外拍摄的商品和摄影用品［步骤3］制订室内拍摄的方案

知识技能点在商品摄影中，光位不仅决定商品明暗所处的位置，而且影响商品的质感和形态。光位光型是指各种光线在拍摄时对商品起的作用。光型通常分为主光、辅助光、轮廓光、装饰光和背景光五种。光型控制好光源面积和扩散程度以保证足够的照明亮度，选择合适的灯距；尽量少用灯具，多用反光器具；做好恰当的光比控制。布光根据不同材质对光线的不同反应，大致可以把商品分为吸光类商品、反光类商品和透明类商品。要表现不同的质地就要采用不同的布光方法。材质与布光1光位光位可以千变万化，但在商品与照相机位置相对固定的情况下，光位可分为顺光、前侧光、侧光、侧逆光、逆光、顶光和脚光七种。在拍摄中既可以采用顺光的拍摄手法，也可以采用侧面布光的方式，具体位置如图所示。2光型（1）主光主光在商品拍摄中作为主要的照明光线，用于塑造商品的形态和轮廓。顺光、侧光、侧逆光都可以作为主光，主光的位置决定摄影的用光造型效果。如图所示，主光位于被摄物品的侧前方。2光型（2）辅助光辅助光是用于提供辅助照明的光型，用于补充主光照明的不足，给商品的暗部提供光线。如右图所示，辅助光通常位于或邻近相机中轴线的位置，其高度和相机的高度一致，放置在与主灯相对的一侧。2光型（3）轮廓光轮廓光用于勾勒被摄物品的外形轮廓。在商品拍摄时，通常用逆光和侧逆光作为轮廓光，可以在商品边缘形成高亮的光条，赋予商品立体感和空间感。（4）装饰光装饰光又称平衡光。主要是打出眼神光，使用的是较小的灯，或者打在其他光种(主光、辅助光、轮廓光、背景光)达不到的地方，于细部加强亮度，表现被拍摄物体的质感和轮廓。此外，装饰光也用于消除人物面部的缺陷，如使瘦削的面庞显得丰满些。2光型（5）背景光背景光是照射背景的光线，可以衬托商品主体，使其产生立体感。如图所示，背景灯放置在被摄物体后面对着背景照明，不能照射于被摄物体上。3布光为了取得理想的光影效果，在摄影棚内布光时要掌握以下布光技巧。控制好光源面积和扩散程度以保证足够的照明亮度，选择合适的灯距；尽量少用灯具，多用反光器具；做好恰当的光比控制。（1）正面均衡布光如右图所示是商品拍摄中最常用的布光方式，正面投射的光线全面而均衡，商品展示全面，不会有暗角。3布光（2）顶部45度角布光商品的顶部受光，正面没有完全受光，适合拍摄外形扁平的小商品，不适合拍摄立体感较强且有一定高度的商品。（3）单侧布光商品一侧出现严重阴影，底部的投影也很深，商品表面很多细节无法得以呈现，同时由于减少了环境光线，因此反而增加了拍摄难度。3布光（4）前后交叉布光从商品后侧打光可以表现出商品表面的层次感，既表现出商品的层次，又保全了所有的细节，比单纯关掉一侧灯光的效果更好。（5）后方布光后方布光的方式会因商品的正面没有光线而产生大片阴影，无法展现商品的全貌。除拍摄通透性的商品外，不要轻易尝试这种布光方式。紫砂壶的前部为暗区，无法显示清楚。4商品材质与布光商品的结构质地和表面肌理各不相同，因而吸光和反射光的能力也不尽相同。根据不同材质对光线的不同反应，大致可以把商品分为吸光类商品、反光类商品和透明类商品。要表现不同的质地就要采用不同的布光方法。（1）吸光类商品的拍摄吸光类商品一般表面粗糙而不光滑，大部分可以直接观察到其结构、质地。这类商品对光线的反射比较稳定。吸光类商品主要包括皮毛、布料、橡胶、粗陶等材质的制品。4商品材质与布光（2）反光类商品的拍摄反光类商品一般是指商品表面如镜面一般光滑，对光线有强烈的反射作用，通常不会出现柔和的明暗过渡现象。反光类商品一般包括不锈钢制品、瓷器、电镀商品、玻璃制品等。4商品材质与布光（3）透明类商品的拍摄在商品摄影中，很多商品都是透明物体，如酒、香水、玻璃杯等一系列商品，很多都是玻璃材质的。透明商品的拍摄有相当的难度。通过观察拍摄台上摆放的几件透明商品，可以发现在商品表面形成了很多反光点，而这些反光点是尽可能要避免的。任务501任务描述02任务实现03

知识技能点基本构图及商品摆放技巧任务描述因为工作需要，现在需要完成一批小商品的拍摄，这些小商品包括纽扣、串珠、耳钉、丝带等。完成此次拍摄，基本构图和商品摆放是首先要解决的问题。任务分析完成此次任务首先要对商品进行分类，将适用同一种摆放和构图方式的商品分为一类。根据同种商品，进行三次以上的构图和摆放，尽可能多角度地展示商品商品的摆放是陈列艺术，同样的商品用不同的造型、摆放方式和背景会产生不同的视觉效果，商品采用什么摆放角度和组合最能体现其性能、特点及价值，是拍摄者在拿起相机拍摄前要思考的问题，因为商品摆放决定了照片的基本构图任务实现1.自然斜放正对着镜头往往显得过于端正，缺少情趣，会给人呆板的感觉，无法展示出商品的个性。可以将实物从包装中取出来，将包装斜着摆放，这样既可以将商品的侧面信息展示出来，让买家近距离地感觉到商品的立体信息，也可以给人随意自然的感觉。2.竖式摆放一些扁平的商品可以竖起来摆放，看上去显得高档且一目了然。任务实现

3.多件同类商品的摆放卖家在拍摄同种类型的多款商品时，简单的排列方式通常难以做出成功的造型设计。并列摆放只是几个物体的简单罗列，缺乏彼此之间相互关联的看点和造型的美感。因此，在拍摄同种类型的多款商品时，应尽可能地将商品摆放得错落有致，避免给人死板之感。还可以根据商品的外部形态，重新进行造型设计，使商品呈现独有的设计感和美感。知识技能点2.商品拍摄案例解析1.商品拍摄的基本构图方法1.商品拍摄的基本构图方法（1）横式构图横式构图是指商品呈横向放置或者横向排列的横幅构图方式。这种构图方式能够给人

一种稳定、可靠的感觉，是一种常用的构图方式。如下图所示，指甲油瓶和指甲种类采用了横式构图方式。1.商品拍摄的基本构图方法（2）竖式构图竖式构图是指商品呈竖向放置或者竖向排列的竖幅构图方式。这种构图方式可以表现商品的高挑、秀朗，常用来拍摄长条或竖立的商品。竖幅构图在商品的拍摄中也是经常使用的。如右图所示，商品采用竖式构图方式来表现刀具，让刀具显得明快、秀气。1.商品拍摄的基本构图方法（3）斜线构图斜线构图是指商品斜向摆放的构图方式。这种构图方式的特点是富有动感、个性突出，对于表现造型、色彩或者理念等较为突出的商品，斜线构图方式较为实用，如果使用得当可以产生很不错的画面效果。如图所示，在拍摄笔的过程中，拍摄者采用了斜线构图方式，把笔斜放，使整个画面富有动感。1.商品拍摄的基本构图方法（4）黄金分割构图黄金分割是广泛存在于自然界的一种现象，在商品摄影中，简单来说就是将摄影主体放在位于画面大约三分之一处，让人觉得画面和谐、充满美感。因此，黄金分割法则又称三分构图法则。下图将茶具放在了画面的三分之一处。2.商品拍摄案例解析以皮带为例，逐步展示商品拍摄的流程（1）拍摄要点在拍摄皮带时，以皮带扣为拍摄重点，强调其金属质感，顺带展示皮带的材质。采用90度、45度俯视等多角度拍摄，体现皮带的立体感，并将其不同侧面展示在同一画面里。通过细节特写，展示皮带扣、皮带纹理、皮带宽窄等体现皮带卖点的部分。拍摄皮带时，单色背景或者条纹背景更能突出皮带的款式，本例以浅棕色反毛皮面料作为台面，采用褐色背景墙。2.商品拍摄案例解析

（2）拍摄器材清单拍摄器材清单关涉场景布置和照明布光。主光源采用右前侧高位带柔光箱的灯光照明，带来大面积的柔光照明，可以使皮带内、外侧受光均匀，明暗过渡均匀，光泽度好；辅助光源采用左前侧带反光伞的灯光照明，略硬的光线投射在金属皮带扣上，光泽度好、立体感强。拍摄该款皮带的布光说明如下表所示。2.商品拍摄案例解析（3）造型技巧皮带的拍摄重点通常聚焦在皮带扣上，在设计造型时，往往需要将皮带卷起叠放，皮带扣放在视觉中心的位置上。在拍摄时采用正面俯拍的角度，能够基本拍摄到皮带的整体。简单的造型很难给消费者留下深刻的印象，由于皮带细长且有一定强度，因此可以通过造型设计来吸引消费者的关注。皮带的立体摆放也可以设计不同的造型效果，可以设计不同的卷起方式，如图所示，皮带摆放的造型像拉花一样，立体且曲线优美。2.商品拍摄案例解析（4）细节拍摄皮带是常用的配饰，形状简单，消费者关注的细节通常包括皮带扣的式样、皮带的花纹、压缝走线、孔洞等能够展示皮带的风格和做工的细节。为了展示皮带的材质，可以通过皮带的侧切面和真实体验来验证，每一个卖点都需要通过商品的不同细节来体现。

。2.商品拍摄案例解析（5）对比拍摄皮带的宽窄会影响搭配效果，通过参照物对比的方法可以让用户快速而直观地感受到此款皮带的宽窄。

。感谢聆听跨境电商美工实务学习目标能力目标1.能够对常用图片处理软件进行熟练操作。2.能够对商品的素材图片进行裁剪和调色方面的处理。知识目标1.熟悉并掌握Photoshop的基础操作。2.掌握裁剪、调色、抠图等常用的修图方法。3.了解商品主图的特点、性质。4.掌握商品主图的设计要点及设计制作方法。3.能够根据素材图片抠取所需要的主图图片。4.能够独立设计并制作商品主图。

2商品图片的裁剪及调色处理项目三商品主图的设计制作

3商品图片的抠图

4商品主图的设计制作要点及方法

1商品图片的基础处理任务101任务描述02任务实现03

知识技能点商品图片的基础处理任务描述为了能够熟悉并掌握Photoshop的基础操作，对图片进行基本的处理，要求根据所给素材完成合成。任务分析Photoshop是一款用于图像制作和图像处理的专业软件，具有强大的图像修饰功能，利用这些功能不但可以更有效地进行图片的编辑工作，快速修复照片的拍摄缺陷，而且可以修复人物照片上的斑点以及进行皮肤的润色，是跨境电商卖家在修图过程中必备的软件工具。任务实现［步骤1］在菜单栏中执行文件打开命令，打开素材文件。［步骤2］给图片添加文字图层。［步骤3］执行“图层>图层样式>外发光”命令，“图层>图层样式>描边”命令，“图层>图层样式>投影”命令，分别在弹出的对话框中设置具体参数。［步骤4］设置完毕后单击确定按钮。

任务实现［步骤1］打开素材文件，使用魔棒工具选取图片的背景区域，然后选择反向，接着使用快捷键“Ctrl+J”复制一个图层。［步骤2］保持选取状态，在图层面板下方单击添加矢量蒙版，然后设置前景色为黑色，接着使用画笔工具对图像进行局部涂抹。［步骤3］执行“图层>图层样式>投影”命令，在弹出的对话框中设置具体参数。［步骤4］设置完毕后单击确定按钮。

知识技能点Photoshop基础操作Photoshop三大基础概念Photoshop软件介绍1.Photoshop软件介绍Photoshop软件是Adobe公司开发的一个专业的图像编辑处理软件，也是世界上最优秀的图像编辑软件。它的应用领域十分广泛，不论是平面设计、3D动画、数码艺术、网页制作、矢量绘图、多媒体制作，还是桌面排版，Photoshop在每一个领域都发挥着不可替代的重要作用。为了能让更多的网店掌柜或基础美工快速学会使用Photoshop美化商品图片，完成网店的装修和图片处理任务，本任务重点从商品图片美化处理的角度，结合实际案例进行讲解。2.Photoshop基础操作（1）Photoshop工作界面介绍2.Photoshop基础操作（1）Photoshop工作界面介绍

●菜单栏：一共有11个主菜单，单击相应的主菜单，即可打开菜单下的相关命令。

●工具属性栏：这里有设置工具的各种选项，它会随着所选工具的不同而改变选项内容。●工具箱：这里有图片编辑处理中常用的各种工具，将鼠标移动到工具栏的任意图标上，单击即可选择该工具。如果工具的右下角有一个三角形小图标，则表示这是一个工作组，单击鼠标右键即可弹出隐藏工具，将鼠标移动到隐藏的工具上并单击，即可选择该工具。●浮动面板组：PhotoshopCS5中的面板主要用来设置颜色、工具参数、执行各种编辑命令等。通过“窗口”菜单可以打开面板。默认情况下，面板以选项卡的形式成组出现，并停靠在窗口右侧，可根据需要自由组合，打开或关闭面板。●文档窗口：文档窗口显示打开图像的地方。当在Photoshop中打开一个图像时，会自动创建一个文档窗口，如果打开多个图像，那么它们会自动停留在选项卡中。单击窗口的标题栏，即可将其设置为当前操作窗口。2.Photoshop基础操作（2）Photoshop具体操作●文件的新建●文件的打开：●文件的保存：●文件的放大、缩小、平移、实际像素等操作●文件的撤销、返回和恢复3.Photoshop三大基础概念（1）图层●认识图层：图层就像能够写字绘画的透明玻璃板。其作用是：一个图像至少有一个图层，图层是图像的载体，将图像的每个部分放在不同的图层中，通过叠加可以实现丰富的设计效果。3.Photoshop三大基础概念（1）图层●图层控制面板：图像中的图层都是在“图层”控制面板中管理的，可以在控制面板中保存所有的图层信息。3.Photoshop三大基础概念●新建图层：创建一个新图层。

●复制图层：已存在的图层创建图层副本。3.Photoshop三大基础概念●删除图层：不需要的图层进行删除。

●选择图层：众多图层中选择某个特定图层。3.Photoshop三大基础概念●显示图层：

关闭图层前眼睛单个显示某层-点眼睛+Alt3.Photoshop三大基础概念●交换图层：调整图层顺序。

按住鼠标左键不放拖动后释放

3.Photoshop三大基础概念●合并图层：多个图层合并成一个。

3.Photoshop三大基础概念●盖印图层：合并所有图层并保持所有图层的图层完整。

（2）选区●认识选区：选区就是图像中被选择的全部或局部像素，是一块闭合区域。其作用是：通过选定特定区域，编辑图片效果。一般用闭合的虚线框来表示。创建选区一般用到的工具有：选框工具、套索工具、钢笔工具和魔棒工具。（2）选区●选区的基础操作：1）选区复制：对选区进行复制操作，快捷键为“Ctrl+J”。2）选区填充：对选区进行填充操作，快捷键为“Alt+Delete”。可通过此快捷操作快

速地为选区填充颜色。3）选区删除：对选区内容进行删除，快捷键为Delete键。4）选区变换：对选区进行变换，快捷键为“Ctrl+T”。5）选区描边：给选区区域描边

（3）蒙版●认识蒙版：通常所说的蒙版指的是图层蒙版，是Photoshop中一项十分重要的功能。图层蒙版可以理解为在当前图层上覆盖一层玻璃片，这种玻璃片有透明的、半透明的、完全不透明的。然后用各种绘图工具在蒙版上涂色，当然只能涂黑、白、灰色。●涂黑色的地方，蒙版变为完全透明；●涂白色的地方，蒙版变为完全不透明；●涂灰色则使蒙版变为半透明，透明的程度由涂色的灰度深浅决定。（3）蒙版●编辑蒙版：［步骤1］打开图片，新建一个图层，填充绿色，然后对绿色图层进行蒙版操作。［步骤2］用画笔工具，选中黑色在图层的下半部分开始刷，发现原图完全显现出来。中间刷灰色，最上面刷白色，会发现结果如下所示：黑色——透明、白色——遮挡、灰色——半透明。任务201任务描述02任务实现03

知识技能点商品图片的裁剪及调色处理任务描述

为了能够熟练掌握商品调色这一常用的修图方法，要求通过使用色相、饱和度等工具为商品图片替换颜色。任务分析在跨境平台上，几乎所有卖家的商品都会遇到图片大小和色差的问题。由于多数中小卖家不是专业摄影师，也没办法花高额的费用去聘请专业摄影师对商品进行专业拍摄，因此在拍照过程中总会遇到各种各样的问题。比如：布光不正确或者相机光圈、焦距、感光度等参数设置不合理，这些都会导致图片产生问题。此外，白平衡没设置好也会出现偏色现象。因此，在对素材图片进行裁剪后进行调色方面的美化处理，是很有必要的。任务实现1.通过色相、饱和度为商品替换颜色［步骤1］打开素材文件，使用多边形套索工具在素材图层中将选区选中，然后，使用快捷键“Ctrl+J”复制一个选区内容。［步骤2］使用色相饱和度菜单命令，在弹出的对话框中设置参数，然后单击“确定”按钮。［步骤3］再以同样的方法更换另两个包的颜色。任务实现2.调整色阶改变商品图片的颜色［步骤1］打开素材图片。［步骤2］使用色阶工具，调整图片颜色。知识技能点辅助拍摄器材图片裁剪灯光器材1.图片裁剪（1）自定义裁剪Photoshop裁剪工具的快捷键为C键，比任何一个图像处理软件都要强大很多，可以用来调整图片的大小和最佳角度。为了突出主体或者表现商品的细节，可以在原图中根据需要进行裁剪。（2）按固定尺寸裁剪由于图片的尺寸要求不同，因此在选择图片时需要将其裁剪为需要的大小。按固定宽度和高度，可以裁剪出任意尺寸的图片。本例要求将素材图片裁剪为700px×700px的大小。1.图片裁剪（3）倾斜图片的裁剪在拍摄商品时，为了操作方便可能会将相机倾斜拍摄，因此拍摄出的照片也会出现倾斜的问题，这时可以使用裁剪工具对其进行调整。2.图片颜色及色调的调整

（1）亮度/对比度“亮度/对比度”命令可以对图像的色调范围进行调整。它的使用方法非常简单，对于暂时还不能熟练使用“色阶”和“曲线”的学生，在需要调整图片色调时，可以通过该命令来操作。2.图片颜色及色调的调整

（2）色阶色阶是表示图像中从暗到亮像素的分布情况，一般以波浪峰值的直方图表示，展现一张图片中从暗到亮的各个层级中像素的分布数量。所以，我们通过色阶工具是可以调整图片的亮度的。在色阶中能很好地看出阴影、中间调和高光的分布情况，这是调整图像亮度的一个常用办法。2.图片颜色及色调的调整

（3）曲线的运用“曲线”也是常用的调节亮度的方法之一。当图片曝光不足时，需要将图片调亮一些。在斜线上单击后会出现一个控制点，然后按住控制点向左上方调整，当输出值大于输入值，图片就会变亮。如果拍摄的图片曝光过度，则需要将图片调暗一些。在斜线中添加控制点并向下调整，当输出值小于输入值，图片就会变暗。2.图片颜色及色调的调整

（4）色相／饱和度的运用在拍照时，因为光线或其他原因，有时拍出来的照片颜色较暗、不够鲜亮，与实物颜色有一定的差别。这时，可以使用色相饱和度工具来调整颜色的浓淡。2.图片颜色及色调的调整

（5）偏色图片的纠正在拍摄时，由于光线色温、环境色干扰等，经常会拍出一些偏色的照片。如果买家收到商品的颜色与其看到的图片上的颜色不一样，会影响买家的购物体验，进而增加客服的售后工作量，甚至被投诉。因此，一定要对偏色图片进行纠正处理。3.图片瑕疵处理

（1）内容识别填充内容识别填充是一种很便捷的图像修复方法，程序会根据所选区域周围的图像对选区进行识别填充。3.图片瑕疵处理

（2）污点修复画笔工具的应用使用污点修复画笔工具可以修复简单的污点3.图片瑕疵处理

（3）修补工具的应用修补工具的功能体现在将选中区域的像素由其他位置代替或者代替其他位置的像素。3.图片瑕疵处理

（4）仿制图章工具的应用仿制图章工具的主要功能是复制和修复图像，它通过在图像中按照设定的取样点覆盖原图像或应用到其他图像中来完成图像的复制操作。任务301任务描述02任务实现03

知识技能点商品图片的抠图任务描述

为了能够熟悉并熟练掌握Photoshop的抠图操作、强化抠图技能，要求完成素材图片的抠取。速卖通平台上有一个主营儿童玩具的店铺，现需要针对其素材图片进行抠图处理任务分析抠图过程中总会遇到另外一种不可避免的情况，那就是带有毛发的物品或者人物的抠图。我们应该将一般物体的抠图和带有毛发物体的抠图分开，用不同方法进行。任务实现1.一般物体抠图［步骤1］打开素材图片，用快速选择工具选中商品，构成选区。［步骤2］选中商品后，需要放大，对没有选好的区域再一次进行选择，这个时候要根据需要时刻调整大小、添加到选区、从选区减去，直到沿着商品全部选中为止。［步骤3］将选中的商品图复制并粘贴到白色背景中，即完成抠图。

任务实现2.毛发抠图通道抠图是Photoshop中相对复杂的一种方法，主要是利用红、绿、蓝三色通道来观察和选择毛发与背景对比度高的通道创建选区并进行抠图，通过抠图变换图片背景效果。图片中人物的头发部分，用钢笔工具、魔棒工具是无法完成的，而利用通道技术则可以相对高效地进行抠图。

知识技能点简单背景抠图规则形状的抠图钢笔抠图1.规则形状的抠图（1）矩形、椭圆选框工具（2）直边规则图形的抠图边界是直线的物体，如商品包装盒、计算机屏幕等在抠图时，可以用“多边形套索工具”进行便捷处理。2.简单背景抠图使用魔棒工具能去除简单的背景，如纯色背景或者相近色的背景。钢笔工具是Photoshop的抠图工具中功能非常强大且最常用的一种，基本上除了含有毛发的图片之外，圆弧形物体和规则物体都能用其在图片中轻松抠出。3.钢笔抠图任务401任务描述02任务实现03

知识技能点商品主图的设计制作要点及方法任务描述为了能够熟练掌握商品主图的设计要点及设计制作方法并独立设计和制作商品主图，现有一家经营儿童玩具的速卖通店铺，要求根据素材图来设计并制作符合要求的商品主图。任务分析根据商品主图的要求及规范利用素材图片进行设计制作。任务实现［步骤1 ］根据主图要求的尺寸新建文件（800px×800px）。［步骤2 ］把素材图片中的商品图抠取出来放在新建的文件上［步骤3 ］给文件背景加个渐变色效果，再在左上角加上玩具品牌的商标，在右下角加上商品的名称即可。知识技能点商品主图的设计认识商品主图商品主图的作用商品主图常见的设计方法1认识商品主图主图即发布商品时放在第一位置，在商品发布以后，买家在搜索结果列表中看到的那张图片。2商品主图的作用当买家在电商平台有意愿要购买某商品时，先要输入该商品的关键词，然后筛选，最后决定在某家店购买。尽管影响买家做出购买行为的因素很多，但一致的前提是，买家必然通过搜索关键词先看到商品主图，被吸引进店后才有可能会购买，所以商品主图和标题的好坏是店铺经营成功与否的关键。3商品主图的设计（1）主图的作用与特点●作用：展示商品的款式、颜色、品牌等。●特点：在跨境电商平台首页脱颖而出，迅速地刺激眼球，突出差异化，增加点击率。（2）主图的规格●图片拍摄：建议自己实拍图片以发布商品（不包括杂志图片、官方网站图片及宣传图）。●主图尺寸：800px×800px以上，自动拥有放大镜功能。●主图数量：5张，第1张称为首图，剩余4张称为附图。●主图大小：小于500k，支持jpg、jpeg、png、gif格式。3商品主图的设计（3）主图的规范●图片在中间位置，占据主导。●主图背景尽量以白底或浅色为主。●文案或标签不允许大面积覆盖或遮盖主图本身。（4）主图的构图方法与设计思路●主图的构图方法：直线式构图、三角形构图、对角线构图、扇形构图和框架式构图。

3商品主图的设计主图的设计思路：1）主体突出——点击率的第一标准。2）图片清晰——点击率的基本前提。3）优选素材——点击率的基本要素。4）视觉冲击——点击率的必备条件。5）商品诉求——点击率的高效助推器。6）卖点突出——点击率的有力保证。7）环境差异——点击率的强力催化剂。8）近景呈现——点击率的优先手段。4商品主图常见的设计方法（1）实物展示型主图实物场景拍摄或者摄影棚拍摄。（2）情景渲染型主图通过自然场景、对比场景、搭建场景、室内环境场景等来展现。4商品主图常见的设计方法（3）背景烘托型主图通过渐变（放射）背景、景物虚化背景、颜色背景、实景拍摄背景等来烘托场景。感谢聆听跨境电商美工实务学习目标能力目标1.能够独立设计制作跨境电商平台的店招。知识目标1.熟悉轮播海报的常用尺寸、特点及展现手法。2.了解并掌握轮播海报的设计制作过程。

3.掌握店招的设计要点及制作方法。2.能够独立设计制作跨境电商平台的轮播海报。

2轮播海报的设计制作项目四店招及轮播海报的设计制作

1店招的设计制作任务101任务描述02任务实现03

知识技能点店招的设计制作任务描述任务分析一般情况下，店招的设计是至关重要的，不能忽视。店招就像店铺的招牌，通常担负着比吸引流量的责任，它要经受客户的反复对比和推敲，是决定客户能否对商品产生信任感的关键。在众多的店铺中，不同的店铺类型应该具备不用的店招风格。这与所售卖的商品类别息息相关。为了能够掌握并熟悉店招的常用尺寸、特点及展现手法，独立设计符合要求的店招，现有一专营银饰品类的速卖通店铺，要求根据所提供素材制作店招。任务实现［步骤1］新建一块宽为950px、高为120px的画布，命名为“店招图”（文件名称可以随意定，不过建议选取简单、易记忆、好识别的名称）。［步骤2］在菜单栏中执行“视图——标尺”命令，在编辑区就会出现标尺，按“Ctrl＋R”键利用标尺工具向下拉出一条辅助线，放在导航栏高度的位置，划分开导航部分。［步骤3］单击工具栏的“矩形选框”工具，框选导航栏区域，单击“前景色”设置好颜色，按“Alt+Del”键为店招区域填充颜色。［步骤4］按“Ctrl＋R”键，再次利用标尺工具拉出辅助线，给导航栏文字部分进行区域的划分。［步骤5］单击“文字”工具，分别在每一个直线划分的区域里输入相对应的文案，依次为：StoreHome、ProductsSaleItemsTopSellingFeedback。［步骤6］单击“文字”工具，添加“店铺LOGO”文字图层，置于店招的中间。知识技能点设计尺寸设计策略设计要点设计展示1.店招的设计要点

店招，顾名思义就是店铺的招牌，好比是实体店的招牌，其最大的作用就是为了让消费者看到并且记住它，从而起到宣传和推广的目的。店招一般位于店铺首页的最顶端，是店铺展示的窗口，也是买家对店铺生成第一印象的主要来源。如果店招设计的让人印象深刻，那么顾客在下次光顾店铺的时候就可以根据记忆或者店铺收藏快速的搜索到店铺，并在店铺中进行购买。因此，鲜明并且有特色的店招对于网络店铺来说发挥着不可替代的作用。

在众多的店铺中，不同的店铺类型应该具有不同的店招风格。这与所售卖商品的类别息息相关。比如：可爱型的店招主要针对母婴用品、童装店、玩具店、宠物店以及适合年轻女孩佩戴的饰品店等。在设计的时候就要注意使用轻快明亮的颜色和偏向简单的线条。2.设计策略（1）明确网店策略

（2）明确品类策略定位

（3）明确风格定位

（4）明确元素

（5）明确字体

（6）明确色调

3.设计展示

在店招设计中，一般包含店铺名称、店铺LOGO、店铺广告语以及店铺收藏、店铺促销、宝贝打折等相关信息。其中，店铺名称和店铺LOGO是不可或缺的主要内容。一般来说，各个店铺都会对店铺名称好店铺LOGO进行重点的设计展示，这样可以更直观地呈现给消费者，树立店铺形象。4.设计尺寸

店铺的店招一般有两种尺寸，一是常规店铺，其尺寸设置为950像素×120像素。二是通栏店招，其尺寸设置为950像素×150像素。常规店招和通栏店招的区别在于：常规店招在上传到淘宝店铺首页后，店招两侧显示空白；通栏店招在上传到淘宝店铺首页后，店招会根据设计的结果进行显示。店招的格式一般分为三类，分别是：JPG、PNG和GIF。其中，GIF格式是动态店招。任务201任务描述02任务实现03

知识技能点轮播画报的设计制作任务描述为了能够掌握并熟悉轮播海报的常用尺寸、特点及展现手法，独立设计符合要求的轮播海报，现有一专营女鞋品类的速卖通店铺，要求根据所提供素材制作一幅轮播海报任务分析不管是线下传统的营销方式还是线上网络销售，都需要有漂亮而吸引人眼球的海报来招揽顾客。在网络店铺的运营中，除了利用促销活动或节日活动来吸引顾客外，还可以通过制作精美的海报促销图片来吸引买家的眼球。任务实现［步骤1］新建一块宽为950px、高为300px的画布，命名为“海报图”。文件名称可以随意定，不过建议选取简单、易记忆、好识别的名称。［步骤2］给背景填色后将素材图片移至做好的背景上。［步骤3］添加提前设计好的广告文案，完成后的轮播海报。［步骤4］设置完毕后单击确定按钮。

知识技能点轮播海报的设计流程轮播海报的设计要点轮播海报的设计实施1.轮播海报的设计要点首页海报一般位于导航的下方，占据较大的面积，其常见形式为多张海报循环播放。可以说，它是顾客进入店铺首页看到的最醒目的区域，利用好轮播海报，不仅能给人震撼的感觉，还能使顾客第一时间了解店铺的活动和促销信息。（1）主题海报的制作需要一个主题，无论是新品上市、清仓甩卖，还是节日促销，都要选定主题后方能围绕该方向确定海报的文案和信息等。海报的主题是商品描述的直接体现，主要的表现形式是图文结合。总的来说，一幅海报基本由三部分构成，即商品、背景和文案。1.轮播海报的设计要点（2）构图海报的构图主要讲究的是和谐且主题突出。一般有以下几种分类：●左右构图：比较典型的构图方式通常有左图右文或者左文右图两种模式。这种构图方式比较沉稳，画面不失平衡感。1.轮播海报的设计要点●左中右构图：海报两侧为图片，中间为文字。相较于左右构图，此种构图方式更具层次感。1.轮播海报的设计要点（3）配色海报的配色十分关键，画面的色调会营造一种氛围。在配色时，重要的文字信息要用醒目的颜色加以强调，以对比度来传递画面信息。此外，以不同的配色方案来确定相应的风格，进而展现商品特点。2.轮播海报的设计流程（1）目标人群、商品分析和广告目标定位●

目标人群分析：分析广告投放区域的主要访问人群，进而分析他们的审美观及消费心理。比如：不同年龄层次及不同消费能力的人，对色彩、风格的喜好或者引发注意的点是截然不同的，因而我们一定要针对其审美设计出能吸引他们的轮播海报。●商品分析：分析商品的卖点、价值点，即商品图片应该以什么样的角度或者风格去呈现。比如：分析商品的哪个款式最具代表性或者哪个颜色是主打，最能吸引买家的眼球并体现商品价值，进而将引起买家关注的点用图片表现出来。●广告目标分析：在设计一幅海报时，要确定广告目标，明确是促销广告、活动广告还是品牌形象类广告。促销广告的目标是以降价打折为手段来刺激买家；活动广告是以预告活动给买家带来的利益的形式来吸引买家收藏或者关注；而品牌形象广告则是以加深品牌印象和好感为主要目的。对此，我们要做到有的放矢。2.轮播海报的设计流程（2）沟通策划●主题内容：是指在海报中展现的内容，如模特、折扣信息、商品图片、文案、商标等。应当将所有内容经过梳理后用最简练的方式进行表达。●文案内容：海报中的文案内容不宜过多，应该尽量做到言简意赅，引起买家的兴趣。●素材准备：设计的过程就如同盖房子一样，需要各种材料，如背景素材、标签、字体等。我们既可以提前通过网络搜集各种素材，也可以借鉴其他网站的广告设计。充足且优质的素材可以起到事半功倍的效果。3.轮播海报的设计实施（1）尺寸只有知道了尺寸，我们才能开始设计和规划轮播海报，具体的尺寸要根据平台的要求来确定。（2）背景与色调海报可以选择图片或者渐变色以及简单的纯色作为背景，因为背景占据的面积较大，所以背景的色调几乎决定了广告图的色调。

3.轮播海报的设计实施

（3）字体与排版虽然字体的种类繁多，有上千种，但并不是每一种都可以随便使用，每种字体都各有各的风格，有的时尚，有的可爱，有的沉稳大气，有的个性活泼。在设计时我们要根据商品的风格来选定合适的字体类型。同时，在排版时文字的位置、间距等也都会影响视觉效果。（4）主题层次一般来说，在海报图片中会有多个主题信息，安排好这些信息的主次和视觉顺序也是很重要的一点。

感谢聆听跨境电商美工实务学习目标能力目标知识目标1.掌握商品详情页的设计要点及制作方法。1.能够独立设计制作跨境电商平台的商品详情页。

商品详情页的设计制作项目五商品详情页的设计制作

1任务101任务描述02任务实现03

知识技能点商品详情页的设计制作任务描述现有一专营女鞋品类的速卖通店铺，在收集完商品素材图片、确定页面的布局和配色方案的同时，策划此款鞋的商品详情页，包含商品规格、商品描述、商品细节图以及品牌介绍四个模块。配色方案则以浅色为主。任务分析一般情况下，顾客从搜索页进入店铺时打开的就是商品详情页，它是顾客购买商品时必须打开的页面。可以说，商品详情页的优劣是决定顾客是否购买的关键因素，因而商品详情页的设计是至关重要的，不能忽视。商品详情页通常担负着比首页更大的转化率责任，它要经受客户的反复对比和推敲，是决定客户能否对商品产生信任感的关键。任务实现［步骤1］新建一块宽为950px、高为3000px的画布，命名为“详情页面图”［步骤2］制作具体模块，先制作第一个模块——ItemSpecifics即商品详情页介绍模块。这个模块是关于商品的详细介绍，因此主要以文字为主。［步骤3］制作下一个模块——ProductDescription，这个模块以商品图片为主，通过大量的图片来展现商品的外观和品质。同时，包含商品的细节以及不同颜色的展示。［步骤4］最后加上品牌介绍模块和运输详情模块，以便顾客更多地了解商品品牌以及运输过程中可能涉及的一些细节问题。［步骤5］商品详情页制作完成并保存。知识技能点商品详情页的设计流程引发兴趣替客户做决定激发潜在需求1.引发兴趣当顾客点击进入商品详情页之后，如何引发其兴趣是关键。引起顾客兴趣的可以是商品的热销盛况、商品的升级与更新等。2.激发潜在需求顾客开始对商品产生兴趣还并不能说明什么，需要进一步激发他们的潜在需求。激发顾客的潜在需求可以通过商品功能介绍、商品特点介绍等来实现。3.替客户做决定

对于一些犹豫不决、迟迟不肯下单只差临门一脚的顾客，我们可以发挥主动权，帮助其做决定。可以通过以下办法实现：（1）品牌介绍通过展现品牌实力来增加顾客的信任，提高客单价。（2）购买号召通过营造一些紧张的氛围来促成顾客现在、立刻、马上就购买，如“数量有限”“库存紧张”“欲购从速”等措辞。（3）购物须知告诉顾客一些与购物相关的信息，包括如何发货、如何退换货以及有哪些售后服务等。4.商品详情页的设计流程

（1）确定风格根据店铺活动、商品特色、节假日来确定。（2）收集素材平时养成收集素材的习惯，以免寻找时浪费大量的时间和精力。平时遇到好的图片就保存，作为寻找灵感时的参考。（3）页面布局合理地安排页面布局。（4）确定配色选择合适的配色方案，尽量避免深色系。（5）排版设计用Photoshop进行排版。（6）上传完成在商品发布页面上传。感谢聆听跨境电商美工实务学习目标能力目标1.能够独立完成移动端店招、焦点图及Banner的制作。

知识目标1.移动端店招的规格及设计要点。2.移动端焦点图及MiniBanner单图模式、单行多点击模式、图片轮播模式的图片规格、设计要点和链接设置。3.移动端店招、焦点图及MiniBanner的基本设置流程。4.移动端店铺的布局原则。5.移动端商品详情页的布局原则。2.能够独立完成移动端店铺布局及商品详情页的制作。

1移动端店招、焦点图及MiniBanner的制作

2移动端店铺布局及商品详情页制作项目六移动端视觉设计制作任务101任务描述02任务实现03

知识技能点移动端店招、焦点图及MiniBanner的制作

任务描述速卖通店铺Curren为了更好地发展公司业务，迎合平台发展的需求，决定制作一套针对自己公司的移动端店铺的店招、焦点图及MiniBanner任务分析移动端销售已经是电商的一个主流趋势，对于产品转化率的提升以及点击率的提升，就需要依靠良好的移动端店铺装修，店铺装修会让我们的产品展示效果更好，而且也能够让我们的产品卖点更加的突出。任务实现1．了解不同类型的图片要求移动端店招的图片规格为720px×200px，图片格式为jpg或jpeg。移动端焦点图及MiniBanner的图片规格为720px×200px或720px×360px。焦点图及MiniBanner的图片模板中，单行多点击的图片总宽度必须在720px及以上。任务实现点击店铺后台，然后点击“店铺装修”，接着点击“进入装修”按钮。2．店招、MiniBanner、焦点图的基本设置流程（1）店招的基本设置流程任务实现点击后台店铺，然后点击店铺装修与管理，进入装修选择适合自己的图片模板风格，注意图片尺寸。2．店招、MiniBanner、焦点图的基本设置流程（1）MiniBanner及焦点图的基本设置流程1.引起买家注意

2.唤起买家兴趣3.激起买家购买欲望促进买家采取购买行为在品牌和消费者之间的衔接中，视觉营销是一种借助视觉辅助手段传达品牌理念的有效策略，无论是店招设计、详情页编排，亦或是店面广告策略，都可以看做是视觉营销的不同形式。采用可视化内容不仅能提高品牌在营销平台上的曝光量，还能令你的目标受众对品牌产生更加深刻的印象。视觉设计对于营销者的总体战略很重要。因为越来越多的消费者对详情图、Banner、广告语等可视化的内容越来越感兴趣，人们更容易被可视化的图片或内容所打动。这意味着可视化的内容能够在繁杂的信息中传达给消费者更强的信号暗示，达到最好的效果。事实上，消费者更易因图片影像而采取实际行动或者做决定。由此可见，视觉是一种影响消费者行为的重要先决因素，其根本目的就在于塑造网络店铺的良好形象并促进销售。

任务实现图片展示（1）图片展示（2）知识技能点视觉营销的作用视觉营销的应用视觉营销的作用提升店铺吸引力，引导消费者点击

1抓住买家的兴趣点，增加买家停留时长2构建真实应用场景，刺激购买3打造具有辨识度的店铺形象，提升品牌认知度4任务实现导航是展示店铺分类的主要工具，显示在店招的下方，好的导航设计可以让浏览者方便而快捷地找到所需要的商品。在首页装修页面中，将鼠标放在店招模块上，右上角就会出现“编辑”“删除”按钮，如图5-9所示。单击“编辑”按钮，进入店招编辑状态，可以看到模板规格参数要求：高度为100px～150px，宽度为1200px，图片大小不能超过2MB2．店招店招是网络店铺展示的窗口，代表了店铺的品牌定位和商品定位。店招显示在店铺首页的顶部，当消费者进入店铺浏览时，首先看到的就是店招，店招的设计应易于传播和便于记忆。任务实现导航是展示店铺分类的主要工具，显示在店招的下方，好的导航设计可以让浏览者方便而快捷地找到所需要的商品。在首页装修页面中，将鼠标放在店招模块上，右上角就会出现“编辑”“删除”按钮，如图5-9所示。单击“编辑”按钮，进入店招编辑状态，可以看到模板规格参数要求：高度为100px～150px，宽度为1200px，图片大小不能超过2MB2．店招店招是网络店铺展示的窗口，代表了店铺的品牌定位和商品定位。店招显示在店铺首页的顶部，当消费者进入店铺浏览时，首先看到的就是店招，店招的设计应易于传播和便于记忆。知识技能点手机端店招的规格及设计要点焦点图及minibanner单图模式的图片规格，设计要点，链接设置手机端店招、焦点图及minibanner的基本设置流程任务201任务描述02任务实现0