《视觉营销表达设计与制作》高职全套教学课件

学习情境一认识视觉营销-视觉营销概述全套可编辑PPT课件1.情境1认识视觉营销-视觉营销概述12.情境1认识视觉营销-核心视觉营销内容23.情境2视觉营销案例鉴赏图文类视觉营销案例鉴赏14.情景3基础工具的理解与实践-平面制作工具15.情景3基础工具的理解与实践-视频制作工具26.情境4电商平台视觉表达技巧-令人瞩目的主图设计17.情境4电商平台视觉表达技巧-高质量的商品详情页设计28.情境4电商平台视觉表达技巧-以目标为导向的海报设计39.情景5京东商铺视觉呈现实操-京东店铺装修管理后台110.情景5京东商铺视觉呈现实操-通天塔的理解与运用211.情景6短视频视觉设计应用短视频制作全流程-短视频选题与脚本制作112.情景6短视频视觉设计应用短视频制作全流程-短视频拍摄常用技巧213.情景6短视频视觉设计应用短视频制作全流程-短视频后期剪辑30102视觉营销的概念及应用场景视觉营销在电商运营中的重要性01Thefirstchapter视觉营销的概念及应用场景电子商务经过了20多年的快速发展，无论是商家还是消费者都越来越重视视觉在电商平台中的表达，因此，视觉营销贯穿在电子商务活动的各个环节，应用在电子商务的各个场景。视觉是通过视觉系统的外周感觉器官（眼）接受外界环境中一定频率范围内的电磁波刺激，经中枢有关部分进行编码加工和分析后获得的主观感觉。通过视觉感知外界物体的大小、明暗、颜色、动静等各种信息，一般人体有80%以上的外界信息获取来自视觉，视觉是人和动物最重要的感觉。视觉是指外界影像通过视觉器官引起的心理机理反应，是一个由外在向内在的过程，这一过程比较复杂，因为外界影像丰富，内心心理机能复杂，两者在相互联结并发生转化时建立起了千丝万缕的联系，因此不同的人不同的影像、相同的人相同的影像以及不同的人相同的影像和相同的人不同的影像产生的心理反应是不同的。例如，同样看到一朵花，人开心时觉其艳丽，伤心时觉其凄婉；同一处风景，初来之人欣赏其美丽，久住之人感觉其平淡等。视觉心理-视觉艺术心理（1）接收：接收来自外界的所有信息。（2）激活：外来信息整理后激活人体中的记忆存储，即经验积累。（3）感应：首先，根据人体大脑中的经验信息与视觉中的相应信息对接形成感应。外界传递的信息与大脑中对应的记忆储存，形成不同能级的感应流。（4）对接：根据个体需求与外界激活的感应流发生选择性对接。（5）决策：根据个体需求与感应流对接的吻合度，来决定个性后续的行为发生。视觉到个体行为发生一般涉及以下几个步骤：视觉营销是一种营销技术，利用视觉元素和视觉呈现来传达信息、推广商品或品牌。最初起源于70-80年代的美国，通过大众直观的视觉广告进行商品的营销，从而发展到"视觉营销"。它通过运用图像、颜色、排版、设计等视觉元素，创造出吸引人的视觉体验，以引起潜在消费者的兴趣和注意。视觉营销以营销策略为核心，以消费者为目标群体，以商品为主，综合所有视觉要素，作为营销信息的载体，实现品牌、商品或服务的特性及差异化。视觉营销可以包括广告、标志、包装、展示陈列等形式，通过买家的可视化体验，提高对商品营销或品牌的忠诚度与黏性，提高消费者潜在的兴趣，达到商品营销或品牌推广的目的。视觉营销（1）无声的语言：通过色彩和造型吸引消费者，激起购买欲。（2）直观的美感：能在第一时间打动消费者心，例如女装频道用色彩分区激起女性购买欲。（3）成本低：通过色彩搭配和陈列组合方式改变店铺面貌，节约成本。（4）注重用户体验：提供愉悦和吸引人的界面，增强用户与品牌互动的积极感受，提高满意度和忠诚度。（5）多平台应用：可以在不同媒体平台上使用，如印刷品、广告、网站、社交媒体等，并根据平台需求优化视觉元素呈现方式。视觉营销主要有以下五个特点：视觉营销在电商中的应用场景视觉营销在电商中应用十分广泛，而且在店铺销售中发挥着极其重要的作用，在如此众多的店铺中，怎样在短短几秒钟吸引消费者并促成成交呢？下面分析视觉营销在网店店铺中的具体应用，更好地发挥视觉营销的作用，主要应用于以下6种场景：1、商品主图2、商品海报3、店铺装修4、促销活动页5、大促氛围6、短视频1、商品主图商品主图是指商品在交易前的标准图片，通常用于在电子商务市场中作为商品的宣传图片。商品主图用来描绘商品的真实面貌，可以更好地满足消费者的购物需求，促进商品销售和网络推广。是消费者浏览网页时首要触及的图片之一，主要用于搜索落地页、商品详情页以及其他平台端口。对于给消费者的印象与吸引力起着决定性的作用。一个好的商品主图主要应包含商品实拍高清图、商品卖点、消费者利益点等，可以直观的展示商品的核心功能和特点。2、商品海报海报最早起源于上海，是一种宣传方式，也是极为常见的一种招贴形式。商品海报是商品视觉传达的表现形式之一，通过版面的构成在第一时间内将人们的目光吸引，并获得瞬间的刺激。主要通过图片、文字、色彩、空间等要素进行完整的结合，以恰当的形式向人们展示出商品信息。它用途较广，主要使用场景为店铺自身、平台活动、站外活动等位置。多用于扩大商品的促销内容、影响力和品牌知名度，比如在特定的营销活动中宣传商品，或展示商品的独特卖点。3、店铺装修店铺装修（shopfitting）是指在平台的结构范围内，通过文子、图片、程序模板等，让店铺更加美观，提高消费者对企业或商品的了解，增加消费者的信任感。树立店铺品牌等作用。店铺装修是电商店铺的门面，应反映出品牌的形象和价值。从整体颜色搭配、LOGO设计，到各类细节，如字体、按钮布局等，都需要经过精心设计。好的店铺装修需对消费者友好，首页布局清晰，分类明晰，使消费者易于导航找到他们想要的商品。4、促销活动页促销活动是电商行业中常见的销售手段。促销活动页包含如：活动的主题设计、优惠信息展示等，都需要足够吸引人，从而唤起购物者的购买兴趣。同时，活动页必须清晰传达活动的具体内容、优惠力度以及活动规则，避免因信息不明确而引发购物者的疑惑。5、大促氛围在一些大型的营销活动中，比如双11，618等，大促氛围的营造成为了吸引购物者的重要手段。包括活动主题和大背景的设计，网站的整体色调和氛围，以及各类活动的视觉元素，如倒计时、专题banner、海报、动态图等。6、短视频短视频已经成为当前的热门营销工具，它既可以展示商品的使用场景或效果，也可以传递品牌的故事或原则。短视频的拍摄和编辑需要专业的技能，如良好的剧本、拍摄技巧和后期处理技术，以吸引消费者的注意力并引发分享。02Thefirstchapter视觉营销在电商运营中的重要性在电商运营过程中，利用视觉冲击力吸引潜在消费者的关注，从而提升网店的流量，刺激消费者购物欲望，进而使目标流量转变为有效流量。最终达到传达品牌文化，引导消费者理解和忠诚于品牌的目的。132主图是消费者在浏览商品时，首要看到的图片。如果主图吸引人，消费者更容易点击以查看更多详情。由此，主图的点击率直接影响了商品详情页的流量。引导消费者进入商品详情页在电商平台中，商品的搜索排名通常部分受点击率影响。如果一个商品主图的点击率高，意味着它较有吸引力，这个商品在搜索结果中的排名可能会相应提高。影响搜索排名能够点击主图并进入商品详情页的消费者可能对商品感兴趣，而且有可能进行购买。因此，改进商品主图以提高点击率，同时间接增加销售机会。增加商品销售机会提升主图点击率12消费者在店铺页面上停留的时间越长，说明他们对商品或店铺的兴趣越强烈，购买商品或接受店铺推荐的概率也就越高。因此，提高页面停留时间可以有效提升销售转化率。提升销售转化率能够在商品页面中停留时间长的客户，会产生更多的客户行为数据，如感兴趣的模块、店内搜索与浏览等。这将帮助店铺更好地理解消费者的需求和行为模式，从而制定更有效的销售策略。收集客户行为数据提高消费者页面停留时间转化率是指访问店铺或者商品详情页的消费者中，真正完成购买的消费者比例。提高转化率就意味着更多的访问转化为实际的销售，直接影响店铺的销售额。同时转化率也是营销效果的重要衡量指标。较高的转化率意味着获取每一个购买消费者所需要的营销成本更低，从而提高营销的效率，合理优化资源分配。增加商品转化率

感谢观看认识视觉营销之核心视觉营销内容010203色彩运用排版设计认识短视频01Thefirstchapter色彩运用色彩是能引起我们共同的审美愉悦的、最为敏感的形式要素，也是最有表现力的要素之一。丰富多样的颜色可以分成两个大类，分别是无彩色系和有彩色系。饱和度为0的颜色为无彩色系（黑、白、灰）。有彩色与无彩色1、色彩三要素一切色彩都具有三大属相——色相、明度、纯度。在色彩学上也称之为色彩的三要素。熟悉和掌握色彩的三要素，对于认识色彩和表现色彩极为重要。三要素的任何一要素改变都将影响原色彩的整体面貌。即色彩的相貌，是色彩的最大特征。色的不同是由光的频率的高低差别所决定的。作为色相，指的是这些不同频率的色的情况。频率最低的是红色，最高的是紫色。通常把红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫这6种中间色——共计12种色作为色相环。色相色相在ps中的选择方法一在颜色面板中选择需要的颜色，可在“颜色”模块中拖动色相标尺直接选择，或在“色板”中选择固定色彩。色相在ps中的选择方法二输入颜色参数进行选择或使用“吸管工具”吸取颜色。即色彩的明暗程度，也称作亮度。是眼睛对光源和物体表面的明暗程度的感觉，主要是由光线强弱决定的一种视觉经验。一般来说，光线越强，看上去越亮；光线越弱，看上去越暗。明度又称为饱和度或彩度。是指原色在色彩中所占据的百分比，占比越大，纯度越高，颜色越鲜艳。纯度由于色相的不同而不同，即使是相同的色相，因为明度的不同，纯度也会随之变化的。而黑、白、灰属于无彩色，所以纯度为0纯度色彩的冷暖主要是指色彩结构在色相上呈现出来的总印象。当我们观察物象色彩时，通常把某些颜色称之为冷色，某些颜色称之为暖色。色彩的冷暖属于一种视知觉经验，分为绝对冷暖与相对冷暖。2、色彩的冷暖绝对冷暖暖色系以红色、橙色、黄色为主；冷色系以蓝色、青色、青绿色为主；而处于二者之间的绿色和紫色为中性色系，没有明显的冷暖倾向。相对冷暖从色相上来看，越靠近冷色越冷，越靠近暖色越暖。高明度的色彩偏冷，低明度色彩偏暖。纯度越低越冷，纯度越高越暖。色相环就是以三原色为基础,将不同色相的红、橙、黄、绿、青、蓝、紫按一定顺序排列成环状的色彩模式,主要分为12色相环和24色相环。3、色相环配色单色配色选择色轮中的一种色相，不同明度来进行配色，由于色相相同，整体画面会呈现高度的统一和一致性，也是最不容易出错的配色方案，但由于缺乏色彩变化，也容易使人感到乏味无趣。邻近色配色色相环中，60度内的颜色属于邻近色。选择相邻色相的配色，可以保证画面统一性和流畅性之余富有变化，增加节奏和律动感。对比色配色色环中，顺逆120度的颜色属于对比色。选择对比色进行配色，效果清晰、醒目，又不至于那么刺眼，拥有极高的视觉效果之余能给画面带来跳跃感。互补色配色色环中，呈180度位置相对的两种颜色，称为互补色。选择互补色进行搭配，可以呈现非常具有张力和戏剧化的效果，有非常强烈的视觉冲击力，但同时饱和度过高的互补色搭配容易使人产生眩晕等不适感。三色配色三色配色是一种将三种颜色组合在一起的配色方案。这种配色方案可以创造出一种明亮、活泼、充满活力的感觉。选取方式主要是色环中互为120度夹角的三个颜色，三个颜色互相钳制，呈现一种暧昧之感。画面在统一的色调中不乏整体感，同时还富有一定的变化。配色黄金比例是指一个空间的颜色尽量不超过三种，以主色、辅色和点缀色渲染画面的配色方式。通常按照6:3:1进行颜色搭配。主色使得画面迅速定调，再加上辅助色和点缀色增加变化或进行信息层级处理，比较容易获得一张比例和谐的色彩画面。而这里指的主色、辅助色和点缀色并非必须是一个颜色，也可以是由一个主色和多个辅助色和点缀色组成。4、配色黄金比例配色黄金比例1、主色：决定画面基调的颜色，通常占据画面色彩比例的60%。2、辅助色：可选择主色的同色系色或邻近色增加画面自然和谐感，也可选择互补色或对比色增强视觉张力，通常占据画面色彩比例的30%。3、点缀色：可以选择对比强烈的颜色用于强调信息，也可选择相近的颜色增加画面层次。通常占据画面色彩比例的10%。02Thesecondchapter排版设计视觉营销中的排版设计，主要指运用造型要素及形式原理，对画面中的文字文体、图像图形、线条、表格、色块等要素，以视觉方式艺术的表达出来，并通过这些要素的编排，使观看者更直观的感受到所传达的信息要素。黄金分割又称黄金律，是指事物各部分间一定的数学比例关系，也就是将整体一分为二，较大部分与较小部分之比等于整体与较大部分之比，其比值为1∶0.618或1.618∶1，即长段为全段的0.618。而0.618又被公认为是最具有审美意义的比例数字。这个比例也是最能引起人的美感的比例，因此被称为黄金分割。一、黄金分割文字排版指的是将文字原稿依照设计要求组成规定版式的工艺。优秀的排版不是靠强行的“东拼西凑”更不是简单的信息罗列，而是要认真思考如何将元素有层次、有节奏的组织编排。纵然排版技巧千万种，但万变不离其宗，都离不开此四大原则。二、文字排版原则1、对齐原则任何元素都不能在页面上随意摆放，会让人觉得杂乱无章，对齐的作用是规整文案信息，有利于信息的传达和视觉上的规范，对齐的方式有单边对齐，居中对齐及两端对齐。2、亲密原则亲密原则在文字排版中的作用主要表现在梳理信息组织关系，一般同类信息放在一起，以提高读者获取信息的效率。通常情况下，在逻辑上有关系的元素尽量放在一起，多个视觉元素就会变成一个视觉元素。3、对比原则用于强调、突出主体，增强画面层次感。常用的方式有层级对比、字号对比、字重对比、颜色对比、字体对比等。4、重复原则在“亲密”的原则上对人的视觉进行有规律的反复引导，让画面变的更加有条理性，增强统一和秩序感。构图是视觉营销表达作品思想内容并获得艺术感染力的重要手段。成功的构图能使作品内容富有张力，主题突出，赏心悦目。反之，就会影响作品的效果，显得没有章法，缺乏层次，整幅作品不知所云。而分析优秀的构图版式，从而不断总结，是学习构图版式最有效的方法之一。三、经典构图版式1、左右构图将版面分割为左右两部分，或通过设计元素的布局让画面整体呈现出左右的分布趋势，具有平衡、稳定、互相呼应的特点。2、上下构图将版面分割为上下两部分，或让画面中的元素整体呈现出上下的分布趋势，主空间承载视觉点，次空间承载阅读信息，呈现的视觉效果平衡而稳定。3、居中构图把主体放置在画面视觉中心，形成视觉焦点，再使用其他信息烘托和呼应主体。这样的构图方式，能够快速的吸引眼球，给人以直观的视觉引导。4、对称构图将板面分割为两个部分，通过设计元素的布局让画面整体呈现出对称的结构，具有很强的秩序感，给人安静严谨和正式的感受，呈现出经典的气质。5、对称式构图将画面主要元素分布于对角，使视觉流向呈倾斜状。这种构图方式，增加了不稳定的变化，打破了传统形式，更能够带来视觉上的冲击力，更易抓住人眼球，给人动感与活力的感受。6、压角式构图将海报最主要的元素——单字、文字组、图案等，编排在海报版面的四个角落，通常将海报的次主体排在海报的中间，并用其他信息“填充”海报版面，如此，既能有效地凸显出海报最重要的元素，又能营造出海报的稳重感和设计感。7、曲线式构图曲线构图也可称为“S型“构图，这种构图是将主要元素按照S型、Z型或C型排版。曲线能够有效地表现画面的空间和深度，富于变化的曲线能够使观者的视线不由自主地被吸引，让版面更加的自由生动,非常具有表现力,通常表现出一种浪漫、优雅的心理感受，充满流动感和延伸感。8、散点式构图画面中的重要元素像星星散布在版面中，需排列的位置、疏密与大小对比关系，但能使画面呈现出一种新颖、韵律、和谐之美。9、三角构图主体元素的形态类似于三角形，具有一定视觉方向感的引导作用，在画面中带给人以稳定、沉静的视觉感受，也能给人一种拔高的动感，形成向上的、崇高的、略带神秘的感觉。03Thethirdchapter认识短视频短视频是继文本、图片和传统视频之后的又一个新兴内容传播载体。（一）短视频的定义短视频是指在各种新媒体平台上播放的、适合在移动状态和短时休闲状态下观看的、高频推送的视频内容，一般是在互联网新媒体上传播的时长在5分钟以内的视频；内容融合了技能分享、幽默搞怪、时尚潮流、社会热点、街头采访、公益教育、广告创意、商业定制等主题。由于内容较短，可以单独成片，也可以成为系列栏目。一、短视频概念及特点（二）短视频的特点短视频主要依托于移动智能终端，长度一般为15秒～5分钟不等。它有效的融合了文字、语音与视频，可以更加直观的满足消费者的表达与沟通需求，以及消费者间的展示与分享诉求。短视频作为一种新型的媒体传播渠道，一般具有如下特点：1、娱乐性强短视频通常以轻松、愉悦的主题为主，通过独特的故事情节、有趣的角度、搞笑元素、情感表达等，创造出新奇有趣的视觉体验，让观众在短时间内获得最大信息价值。2、成本较低短视频的拍摄与制作成本，相较于传统视频要低很多，生产流程简单，创作者利用一部手机就可以完成拍摄、制作、上传与分享等流程。而目前的主流剪辑软件，也增加了非常丰富的功能且简单易学，更是大大降低了短视频的门槛。（二）、短视频特点3、易于传播短视频具有简单明了、内容精准等特点，又具备方便快捷的社交分享功能，使短视频传播的力度更大、范围更广、交互性更强。4、个性化短视频题材多样，灵动有趣，可使用多样的表现形式，加上丰富多彩的创作手法，使短视频具有个性化与多元化等特点。（二）、短视频特点包括选题立意、确定视频表现形式、编写脚本、视频拍摄及后期剪辑。下面让我们分别来看一下。二、短视频制作流程1、选题立意选题立意是在视频拍摄前，对视频的题材，中心思想，主旨观点等进行初步确定。可根据常规选题、热门选题、系列选题等方法进行选择。2、确定视频表现形式短视频形式多样，内容丰富，通常可分为才艺类、颜值类、兴趣类、知识类、剧情类与其他类。每种视频类型，都具有自己独特的视觉语言与形式特点。可根据选题立意，选择适合视频类型，从而确定视频的表现形式。短视频制作流程3、编写脚本编写脚本时，需围绕主题细化内容，基础的短视频分镜头脚本编写包含七大要素，分别为拍摄场景、镜号、画面内容、景别、台词内容、时长、音乐/音效。4、视频拍摄视频拍摄首先需挑选好拍摄设备，根据脚本确定画面构图，调整拍摄角度与光线，做好运镜，将脚本中的每一场分镜拍摄完整，以便于后期剪辑，制作完整视频。5、后期剪辑利用市场主流剪辑软件，将拍摄内容进行创作编辑。可先将分段素材进行粗剪，而后进行连接与精剪，最后加入设计好的特效内容与字幕配音等，最终输出完整的视频内容。短视频制作流程“钩子”一词来源于钓鱼，指将鱼钩放入鱼儿嘴中，将鱼钓起。而短视频中的“钩子”往往指的是吸引观众并引起观众兴趣的关键元素。观看短视频的受众人群，一般会在前3秒之内，便决定是否有兴趣继续观看，因此，短视频中素有“黄金三秒”一说，而利用“钩子”开头，是最有效把握“黄金三秒”的方法之一。三、“钩子”开头1、好奇类“钩子”例如：XXX是一种怎样的体验。2、痛点式“钩子”例如：只有你不知道的XXX。3、提问/反问式“钩子”例如：如果XXX，一年后会怎样？举例说明4、热点式“钩子”例如：XXX大火，我却XXX。5、极限式“钩子”例如：全网最全面的XXX。6、利益输送式“钩子”例如：有了XXX，再也不用XXX。

感谢观看学习情境二视觉营销案例鉴赏之图文类视觉营销案例鉴赏010203电商中店铺首页电商中的详情页电商中的商品主图01Thefirstchapter电商中店铺首页店铺首页是指电子商务平台上商家展示自己店铺的页面，是商家展示自己商品和品牌形象及店铺活动推广至关重要的窗口，是店铺流量的中转站。优秀的店铺首页可吸引消费者深度访问，留住消费者并提高转化。因此，店铺首页一定要符合自身商品定位，把握时机，适应当下潮流需求，做最适合的消费者体验。一、什么是店铺首页优秀案例鉴赏店铺首页由多个不同功能模块组成，根据不同需求，可将各个模块进行穿插使用，首页常见功能模块由店招、海报、促销区、商品楼层、尾页组成，但每个模块间又相互关联，共同组成极具特点的品牌形象展示。二、店铺首页主要内容店招即整个店铺招牌，与线下实体店招牌作用相同，可增加消费者对品牌的认知与认同感，更好的吸引消费者。店招位于整个店铺装修页的最顶端，主要包含店铺名称、logo、优惠券、促销商品、店铺公告、店铺的荣誉等，可根据自身店铺需求进行灵活组合。海报海报是商家展示活动，宣传商品的重要板块之一。通常会将海报放在店招的下方，成为进入店铺后的第一屏。海报的内容丰富多变，形式多种多样，可根据当下店铺需要，选择固定海报或轮播海报进行展示。优秀的海报可以使消费者的购买欲望得到最大的提升，让活动宣传变得更加有效，从而提高转化。促销区促销区通常位于海报下方，作为第二屏出现。主要根据店铺实时需求，放置店铺促销活动，加强店铺整体关联消费，吸引消费者点击。例如大促期的预售活动专区，各类优惠券、会员专享、秒杀活动、抽奖、满减满赠等，都在此区域进行展示。导航区导航区用于对店内商品进行分类，并引导消费者购买更多商品。是引导流量跳转不可或缺的工具之一。通常情况下，可根据店内推广需求，做热卖款导航、推荐搭配，也可根据店内商品分类，做品类入口，位置放于商品楼层之上。商品楼层商品楼层位置主要用于放置店铺内主推商品。楼层可分为多层进行布局，根据运营推广需求，可将新品、爆品、主推品等搭配消费者利益点进行单品展示，也可采用系列方式多款商品进行搭配组合促进关联购买，亦可根据大促氛围、限时主题等按需推荐。尾页尾页作为整个店铺首页的结尾，可根据自身品牌需求，做对应的品牌实力展示、卖家承诺、服务声明、查看更多等。增加品牌服务保障性及消费者对品牌的认可度，增强其对品牌的好感度。优秀的店铺首页设计，应当适配店铺实时需求，高度符合商家品牌调性及运营需求。整洁统一的风格和色彩能够给消费者一种整体性与舒适感。商家可以按照自身商品特性进行风格打造，使视觉营销的作用最大化的得以发挥，进一步加深品牌形象宣传。总结店铺首页并非一成不变，而是根据推广运营需求及店铺整体变化而实时调整。除日常店铺首页之外，以“双十一”“618”为主导的大促店铺首页，以节日为主导的专题店铺首页，以及以各类活动为主导的活动店铺首页，都是常见的店铺首页主题。三、店铺首页分类日常店铺首页日常店铺首页主要用于在无促销、专题等活动时，维护店铺日常运营所用。此类店铺首页，以支持品牌形象为主，风格色调需高度符合商品定位，突出商品特点与品牌风格。页面内也可穿插日常活动与商品组合推荐。大促店铺首页大促店铺首页主要用于“618”“双十一”“双十二”“年货节”等全平台促销活动期间。此类店铺首页设计，全部围绕“大促”进行，烘托大促氛围，将“大促”优惠最大化，同时可搭配预售等活动，提前锁定消费者消费。活动店铺首页活动店铺首页，主要适用于促销活动、新品活动等。通常在全平台两个大促活动期间，用于引流、促销、推广新品等。可在日常店铺首页基础上，主推宣传海报，添加相应促销模块，也可为配合整体活动氛围，重新布局首页。专题店铺首页专题店铺首页适用于主题性较强的活动推广，例如端午节、母亲节、情人节等节日，亦可以是品牌日，会员日等。对于节日专供品及礼品类商品，把握好该时间节奏，做好专题活动尤为重要。此类店铺首页，需紧紧围绕主题，将自身商品与主题氛围完美结合，激发情感诉求，促进商品销售。02Thesecondchapter电商中的详情页电商中的详情页是指在线购物平台上商品的详细展示页面。详情页是消费者决定是否购买商品的重要参考依据，因此，商家除了在详情中提供商品的图片、详细描述、规格等之外，还需展示充分、准确、吸引人的商品优势及消费者利益点，保障设计和内容的质量，吸引潜在消费者，并促成购买决策的形成。一、什么是详情页优秀的详情页并非简单的商品信息罗列，而是内容经过精心策划，更有效的凸显商品优势，设计风格需统一且能塑造差异化，符合消费者审美与阅读习惯，吸引消费者观看，从而有效提高单品转化率，激发购买意向。二、详情页主要内容商品海报商品海报又被称为“头图”，是消费这打开详情页看到的第一屏。商品海报给消费者带来的第一印象，很大程度上决定了消费者是否会继续观看，从而决定购买意向。因此，商品海报应充分利用色彩与排版知识体系，制造商品冲击力与感染力，高度符合消费者审美心理与商品定位。商品卖点图商品卖点通常指商品自身独具的商品特征及优势。优秀的商品卖点可以凸显商品，迅速抓住消费者的需求，激发购买欲，因此商品卖点的总结提炼，是运营推广中非常重要的一环。而如何使总结好的卖点更好的在画面中呈现，对消费者更具吸引力，则是商品卖点设计的关键所在。商品场景图商品场景图通常指将商品融入环境或带有商品体验的商品模块。商品场景图有利于消费者更直观的感受商品的性能及商品体验，代入感强，能够更好的让消费者感知商品在实际应用中的美好。因此，最贴合商品的环境融入与商品体验者恰当的融合，呈现出商品的完美体验，是商品场景图的关键。商品信息商品信息模块通常指商品细节展示及商品信息模块，部分品类，也可加入自身商品的使用说明。此模块中，商家会从不同角度对商品进行展示，利于消费者全面获取商品外观、规格及尺寸等信息，对商品真实面貌有更直观的感受。其中高清且真实的商品图片能最大限度博取消费者好感，清晰易懂的商品信息则更有利于消费者了解商品情况，促进消费者购买。产品声明产品声明通常位于整个详情页的最底部，一般为商家对商品的补充说明。包含商品售后保障、注意事项、消费者协议、免责声明等常用声明。也可在产品声明之前加入品牌资质、消费者好评等模块，加强消费者的品牌认知以及对商品的认同感，提高复购率。03Thethirdchapter电商中的商品主图商品主图通常是电子商务市场作为商品宣传及描绘商品的标准图片。商品主图除了直观展示商品外，也相当于一个微详情，因此应该使消费者尽可能多的了解商品的信息。拍摄时需注意照明照度及图片清晰度，以便用于增强图片质量。主图设计应高度符合商品定位，契合消费需求，只有主图上展示了消费者想要看到的、感兴趣的部分，才有可能触发点击率，增加购买意向。一、什么是商品主图单个商品的展示，可设置一张或多张主图。不同类型的主图对商品宣传起到不同的作用。不同类型商品也会根据运营需求的不同，而采用不同风格及不同展现方式的主图。二、商品主图主要内容宣传类商品主图宣传类商品主图，通常作为主图展示的第一张，也是主图当中最重要的一张。主图品质一定要得到最大保障，让消费者第一眼获取到商品的有效内容。多数情况下，商品展示为全景展示，文案内容是最主要的卖点。除此之外，也可根据运营需求，放置活动优惠信息、价格优惠信息、品牌logo、赠品展示及其它消费者利益点。卖点类商品主图卖点类主图，主要以展示商品卖点为主。一般会设置多张，位于宣传类主图之后。抓住消费者心理，突出商品优势，是此类商品主图的核心所在。优秀的卖点商品主图，文案需主次分明，商品图具有代入感强，可以让消费者切身感受到拥有商品带来的幸福感。细节类商品主图细节类商品主图主要以展示商品细节及精细度为主。此类主图，尤其适合于高品质及设计感较强的商品。通过对商品细节多角度多方位的展示，提升商品在消费者心中的品质感，加强消费者对商品的品质认可与设计认可。商品展示类主图商品展示类主图主要以商品不同角度展示或将商品融入体验环境展示为主。商品不同角度的展示可以增强消费者对商品立体形态的想象，有利于消费者对商品的进一步了解。将商品融入体验环境则可增加商品代入感与体验感，从而增加消费者购买率。商品信息类商品主图商品信息类主图主要对商品信息的规格、型号等信息进行展示。此类商品主图使消费者直观了解商品信息，有利于消费者下单时准确且快速的选择自身所需商品的规格型号。

感谢观看学习情境三基础工具的理解与实践-平面制作工具PhotoshopPhotoshop作为一款当下应用范围最广的制图软件，是平面设计师必备的工具之一，而Photoshop的了解运用以及实践需要进行深入的学习。AdobePhotoshop，一般简称为“PS”，是由AdobeSystems开发和发行的图像处理软件。是目前使用人数最多、应用范围最广的一款图像处理软件，在图像、图形、文字、视频、出版等各方面都有涉及，可以用于设计、制作以及日常生活中的使用。010203基础面板介绍基础工具介绍核心工具应用01Thefirstchapter基础面板介绍随着技术的不断发展，Photoshop也在不断的进行版本更新，每个版本的性能提升和功能改进都会有所区别，但并不影响使用，也不是版本越新越好，而基础面板的划分也都大同小异。Photoshop主要工作区域整体分为6部分，由菜单栏、工具属性栏、工具栏、工作区、调板浮窗、控制面板组成。Photoshop功能区域132在Photoshop界面中最上面的一排区域称为菜单栏。菜单栏实际是一种树型结构，为软件的大多数功能提供快捷入口，点击以后，即可显示出菜单选项。菜单栏为整个操作环境下所有的窗口提供菜单控制，包括文件、编辑、图像、图层、文字、选择、滤镜、3D、视图、窗口和帮助十一项。菜单栏位于菜单栏下方的就是工具属性栏。工具属性栏主要是用来设置工具的功能参数，在选择不同工具时，出现的选项也不相同。通过调整工具参数，来使工具更具有操作多样性。工具属性栏工作区域最左侧的一排为工具栏，也称之为“工具箱”，在工具栏中的工具可以用来进行选择、绘画、编辑以及修饰等操作。而有些工具的右下角有一个小三角符号，这表示在这个工具位置上存在一个工具组，点开后可查看其中包含的若干个相关工具。工具栏各工作区域功能465中心的空白区域为工作区，作为日常操作设计的主要区域，可以同时打开多个文件进行操作，文件之间还可以互相传送数据。工作区此区域用来存放一些不常用的调板，点击之后才会出现整个调板内容，这样可以有效利用空间，防止调板过多而挤占图像的空间。调板浮窗控制面板主要是设置工具参数和执行编辑命令的。在工作区最右侧的就是控制面板区，用来显示面板浮窗，放置最常用的面板，如：调色、调整、图层等。控制面板区各工作区域功能02Thesecondchapter基础工具介绍作为一款制图软件，为了使平面设计中整体构思与创作灵感得到更好的体现，基础工具的运用以及快捷键的搭配使用是必不可少的。那了解基础工具的使用方法就是进行其他操作的前提条件。打开Photoshop，工具栏在工作界面的左面，将所有的工具以显示图标形式放在一起，从工具的形态就可以了解该工具的相关功能，右击工具图标或鼠标长按，即可看到其他相似功能的隐藏工具。工具栏移动工具可以对所在图层中的图片、文字或者选区进行移动操作。画板工具则可以自定义工作区画板的大小基础工具功能介绍一选框工具用于制作各种选区，或者对图层中部分区域或整个区域进行框选，进行针对性操作套索工具可以针对图层中图片进行自由区域的套索选择，操作灵活魔棒工具一种比较快捷的抠图工具，适用于一些分界线比较明显的图像裁剪工具选择后图形会进行进入一个裁剪编辑状态，可以根据我们所需的大小进行裁剪。切片工具则是可以将源图像分成许多的功能区域基础工具功能介绍二图框工具为图像创建占位符图框吸管工具用来吸取颜色，但一次只能吸取一种，标尺则是用来测量及修正图像修补工具用来修改有明显裂痕或污点等有缺陷或者需要更改的图像画笔工具用来绘制各类不同图案，并可以随意调整笔头大小颜色和硬度，多用于手绘基础工具功能介绍三仿制图章工具用来复制取样图像，覆盖图片上不想要的内容，也可以将一个图层的一部分仿制到另一个图层历史记录画笔工具用来对图像进行局部恢复，可以将图像编辑中的某个状态还原出来。还能起到突出画面重点的作用橡皮擦工具用来擦除不需要的背景或者内容渐变工具用于填充渐变颜色，可以根据需求选择不同的渐变类型，包括线性渐变、径向渐变、角度渐变、对称渐变、菱形渐变五种基础工具功能介绍四模糊工具用来快速将涂抹区域变得模糊，也可以进行简单的磨皮处理减淡工具用来将图像明亮程度进行增强或者降低钢笔工具用来创造路径的一种矢量工具，可以绘制各种各样的路径、形状，创造路径后，还可以再次对锚点进行编辑文字工具用于文字编辑处理，横排或者竖排都可以基础工具功能介绍五路径选择工具用来选择整条或者多条路径，进行变换和调整形状工具用来绘制不同的矢量图形，抓手工具用来移动画布显示的图像范围常用快捷键表格快捷键是Photoshop为了提高操作速度定义的快捷方式，它用一个或几个简单的字母来代替常用的命令，如下表格是日常工作中最常用的快捷键组合。03Thethirdchapter核心工具应用Photoshop具有非常强大的功能与复杂的操作，但在电商视觉传达中，最核心的工具是以下几个：钢笔工具、通道、色彩属性、滤镜、修补工具、图层蒙版。掌握这些工具并熟练使用，是做好设计的第一步。一、钢笔工具的使用钢笔工具是一种路径绘制工具，路径是由“锚点”连接而成的线段或者曲线，锚点的可控性极强，当调整锚点的位置时，路径形态也会随之而改变，所以在绘制完毕以后可以进行重复调整修改。因此使用钢笔工具是一种精确的抠图方法，适用于外形复杂、不连续，边缘清晰或者色差不大的图像。二、通道的使用在Photoshop中，不同的图像模式下，通道组成颜色是不一样的。正常默认的颜色模式是RGB模式，在它的模式下，通道层中的像素颜色是由一组原色（红绿蓝）的亮度值组成的。而使用通道抠图，是一种相对于其他方式更专业的抠图方法，适用于带有毛发的人和动物，或者边缘复杂，半透明的特殊对象。主要原理是利用主体物与环境黑白反差最大的通道，进行操作。三、图层蒙版图层蒙版是在当前图层上覆盖一层保护层，用于保护选区不被破坏。因为图层蒙版的颜色会决定图层内容是否显示或者隐藏，而图层蒙版只能识别出黑白灰三种颜色，所以总结一句话是白色显示黑色隐藏，灰色半透明。它是设计制图当中很常用的一种工具，主要用于隐藏图层中的局部内容，来对图像局部修饰或者制作合成。修饰后修饰前四、修补工具主要用于修改有明显裂痕或污点等有缺陷的图像。选择需要修复的选区，拉取需要修复的选区拖动到附近完好的区域方可实现修补，是一种常用的修补照片工具。修补后修补前五、色彩调整由于摄影器材、天气、环境等因素的影响，导致拍摄图片的品质效果高低不一，那么调色就成了视觉后期处理中一项必不可少的手段。合适的色彩不论是在画面提升还是情绪渲染方面，都有着至关重要的作用。在Photoshop中，调色工具多种多样，打开PS软件，然后在【菜单栏】-【图像】-【调整】中点开出现所有的调色工具。六、滤镜滤镜主要是用来实现图像的各种特殊效果，通常需要同通道、图层等联合使用，或者几种不同滤镜搭配使用，来为图像增加特效。同时也被成为“增效”工具，它简单易用，功能强大，内容丰富样式繁多，通过调节不同的参数，就能让图像焕然一新。打开Photoshop，在【菜单栏】-【滤镜】中点开，里面出现的就是所有的滤镜工具。

感谢观看基础工具理解与实践之视频制作工具0102剪映工作面板介绍剪映特效制作03剪映基础剪辑技巧01Thefirstchapter剪映工作面板介绍分为个人中心、导航栏、菜单栏、创作区域及草稿工程文件区域。下面让我们分别来看一下。一、剪映初始界面介绍个人中心个人主页、个人版、绑定企业身份、退出登录，导航栏首页、模板、我的云空间、小组云空间、热门活动。菜单栏（1）意见反馈：剪映意见反馈（2）全局设置：包含全局设置、支付记录、客户协议、隐私条款、第三方版权、使用环境监测、版本号、账号等。创作区域（1）开始创作：点击开始创作，进入草稿创作窗口，可进行素材剪辑编辑。（2）创作脚本：点击创作脚本，进入官方创作脚本页面。（3）图文成片：点击图文成片，可根据文字，智能生成图文视频。（4）模板：点击模板，可根据已有模板，进行视频创作。草稿工程文件区域（1）草稿：已完成的草稿文件都会显示在此区域，可右击对草稿文件进行上传、重命名、复制草稿、剪映快传、删除等操作。（2）搜索：可在搜索框内输入草稿文件名称，搜索草稿。（3）布局：可设置草稿布局（宫格/列表）分为菜单栏、素材面板、播放器面板、功能面板及时间线面板。下面让我们分别来看一下。二、剪辑界面介绍菜单栏主要包括草稿名称，快捷键、全局设置、审阅、导出功能（可以导出最终的视频，也可以调节导出的参数）。素材面板通常默认为媒体区，点击导入图标则可以导入视频、音频、图片和素材，点击左侧可以使用云素材和剪映的素材库，点击上方功能区，可以根据自己需求选取系统内对应的音频、文字、贴纸、特效、专场、滤镜、调节、模板等进行视频创作。播放器面板播放器主要是为剪辑提供实时预览，点击画质则可以调节当前预览的画质，默认为画质优先。也可点击比例面板，更改视频比例。功能面板功能面板用来管理当前项目中用到的各种素材参数，通常默认显示当前草稿的基本信息；点击时间线上的素材，则在功能区展示当前素材的相关参数，可以根据需求调节素材的参数，对素材进行编辑与美化。当在时间线上点击不同的素材时，功能面板显示当前所选中素材的相关参数。时间线面板时间线面板是一种动态的展示信息的方式。主要是将导入的素材添加或者拖拽到时间线面板，则这些素材就可以在时间线上堆叠显示。可在面板上方左边功能区对素材进行撤回操作、分割、删除、镜像、旋转、裁剪等操作。面板上方右边功能区，包含录音、轨道设置等。也可选择右击素材，对素材直接进行编辑，02Thesecondchapter基础剪辑技巧想要做出优秀的视频，首先需要对素材进行基础编辑。素材面板是素材基础编辑的主要应用区域，它用于添加各类素材，包括媒体、音频、文字、贴纸、特效、转场、滤镜、调节、模板等。此面板添加后的素材，会在时间线面板中独立占据一个轨道。可根据自身剪辑需求，在素材面板中添加对应素材。一、素材的基础编辑导入素材在素材面板中，点击【导入】添加本地素材，或选择素材库中的素材，按住鼠标左键拖入对应轨道，也可将本地素材直接拖入时间线面板导入素材。时间线面板编辑视频素材导入需要剪辑的视频素材后，点击该素材，可拖动时间轴到合适位置，点击【分割】可将视频在进度条位置分割，也可根据需求，点击【删除】、【镜像】、【旋转】、【裁剪】等按钮，进行相应操作。添加并编辑音频在素材面板中，点击【音频】，可点击左侧音频分类，根据分类选择合适音频，也可在搜索框中搜索音乐名称。选择好合适音频，按住鼠标左键，将音频拖入时间线面板即可。也可在功能面板，对音频素材进行编辑，如变速、音量调节等。添加并编辑文本在素材面板中，点击【文本】-【新建文本】，选择【默认文本】，按住鼠标左键拖入时间线面板，即可添加一段可编辑的文字。将鼠标放在文字进度条最后，按住鼠标左键左右拖动，即可更改文字时长。将文字进度条整体拖动，即可改变文字起始位置。添加并编辑文本（1）编辑文本样式。通过功能面板中的【文本】可对文字进行基础编辑，可选择字体、字号、颜色等，也可对文字位置透明度等进行更改，同样【气泡】与【花字】也可对字体进行装饰。添加并编辑文本（2）添加文本效果。功能面板中的【动画】，可对文字添加对应的【入场】、【出场】及【循环】效果，三种效果可同时使用。添加并编辑文本（3）添加文本音效。功能面板中的【朗读】，可对文字内容进行朗读，可根据视频编辑需要，选择不同声线，点击【开始朗读】，将生成独立的音频轨道。添加视频效果点击素材面板中的【贴纸】、【特效】、【转场】、【滤镜】、【调节】，都可添加对应效果，添加后，都会生成独立轨道，可根据剪辑需要，进行相应调节。剪映对媒体素材具有非常丰富及强大的编辑功能，其功能面板，包含画面、变速、动画、调节等，可对素材进行编辑。二、媒体素材多样性编辑媒体素材编辑在功能面板中点击【画面】会出现【基础】、【抠像】、【蒙版】、【美颜美体】等菜单。每个菜单中有多项媒体素材的编辑功能。分别介绍如下：（1）基础①

可调节素材位置大小②混合模式③不透明度④添加关键帧等。媒体素材编辑（2）抠像抠像功能可根据不同需求，选择取色器或自定义抠像抠取需要的部分。媒体素材编辑（3）蒙版蒙版可圈选固定区域进行展现，可根据视频制作需要，选取不同蒙版形状，也可调整蒙版位置与形状。给蒙版添加关键帧和羽化效果，可做出很多高级效果，媒体素材编辑（4）美颜美体美颜美体主要是针对人物美化，可根据需求，对人物进行美颜、美型、手动瘦脸、美妆、美体等。视频速度调节【变速】按钮可调节原始视频速度，可根据剪辑需求，选择常规变速与曲线变速。视频动画视频【动画】中，可根据需求添加【入场】、【出场】及【组合】动画，非常有利于增加视频效果，色彩调节色彩【调节】主要针对视频色调进行调整，包括【基础】、【HSL】、【曲线】与【色轮】，综合运用四项可调出不同色调与滤镜效果。03TheThirdchapter剪映特效制作在编辑视频时，关键帧是指一段视频中的特定位置，视频、图片、文字、贴纸等素材都可利用关键帧制作特效。关键帧的使用，需指定开始关键帧与结束关键帧位置，在该位置上进行编辑操作会影响到该区域内的所有内容。关键帧位置和属性的调整，应用最为广泛。一、关键帧的使用关键帧位置调整（1）添加起始关键帧在时间线面板中添加需要的编辑的素材，调整好素材位置，将时间轴拖到需要添加开始关键帧的位置，点击【功能面板】中【位置大小】的关键帧图标，添加成功后，素材中也会显示关键帧图标。关键帧位置调整（2）添加结束关键帧移动时间轴到需要的关键帧结束的位置，可在播放器中直接拖拽素材到合适位置，此时，结束关键帧会自动生成。点击播放键，素材将会在开始关键帧与结束关键帧区域内，按照设定好的位置，进行移动。关键帧属性调整（1）添加关键帧起始属性在时间线面板中添加需要编辑的素材，调整好素材位置，将时间轴拖到需要添加开始关键帧的位置，点击【功能面板】中【透明度】的关键帧图标，将透明度数值调整为“0”。添加成功后，素材中也会显示关键帧图标。关键帧属性调整（2）添加关键帧结束属性移动时间轴到需要的关键帧结束的位置，调整透明度为“100”，此时，结束关键帧会自动生成。点击播放键，素材将会在开始关键帧与结束关键帧区域内，从透明度“0”逐渐变为“100”。剪映蒙版是一种常用的视频编辑技术，可用于制作视频中的特效与转场。蒙版技术的思想是将一种图形或一段视频作为遮挡层，通过它们与底部的视频图像重合或相叠，达到一种覆盖、互动或转换的效果。蒙版可以是静态或动态的，也可以是固定或可变的，其原理主要基于图像混合和图像覆盖原理。二、蒙版功能的使用蒙版素材添加添加一段背景素材到时间线面板，再添加另一段素材作为蒙版素材，点击【功能面板】中的【画面】-【基础】，下拉到最底部，找到【层级】，将蒙版素材层级调整到上层，背景素材层级调整到下层。添加蒙版选中蒙版素材，点击【功能面板】中的【画面】-【蒙版】，可根据编辑需求选择不同形状蒙版，也可对蒙版位置大小进行调节，或添加羽化效果剪映具有非常丰富的素材库与强大的视频编辑功能，例如将蒙版、关键帧、文字、转场等灵活运用，再添加节奏吻合的音乐，便能使视频呈现出非常惊艳的效果。三、混合特效

感谢观看学习情境四电商平台视觉表达技巧-令人瞩目的主图设计010203主图的作用与目的京东平台主图视觉规范主图的设计与运用01Thefirstchapter主图的作用与目的商品主图并非单指一张图片，不同电商平台要求不同，商品主图可以上传5-10张。第一张主图通常会被单独称为“首图”，即消费者在搜索落地页中看到的图片，是吸引消费者注意力、促使他们点击进入商品页面的重要工具之一。其余商品主图通常统称为主图，其担任不同的目的与作用。首图的作用与目的1、吸引客户注意力商品首图通常是消费者在浏览电商平台时首先看到的元素之一。通过采用鲜明、高品质的图片，可以在众多竞争对手中脱颖而出，吸引消费者的注意力。首图的作用与目的2、增加客户可信度高质量的商品主图可以增加消费者对产品的信任感和购买意愿。它们传递出专业、可靠的品牌形象，使消费者相信所展示的产品是优质的。1、提供产品信息除商品首图外，其余主图可以传达产品的外观、功能、规格等关键信息。直观地展示产品的外观特点，让消费者对产品有所了解，从而产生购买兴趣。2、刺激购买决策可以通过多张主图，展示商品不同信息，如：优惠信息、特点、优势、权威报告等，引起消费者的购买欲望并推动他们进一步了解商品详情或直接完成购买举动。其余主图的作用好的主图，相当于小型详情页通过多张主图的展示，消费者可以全面了解到该智能手表的外观、功能、优势、优惠以及权威认证等信息。这将有助于激发消费者的购买欲望，并促使他们进一步了解商品详情或直接完成购买举动。商品主图必备信息1324确保图片清晰度高，能够展示产品的细节和特色。高清晰度保证主图与实际商品相符，消费者在收到商品时不会感到失望。真实性采用适当的角度、光线和背景来展示商品，使商品更加吸引人。专业构图通过独特的设计元素和色彩搭配，使主图更具吸引力和辨识度。美观设计1、首图：选择最有吸引力、能够突出商品特色的图片作为首图，以吸引消费者点击进入商品页面。2、功能特点展示图：通过展示商品的主要功能特点和优势，让消费者快速了解产品的核心价值。3、细节展示图：展示商品的细节特征，如材质、工艺等，以增加消费者对商品的信任感。4、使用场景展示图：展示商品在实际使用场景中的效果，帮助消费者想象商品的实际应用情景。5、综合展示图：将商品的各个方面综合展示，让消费者全面了解商品的功能、特点等。主图排列顺序建议：主图排列顺序建议-案例图首图作为消费者首先接触的图像，其吸引力和专业性直接影响着消费者是否会点击进入商品页面。而随后的多张主图则进一步展现商品的各个维度，如功能、特点、使用场景等，为消费者提供了全面的产品信息，辅助他们在购买决策中做出明智的选择。京东平台主图视觉规范京东平台主图视觉规范要求相对较为严格，对于图片尺寸、格式、大小、背景、颜色以及其中文字等方面均有标准于规范。02Thesecondchapter一、商品主图介绍商品主图根据类目开通情况，有方图、长图两种尺寸；主要展示在商品详情页，其中首图（第一张主图）会展示在搜索推荐及营销活动等。1、图片展示内容要遵守国家法律法规的要求，包括但不限于:禁止出现涉黄内容、违禁商品、政治敏感、宗教敏感、丧葬用品等内容，或者低俗、诱导性、侮辱性内容，使用人民币作为参照比较商品大小。2、不能出现《广告法》中的违禁词、违禁广告语以及各种形式的相关表述，不得出现不符合商品实际情况的夸大、虚假宣传等;如因添加卖点、商品规格信息与商品实际不一致造成的消费者损失，由供应商或商家承担全部赔偿责任。3、主图图片版权所有方归商家及供应商，商家应确保己获得图片权利人的合法授权且在授权使用范围和授权期内使用，否则商家承担全部赔偿责任;严禁添加未获得授权的人物肖像，不可使用未获得版权授权的字体。4、严禁出现其他品牌同类别产品，以及各种形式的同类竞品对比。二、主图基础规则5、禁止展示未挂靠的商品品牌logo，禁止对商品主图进行打码、遮盖、隐藏商品本体品牌信息，包括但不限于通过P图替换商品原有品牌、涂抹原有品牌、末清晰放置品牌包装、外包装品牌与标题基本信息不一致等。6、严禁出现各种形式的联系方式或网址链接，严禁出现其他电商平台或商家的信息及logo，如抖音、快手、拼多多、淘宝、天猫、微信号、QQ号、手机号、二维码、xxxxx店(与本店铺不一致的店铺名称)。7、严禁自行设计添加任何平台机构类图标及与产品无关logo水印，如京东自营、京东国际，京东超市、京东物流、百亿补贴、京东秒杀、京东新百货、京东慧采等京东名义标识。8、主图中标明推销的商品或者服务附带赠送的，应当明示所附带赠送商品或者服务的品种、规格、数量、期限和方式，字体尺寸不小于20px。9、主图首图中出现的商品个数与销售单位(商品信息)保持一致，首图所示商品颜色、规格等必须与文字介绍一致,不得出现与所售商品无关的其他商品和物体。二、主图基础规则二、主图基础规则-反面案例1、主图不得连续提交相同的图片，建议展示商品不同的角度;内容需保证排版美观，风格协调统一，清晰展现商品信息，功能卖点。2、主图不得出现各种低质量图片情况，包括但不限于模糊虚化、截断、涂抹、拉伸、变形、压缩等。3、禁止出现引人不适的画面，如病灶、鲜血、人体脏污、身体(包含皮肤)疾病、污垢物体，令人反感的动物、鬼畜、精神污染或强烈冲击的内容。4、禁止出现大面积牛皮癣遮挡商品主体，禁止使用低透明度、高饱和过于鲜艳的色块影响消费者视觉体验。三、整体视觉规则1、营销区域：主图中除商品主体外的文字卖点&logo&设计元素等称为营销区域。2、营销面积占比：营销区域面积/主图整体面积。3、商品首图要求：营销区域面积占比在35%，不得遮挡商品主图须集中展示在画面的某一处，或左、或右、或上、或下(禁止出现边框、拼接图、不适图及任何形式的诱导消费者点击的图片形式)。4、营销区域面积占比建议在整张图的35%；不得遮挡商品主体且须集中展示在画面的某一处，或左、或右、或上、或下（严禁出现多个位置散点式分布，更不得出现满屏皆文字信息）。四、首图规则主图的设计与运用设计主图时，应遵循美学原理，通过排版设计与色彩运用，展现视觉美感，主题字体与卖点醒目，抓人眼球。内容精炼，不宜过多，抓住主要诉求点，充分发挥不同主图的作用，体现其独特的价值。以某款宠物零食为例，根据商品特性设计主图。03Thesecondchapter首图设计首图设计应选择最有吸引力、能够突出产品优势的文案，同时可以放置促销优惠信息、消费者利益点作为主图腰带，设计时应注意，充分利用排版布局及色彩原理，制造画面冲击力，吸引消费者点击。卖点图设计卖点图文案，可以是商品的主要功能、特点及优势，也可以是其他吸引消费者购买的利益点。实际设计时，排版方式及图片类型选择没有硬性要求，但需注意，图片内容与卖点文案相匹配，设计形式能够充分体现卖点。细节图展示细节展示图，主要以展示产品细节为主，应选择产品最吸引人的部分进行展示，且选择细节位置清晰有质感的图片进行展示。设计时注意细节部分在画面中的位置，利用好构图，以展示细节为主，文案为辅。场景图展示场景图展示，应选择产品充分融入真实使用环境中的图片进行设计，使消费者切身感受到拥有产品的幸福感，设计时应注意，不宜对图片进行太多虚拟化处理，保持最真实的效果为佳。可适当添加与图片内容相符的文案进行增色。场景图展示根据不同的产品的特性，在主图的实际设计运用当中，还可以设计并展示其余多种类型主图，例如商品信息图，包装外观图，品牌资质图，买家秀等等，此类主图，通常被称为综合展示图。综合展示图的设计方法与其他主图相似，都是运用设计语言，突出商品优势，最终促使消费者购买。主图设计时应注意，无论哪种类型的主图，都需严格按照平台规范建立画布，设计的主体信息应全部在画布范围内完整体现。

感谢观看学习情境四电商平台视觉表达技巧-高质量的商品详情页设计01020403详情页的作用京东平台详情页视觉规范详情页的布局详情页的设计01Thefirstchapter详情页的作用商品详情页在是消费者了解商品详细信息的主要途径之一，详情页的好坏将直观影响到商品转化率的高低。通过文字、图片、视频等形式详细展示商品特点、规格、功能、材料、用途等信息。例如：售卖智能手机，商品详情页将展示手机的品牌、型号、屏幕尺寸、摄像头特性、内存容量等详细信息，并附带高清图片和视频以展示实际使用场景，方便消费者了解商品功能。又例如：售卖书包，详情页中将会提供书包的尺寸、重量、所能容纳的笔记本尺寸、内部隔层等规格信息，以帮助学生选择合适的书包。一、展示商品信息或提供尺寸和规格信息通过多角度图片、放大镜效果等方式展示产品的外观、细节、设计特色等。例如：售卖手表，商品详情页中会提供手表的各个部件、表带材质、防水等级等细节照片，以帮助消费者充分了解产品。二、提供产品细节提供产品特性、优势、等详细信息，帮助消费者确定是否满足其需求。例如：销售健身器材，详情页会提供器材的功能介绍，例如可承受的最大重量、不同部位锻炼的效果、折叠储存等特点，从而帮助消费者决定是否购买。三、增加购买决策显示商品的价格、折扣、特价、优惠券等促销信息。例如：销售手机配件，详情页上可以提示原价、当前促销价格、限时优惠等信息，并提供额外的优惠券，加深消费者购买意向。四、价格和促销信息在商品详情页上展示与该商品相关的其他商品推荐或搭配建议，引导消费者浏览更多产品或选择更合适的组合。例如：售卖服装，可以在商品详情页中附带推荐的同款衣物或搭配建议，如鞋子、配饰等，帮助消费者做出更全面的购买决策，用于提升店铺客单价。五、提供相关推荐和搭配建议提供关于退货、售后服务、保修期等信息，增强消费者的信心。例如：售卖手机，在详情中详细说明退货政策、保修条款和其余售后服务，打消消费者的后顾之忧。六、售后服务和政策说明通过展示品牌故事、产品背景、品质认证等来建立品牌形象和增加消费者对商品的信任感。例如：售卖化妆品，可以在详情页阐述其品牌对天然原材料的追求、产品的研发过程和各项检测证书等，以增加消费者对品牌的信任。七、建立品牌形象和信任京东平台详情页视觉规范京东平台对商品详情页的整体风格、页面图片、文字均有详细规范，主要从商品详情页视觉基本规范、视觉规范、相关法律法规及注意事项三个方面进行讲解。02Thesecondchapter1.页面整体风格协调统一，清晰展现产品信息，功能卖点；2.页面图片清晰，没有锯齿、模糊、粗糙、变形、严重色差等质量问题；3.页面文字没有错别字，标点、段落格式符合行文规范；4.不允许出现友商的任何信息及京东以外的链接地址和水印；5.同一spu下挂靠多个sku时，商品详情页描述需完整展示所有sku的商品信息，不得只对其中一个sku信息进行描述导致给消费者传递的信息不准确。如发现违规情况，该spu将进行下架处理；6.禁止对商品主图进行打码、遮盖，禁止隐藏商品本体品牌信息（包括但不限于通过P图替换商品原有品牌、涂抹原有品牌、未放置清晰品牌、外包装品牌与标题基本信息不一致等），商品实物外包装品牌信息需突出展示；7.禁止在商品详情页中通过装修错误代码、错误跳转链接、错误页面等方式，影响前台商品信息呈现及消费者购物体验。8.商详页关联版式内容，商家可使用关联版式进行编辑。一、商品详情页视觉基本规范及建议二、京东商品详情页视觉规范京东商品详情页的页面整体规范与图片整体规范三、相关法律法规及注意事项京东商品详情页相关法律法规及注意事项详情页的布局设计商品详情页之前，需要先对商品卖点、文案进行提炼，抓取最有效的信息，并对详情页内容展示进行排版布局设计，确保最终设计能够突出产品优势，促使消费者产生购买欲望。03Thethirdchapter一、详情页文案提取文案的编写，应根据整个行业的整体特性，结合自身产品的优势与特点进行提炼。以某款宠物零食为例，提炼时，应根据详情页的作用与宣传需求，至少提炼以下几类文案：1、宣传图文案商品主要卖点、消费者利益点、营销活动…2、卖点文案功能、属性、优势、制作环境、商品理念…3、产品信息产品信息一定要根据产品真实信息编写，确保真实有效。根据详情页的作用与宣传需求，将详情页划分为不同模块，并将提炼出的文案信息放入对应模块，组成详情页设计的基础框架。二、详情页框架搭建二、详情页框架搭建-建议详情页的设计详情页的设计原则与主图设计基本相同，均需要遵循美观的基本原则，巧妙运用排版与色彩，突出商品的优势。由于详情页由多个模块组成，在保持设计整体性的同时，要兼顾变化与趣味性。04TheTourthchapter详情页产品宣传海报模块详情页产品宣传海报模块是整个详情页的第一屏，该模块的色调基本奠定了整个详情页的基础色调，设计时应注意，应选取所有产品图片中质量较高，商品展示较全面的图片。以某款宠物零食为例。产品卖点区产品卖点是详情页设计中占比最大，设计风格最多变的区域，设计时应注意，灵活运用各类设计元素，使产品与卖点充分融合。产品信息产品信息区域主要以文字形式展现，因此，该区域设计应高度符合文字排版规范，并添加相应的设计元素，与整个详情页设计风格相匹配。

感谢观看学习情境四电商平台视觉表达技巧-以目标为导向的海报设计0102海报的作用与意义海报的设计与运用01Thefirstchapter海报的作用与意义海报是一种以图像和文字为主要元素的视觉营销工具，在传播和营销领域具有重要的作用和意义，主要包括信息传递、品牌建设、激发兴趣与欲望、创造情感连接几个方面。海报是一种直观、简明扼要的信息传递方式。通过图像、文字和设计元素的组合，海报可以有效地传达产品特点、活动详情、服务信息等。它提供了一种快速而直接的途径来引起观众的兴趣，并帮助他们获取所需的关键信息。举例说明：假设一家店铺推出了一款新的男士手表商品并推广，希望消费者可以快速了解并记忆这件商品的特点，从而引发购买的兴趣。于是他们设计了一张精美的海报，在海报上展示了手表的外观与功能。通过商品图像展示了手表的时尚外观和多项功能，通过文字简洁明了地突出了手表的优势，例如防水性能。一、信息传递海报对于品牌建设至关重要。通过巧妙的设计和品牌标识的运用，海报可以塑造品牌形象，增强品牌在受众心中的认知度和记忆度。它能够传达品牌的核心价值观、个性和独特性，从而建立品牌与消费者之间的情感联系。举例说明：假设小米手机希望通过海报来塑造其创新和高性价比的品牌形象，并增强与目标消费者之间的情感联系。他们设计了一系列引人注目的海报。通过海报传达小米手机作为年轻人追求创新科技的首选品牌的个性和独特性，引发年轻消费者的兴趣和共鸣。增强品牌在消费者心中的认知度和记忆度，并与消费者建立持久的情感联系。这有助于促进消费者对小米手机的喜爱和忠诚度，进而推动销售和品牌发展。二、品牌建设精美的海报设计能够引发观众的兴趣和购买欲望。通过吸引人的视觉效果、创意的排版和吸引人的文字内容，海报能够吸引目标受众的关注，并激发他们对产品或服务的兴趣，促使他们采取进一步的行动。举例说明：假设一家沙发商家希望通过海报来吸引目标受众的注意力并促使他们对产品产生兴趣和购买欲望。他们设计了一张精美的海报，巧妙地融合了视觉效果、创意排版和引人入胜的文字。这张海报展示了该电商平台上最新推出的豪华沙发系列。图像呈现了沙发的优雅外观、舒适感和高品质材料，以及它们在实际场景中的应用。海报采用了富有吸引力的色彩和可视效果，突出了产品的工艺和材料。三、激发兴趣与欲望海报能够在情感上与观众建立联系。通过运用情感元素、故事叙述和共鸣点，海报可以触发观众的情感共鸣，让他们与品牌或活动产生情感连接，并对其产生深刻的印象和好感。举例说明：假设一家运动服饰品牌希望通过海报来与目标受众建立情感连接，并激发他们对品牌的认同和喜爱。他们设计了一张具有情感共鸣的海报，运用了情感元素、故事叙述和共鸣点。这张海报展示了该运动服饰品牌最新推出的户外冒险系列。图像呈现了年轻人在大自然中享受户外活动的场景，展示了他们充满活力、勇敢探索的精神和对自然的热爱。海报中的情感元素包括自然风景、光线效果和人物表情，传递出自由、冒险和坚毅的情感。四、创造情感连接海报在电商中具有多种不同场景的应用如：商品展示、促销宣传、活动宣传、品牌形象…海报的直观性和简明扼要性使其成为有效传达产品特点和优势的方式。巧妙的设计和品牌标识的运用可以塑造品牌形象并增强消费者对品牌的认知度和记忆度。精美的海报设计能够吸引观众注意力，并激发他们对产品或服务的兴趣和购买欲望。通过运用情感元素、故事叙述和共鸣点，海报可以在情感上与观众建立联系，建立品牌与消费者之间的情感连接。但切记并不是每一张海报都需要具备这么多元素，只需要挑选能够显示自身传达目的的元素进行设计即可。02Thesecondchapter海报的设计与运用海报设计，首先需遵守平台设计规范，以京东平台为例，海报内容除需遵守广告法的规定之外，设计尺寸，也需符合店铺装修中，该模块的规范建议。一、海报设计规范（1）模块宽度：满屏建议宽度1920px，其中核心区域为990px。（2）模块高度：建议高度550px,不超过800px为宜。（3）图片格式：JPG/GIF/PNG。（4）图片大小：不超过800KB。（5）展示内容：建议展示品牌形象海报、主推海报、产品促销等。（6）展示数量：建议3-5张。1、pc端海报设计规范（1）模块宽度：仅支持宽度1125px。（2）模块高度：仅支持高度210-1440px。（3）图片格式：JPG/PNG。（4）图片大小：不超过500KB。（5）展示内容：建议展示品牌形象海报、主推海报、产品促销等。（6）展示数量：建议3-5张。2、移动端海报设计规范海报在实际设计与运用当中，应充分利用设计语言，将主体信息最有效的传达给消费者。以夏季新品饮料pc端海报设计为例，应首先明确设计思路，进而对海报进行设计。二、海报设计思路总结产品卖点信息针对夏日新品饮料的自身特点，按宣传文案的主次关系，从主到次，总结产品主要卖点文案。明确排版布局方式根据产品自身特性与提取的卖点文案，确定以左右排版方式设计海报。遵照平台规范，建立1920px*550px的画布，将产品与卖点文案放置于画布居中990px范围内。确定配色方案一张海报的颜色不宜过多，根据产品自身调性与夏日主题、可选择较为夏日清新的配色，因产品自身色彩丰富，也可将产品自身色彩进行提取，作为海报配色。确定好基础排版布局方式与配色方案后，应灵活运用色彩原理、文字排版原则，及合理的排版构图方式，对海报进行进一步的美化设计。三、海报图文排版设计产品图布局多款产品同时作为主推时，产品若直接平铺展示，不易形成视觉焦点。建议将产品主体进行大小及位置变化，区分主次，使产品自身更具有层次感与视觉美感。卖点文案布局产品卖点文案首先需按主次关系，确认在画面中的占比，主文案占比最大，向下依次递减。确认占比后，将文案类型进行分类，确认文案在画面布局中的位置。例如“夏日印象气泡系列”为标题，且为最主要卖点文案，在画面中占比最大，且位于最醒目区域；“新品上市”为次要文案，且形式上可以作为标签出现，可放置与产品图片区域，既可以起到美化商品的作用，又有效的体现了卖点。选择合适的字体，将文案内容进行排版布局。色彩运用海报整体布局排版基本确认后，运用色彩理论及前期确定的配色方案，并对其形式进行设计，突出卖点的同时，增强其装饰作用。添加背景及装饰当画面中产品图片、卖点文案及色彩等