《AI+电商视觉营销设计》全套教学课件

认识AI与电商视觉营销设计AI+电商视觉营销设计(智能伴学版)项目一全套可编辑PPT课件项目一认识AI与电商视觉营销设计项目二 AI与品牌视觉营销设计项目三 AI与商品视觉营销设计项目四 AI与店铺首页视觉营销设计项目五 AI与商品详情页视觉营销设计项目六 AI与短视频视觉营销项目七 AI与直播电商视觉营销项目八 AIGC与广告视觉营销认识电商视觉营销设计认识AI与AIGC任务一任务二认识AI时代的电商视觉设计师任务三实训AI助训目录/CONTENTS任务描述Taskdescription小赵初入电商行业，对电商视觉营销设计的概念与价值理解尚浅。因此老李要求他先分析知名电器旗舰店首页与跑步鞋详情页的视觉设计，完成表所示的任务，从而理解电商视觉营销设计的主要原则、基本要素与基本思路等，并在此基础上撰写分析报告。一、电商视觉营销设计基础电商视觉营销可以简单理解为通过影响人们的视觉感受来达到营销目的的一种方式。其中营销是推广和销售商品或服务的系统性过程，其核心在于通过市场调查深入了解目标群体的需求，然后借助创新的策略和营销手段来满足这些需求，进而创造价值、获取利润。视觉以营销为出发点，营销则通过视觉来传达，两者相辅相成。一、电商视觉营销设计基础电商视觉营销的价值主要体现在直接价值和间接价值两个方面。直接价值020103转化率是指进入店铺并产生购买行为的人数和进入店铺的人数的比例。提高商品转化率流量是指店铺的访问量，主要用于描述一家店铺的访客数量及访客浏览的商品页面数量等指标，是店铺的立身之本，对于后续的商品转化和成交至关重要。提高店铺流量客单价是指每一位消费者购买商品的平均金额。提高商品客单价一、电商视觉营销设计基础间接价值在视觉营销中加入品牌元素，可以加深品牌在消费者脑海中的印象。当消费者看到与品牌相关的视觉元素时，就可以很容易联想到该品牌。1.提升品牌识别度如果品牌的视觉营销足够出彩，则可以在消费者心中树立良好的形象，让消费者自发地传播品牌信息，从而迅速扩大品牌的传播范围，甚至增强品牌在行业与消费者心目中的影响力。2.扩大品牌传播范围二、电商视觉营销设计的主要原则内容优质高效传达体现价值保证时效性简洁明了注重细节重点明确三、电商视觉营销设计的基本要素1．色彩色彩分为有彩色和无彩色两大类。有彩色是指具备光谱上某种或某些色相，呈现出红、黄、蓝、绿等各种具体颜色的色彩。无彩色是指没有色相和冷暖倾向的色彩，即黑、白、灰等中性色。有彩色都具有色相、明度、纯度这3种属性，即色彩三要素；而无彩色只具有明度这一个属性。色彩三要素色相是色彩的第一要素，它是能够准确表述色彩倾向的色别称谓，也就是色彩的名称，如玫瑰红、湖蓝、土黄等。色相01纯度也称为饱和度，是指色彩的鲜艳程度，颜色中含有的本色越多，纯度就越高；反之，则纯度越低。

纯度03明度是色彩的第二要素，指色彩的明暗程度，也称为亮度。同一色彩中添加的白色越多则越亮，添加的黑色越多则越暗。

明度02三、电商视觉营销设计的基本要素色彩的搭配原理利用色相之间的差别形成对比，包括同类色对比、类似色对比、邻近色对比、中差色对比、对比色对比、互补色对比6种。色相对比利用色彩的明暗程度形成对比。恰当的明度对比可以使画面产生明快感和清晰感。一般情况下，明度对比较强时，画面会显得清晰、鲜明；明度对比较弱时，画面会显得柔和、简单。明度对比利用纯度的强弱形成对比。纯度对比较弱时，视觉效果也较弱，适合长时间观看；纯度对比适中时，视觉效果和谐、丰富，可以突显画面的主体；纯度对比较强时，视觉效果鲜艳明朗、富有生机。纯度对比各种色彩在画面中所占面积的大小不同，其呈现出来的对比效果也就不同。当面积大的色彩为画面的主色调时，面积较小的色彩则会显得格外醒目，识别度高，如“万绿丛中一点红”显得格外鲜艳夺目。面积对比三、电商视觉营销设计的基本要素色相对比明度对比面积对比三、电商视觉营销设计的基本要素色彩搭配比例搭配色彩时，用色较多、面积较大的色彩为主色；使用面积次于主色、用于补充主色的色彩为辅助色；使用面积最小但醒目的色彩为点缀色。一般情况下，主色占画面面积的比例不宜超过60%；辅助色占画面面积的比例不宜超过30%，用于烘托主色、增强视觉效果；点缀色占画面面积的比例不宜超过10%，通常用在关键部分，有助于集中消费者视线。总之，惯用的配色公式为：60%主色+30%辅助色+10%点缀色。应用案例如图所示。三、电商视觉营销设计的基本要素不同色彩给人的感受在视觉搭配中，黑色给人高贵、稳重、科技的感觉，科技类商品的视觉营销设计大多以黑色为主色。在生活用品和服饰的视觉营销设计中，大多利用黑色来塑造高贵的形象。黑色白色可以营造出高级感，由于纯白色会带给人寒冷、严峻、简洁、利落、干净的感觉，因此通常会在其中掺一些其他的色彩，从而形成象牙白、米白、乳白等。白色红色给人热情、有活力、喜庆、激情的感觉，能产生醒目的效果，如图所示。红色高饱和度的蓝色可以营造出干净、清爽、轻快的感觉，低饱和度的蓝色会给人一种时尚感。蓝色绿色常与健康相关联，所以经常用于与健康相关的设计中。当绿色和白色搭配使用时，可以给人自然清新的感觉。绿色三、电商视觉营销设计的基本要素2．文字宋体是比较传统的字体，其字形较方正、纤细，结构严谨，笔画横平竖直，末尾有装饰，整体给人一种秀气、端庄的感觉，在保持极强笔画韵律性的同时，能够给人一种舒适、醒目的感觉。宋体类01黑体又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹粗细几乎完全一致。黑体类02书法体是指具有书法风格的字体，主要包括隶书、行书、草书、篆书和楷书等类型的字体。书法体能赋予商品较强的文化底蕴，字形自由多变、顿挫有力，掺杂着文化气息，常带给人一种古典文化的美好意境。书法体类03艺术体是指一些非常规的印刷字体，一般是为美化版面而采用的，可提升艺术性、新颖性与设计感。艺术体类04字体的类型三、电商视觉营销设计的基本要素

在视觉营销过程中，文字的主要功能是传递商品信息和商家需要表达的意图，设计师应遵循以下4种原则以增强文字可读性，让消费者易于理解。文字表达的内容要清晰明了，让消费者一眼就明白商家要表达的主旨；除非需要模糊的效果，否则要避免使用不清晰的文字；不要使用过小的文字；文字的浏览顺序一般从左至右。01文字的可读性

在视觉营销设计过程中，设计师需根据商品的风格和类目选择字体，如可爱风格的女装店铺可选择幼圆体为主要字体，同时选择少女体、童童体和卡通体为辅助字体。时尚、潮流、有个性的店铺则可选择思源黑体、准黑和细黑等为主的方正字体，还可选择大黑体、广告体和艺术体为辅助字体。02根据风格选择字体

文字的重要性仅次于色彩，因此在进行视觉营销设计时也要考虑字体的搭配。一般来说，同一个画面中的字体尽量保持在2～3种，否则会使画面变得复杂，影响消费者对信息的接收效果。03字体的搭配文字的组合三、电商视觉营销设计的基本要素3．图像图像类型商品图以展示商品外观为主，让消费者快速熟悉商品形象，建立第一印象所示。商品图模特图包括真人上身图、真人使用图等，旨在帮助消费者判断商品的尺寸、比例与效果，减少想象误差。模特图场景图的目的在于营造强烈的氛围感，将消费者吸引到场景内容中。场景图细节图主要包括商品、活动、店铺服务等方面的细节说明，如采用局部放大方式展现商品材质、工艺与功能结构，建立消费者的信任。细节图符号图标以图形化语言标注信息，提升消费者的阅读效率。符号图标商品图活动促销场景图商品使用场景图三、电商视觉营销设计的基本要素图像风格极简风格常采用大面积留白、中性色块与单一主体相结合的方式，光线均匀柔和，无明显高光与阴影，文字信息极少。极简风格常用于科技、家居、美妆等品牌，以传递“功能至上”的品牌态度，同时弱化促销感。极简风格写实风格以摄影手段真实地记录商品外形、材质与色彩，背景多为纯色或轻度虚化，避免视觉干扰。写实风格适用于3C、家电、食品、日化等规格统一、消费者决策时以功能与品质为主的商品，可降低“实物与图文不符”的风险。写实风格C4D立体风格利用Cinema4D等软件构建具有高饱和度、高纯度色块，柔和圆角，大面积渐变与极小景深的画面，具备强烈的立体感，如图所示。C4D立体风格插画风以扁平或手绘图形取代真实拍摄，色彩明快，线条简洁，场景可突破物理限制，适用于儿童、宠物、文创、食品等需要故事感与趣味性的品类。复古风格采用胶片颗粒、做旧色调、经典道具与衬线字体共同构建

“旧时光”氛围，适用于咖啡、酒饮、服饰、手作等具备情怀价值的产品，可引起消费者的怀旧情绪，延长其页面停留时长。插画与复古风格国潮风格将传统纹样、书法字体、朱红石绿等高饱和色与现代排版并置，形成强烈文化氛围，如图所示。这种风格适用于零食、茶叶、文创、服饰等类目，可让消费者快速建立“国产品牌”的认知，提升年轻客群的黏性。国潮与赛博朋克风格三、电商视觉营销设计的基本要素C4D立体风格国潮风格赛博朋克风格四、电商视觉营销设计的基本思路开展电商视觉营销时，首先要通过分析视觉营销设计项目来定位视觉信息的主要传达对象，以便后续根据不同需求调整视觉的呈现重点，使消费者能快速产生共鸣，形成转化。需要分析的内容主要有项目背景、目的、目标消费者、效果指标，然后重点定位目标消费者，建立消费者画像。画像通常包含以下内容：目标消费者的所在地区、性别、收入情况和社会地位、购物时间，消费者对商品功能、形状、颜色、外形等方面的偏好，购买决策的形成过程和其主要受到哪些因素的影响，以及消费者的购物需求和心理需求。分析项目与定位消费者为了让消费者优先看到视觉设计的主题，可以建立视觉层级引导消费者的视线，如通过空间与构图、色彩对比、大小关系、视觉指引、动静对比等方式来建立，从而实现信息的有序传达。建立视觉层级项目关键视觉点是指消费者比较关注的内容，或者容易吸引消费者关注的内容，如绚丽的色彩、美观的画面、直白的文案等。确定关键视觉点需要建立在分析和定位消费者的基础上，其主要目的是直接、快速地吸引消费者的注意力。确定项目关键视觉点强烈的表现力可以快速吸引消费者的注意力，促使其浏览商品、记住品牌，甚至达到广泛传播品牌的效果。在电商视觉营销设计中，提高视觉创意表现力并没有固定的方式，任何思维、任何角度都可以，如在设计中融入情感元素，用情感直击消费者的内心，迅速引起消费者的情感共鸣；采用拟人化手法，赋予商品或品牌人的形态或情感；采用表现力较强的视觉风格营造氛围。提高视觉创意表现力在电商视觉营销设计中，创意是提升营销效果的关键。体现品牌精神、满足消费者需求的视觉创意可以引发消费者的共鸣。因此，提炼电商视觉创意可从消费者和商品两个方面入手：基于消费者提炼创意，需要准确抓住消费者的购物需求、兴趣爱好、日常生活需要等，将与消费者息息相关的、可以令其产生共鸣的元素以富有创意的方式融入视觉设计中；基于商品提炼创意是指依据商品本身来挖掘创意，可通过卖点挖掘创意，通过与商品相关联或存在一定对比关系的元素联合挖掘创意，以及通过与热门话题结合挖掘创意。提炼电商视觉创意一、分析电器类店铺首页视觉营销设计该首页顶部为直播封面及直播间入口，下方是店铺名称、本店参与官方活动的商品入口、“猜你想找”推荐模块；然后是主推商品的宣传板块，包括海报、商品列表等；下方为优惠券活动专区，展示各类优惠券、折扣、赠品、会员活动等；再下方依次为“暖冬精选”商品模块、商品人气榜单、每类商品中的热销商品列表、本店商品分类区；接着按照商品类别，每个类别各有一个展示板块，每个板块均由分类名称、Banner图、商品列表构成；最后为品牌及服务区，展示了子品牌、服务、品牌故事、品牌实力。这些板块内容按照清晰的逻辑来划分和排列，能有效引导消费者了解店铺优势、活动以及各类商品，同时有利于提升直播间流量、商品点击率等。任务实施Taskimplementation一、分析电器类店铺首页视觉营销设计本任务需要观察图所示的海尔旗舰店移动端首页，分析其首页设计的基本思路，再分别从色彩、文字、图像方面进行鉴赏，具体分析结果如下。一、分析电器类店铺首页视觉营销设计在色彩方面，虽然该首页色彩丰富，但每个区域色彩搭配协调，整体配色方案为：存在优惠活动、有促销性质的区域均以红色为主色，其他部分则以蓝色为主色；整个首页以绿色为点缀色。在文字方面，以黑体类字体为主，识别度高，而主推商品海报中特别设计了艺术体标题，更加吸睛。首页按标题、宣传语、强调文字等设置了不同的文字大小，主次分明。在图像方面，该首页以写实风格为主，主要包含海报、简约图形、场景图、纯色背景的商品图等，既充分展示出商品外观特点，又通过使用场景增添了吸引力，还利用图形划分区域、强调内容、装饰页面。二、分析跑步鞋详情页视觉营销设计本任务需要观察图所示的李宁跑步鞋详情页，分析其首页设计的基本思路，再分别从色彩、文字、图像方面进行鉴赏，具体分析结果如下。该详情页顶部为商品焦点图，下方依次展示商品各项卖点、细节，然后展示不同配色款式的模特图，再下方为商品信息参数图、展示配色的商品三视图、尺码对照表，最后还设计了鞋子保养板块、温馨提示板块。这些板块内容的划分合理且逻辑清晰，能先在视觉上吸引消费者继续浏览，再引导其深入了解商品的各个方面，最后打消消费者顾虑，引导其购买商品。认识电商视觉营销设计认识AI与AIGC任务一任务二认识AI时代的电商视觉设计师任务三实训AI助训目录/CONTENTS任务描述Taskdescription周五下午，智创电商设计部举行AIGC分享会，参会同事需要在主管老李的带领下完成表所示的任务。在该分享会上，主讲人老李表示，AIGC对电商行业的影响越来越大，AIGC和智能体既可以是营销“参谋”，也可以是视觉“魔术师”，还可以是视频剪辑师，只要设计师掌握AIGC的使用方法，就能大大提高设计的效率。一、AI与AIGC的概念AI（人工智能）是研究、开发用于模拟、延伸和扩展人类智能的理论、方法、技术及应用系统的一门新技术学科。AIGC（人工智能生成内容）是指利用AI技术自动生成各种内容的技术，支持文本、图像、音频、视频等多种形式的内容创作，具有高效性、多样性、持续性、进化性、创新性、可定制性的特点。二、常见的AIGC工具1．文本类AIGC工具豆包由字节跳动公司开发，主要有拟人化聊天、解题答疑、写作等文本生成功能，也能够快速产出图像、音乐、视频、PPT等形式的内容。DeepSeek由杭州深度求索人工智能基础技术研究有限公司开发，主要有复杂逻辑推理、长文本摘要、知识图谱构建及多语言翻译等功能，且支持联网搜索与深度思考模式，可生成结构化内容。文心一言由百度公司研发，主要有中文语境理解、行业知识问答、企业级内容生成等功能，也具备图像生成、编程等拓展功能。文心一言豆包DeepSeek二、常见的AIGC工具2．图像类AIGC工具即梦AI即梦AI是由字节跳动旗下的剪映团队研发的一站式AI创作平台，具备图片生成、视频生成、数字人、动作模仿这几个主要功能，还提供细节修复、局部重绘、扩图、消除笔等图片智能编辑功能。1通义万相通义万相属于阿里云“通义大模型家族”，提供了丰富的模板，可生成风格多样、细节丰富的艺术作品，也可智能编辑图像。通义万相还提供视频生成、数字人功能。2创客贴创客贴是一款简单易用的在线设计工具，拥有海量模板和素材库，也融入多种AI功能，支持AI抠图、AI拼图、AI消除、AI扩图、AI批处理等图像智能处理功能，以及AI创作文案、生成图像与视频、智能设计等，能大幅提高设计效率。3美图设计室美图设计室是美图公司推出的一款AI驱动的设计工具，通过智能算法对图像素材进行处理和分析，可以提供商品图与商品视频生成、AI模特、AI海报、AI商品精修等多种设计功能，在提升设计效率与创意表达方面具有独特优势。4二、常见的AIGC工具3．音视频类AIGC工具

讯飞智作科大讯飞利用先进的语音识别和合成技术开发的音频生成工具，能够根据输入的文本快速生成高质量的语音内容，并支持多种语音风格和语调选择。

剪映字节跳动公司开发，主要有智能镜头分割、智能生成AI音效、字幕生成、配音、数字人、智能调色，以及AI文案成片、图文成片等功能。

可灵AI快手AI团队自主研发的视频生成大模型，专注于提供高质量的视频内容生成服务。三、AIGC提示词在撰写提示词时，可以运用以下技巧。在输入提示词之前，需要明确自己想要AIGC工具生成什么样的内容。明确目标尽量使用关键词和短语简洁明了地表达需求，避免使用过于复杂、冗长的提示词，这样更有助于AIGC工具理解。简洁清晰虽然提示词需要简洁，但也要提供足够的关键信息来引导AIGC工具生成符合要求的内容。在提示词中明确指出需要关注的核心内容，使生成内容更聚焦于重点。提供信息与重点为了使AIGC工具生成的内容更加符合要求，可以在提示词中设定一些限制条件，如避免出现某些内容、保证原创性，以及规定风格或构图方式、限制字数或尺寸等。设定限制条件若一次生成的结果不符合预期，可尝试使用不同的方式修改提示词，如改变句子结构、替换关键词等；也可以在下一次的提示词中先指出不符合需求之处，再写明修改方向，让AIGC工具进一步优化。持续优化与反馈四、认识智能体智能体（AIAgent）是指能够感知环境、自主决策并采取行动以实现特定目标的实体。它能够结合大语言模型等先进技术,不仅拥有智能的“大脑”，还能执行操作（如有序调用多种特定工具）以影响环境或实现预定的目标。开发智能体的本质是集成与定制AIGC能力，快速构建面向具体场景的生成式人工智能应用。虽然各平台存在细微差异，但大多数情况下设计师都可按照图所示的流程进行智能体开发。四、认识智能体电商视觉营销设计中的智能体可以包含以下要素。在规划时需要明确智能体的专业定位。01人设领域知识包括各类商品的视觉特点、消费者视觉动线规律与注意力热点、平台图片规范、转化关键视觉要素。02领域知识设置智能体时，应尽量固化智能体接收用户输入后生成结果时的思考与输出路径。03回复逻辑创建与调试智能体时可以明确智能体创作时的禁忌、合规要求、内容限制。04输出边界五、AIGC在电商视觉营销设计中的应用05驱动角色升级设计师核心工作转向“创意提示与审美决策”，即精准定义需求、指导AIGC生成并从结果中甄选优化，设计师成为驾驭AIGC的“创意导演”。04重塑流程AIGC赋能“设计→验证”新流程，将AIGC作为实时可视化工具，使创意构思能迅速变为高保真草图，供团队与客户即时进行验证和筛选，以此推动决策前置，形成更敏捷的设计反馈闭环。03规模化个性产出基于一个设计模板，AIGC可生成适配不同平台的Banner、海报或信息流广告图，实现营销素材的规模化、批量化、个性化产出。02降本增效无须实拍，通过精准的提示词，AIGC可直接生成高质量商品图、使用场景图、超现实概念图和营销视频，快速满足上新与营销活动的素材需求。01提供海量灵感输入品牌需求，AIGC可快速生成设计方案、营销方案，甚至多套风格统一的视觉参考图，高效呈现抽象概念，极大缩短前期探索时间，助力设计师明确方向。下面使用扣子创建“电商视觉营销设计指南”智能体。先设置智能体的名称、功能和图标，然后调试和修改智能体，最后发布智能体，具体操作如下。01“创建智能体”对话框任务实施Taskimplementation创建“电商视觉营销设计指南”智能体02生成人设与回复逻辑AI任务实施：搭建“网店入驻助手”智能体03添加插件04测试智能体认识电商视觉营销设计认识AI与AIGC任务一任务二认识AI时代的电商视觉设计师任务三实训AI助训目录/CONTENTS任务描述Taskdescription月底述职时，小赵的本月绩效考核表里多了一项“AIGC工具使用率”。他发现，随着AIGC技术的普及，电商视觉设计师的角色也在发生变化。小赵用AIGC工具调研了行业招聘需求，发现很多电商企业都在招聘要求中新增了“AIGC”“人机协作”等关键词。当晚，小赵为了自身职业生涯的良好发展，给自己布置了一个长期任务（见表），准备持续关注AIGC技术发展情况，以及电商视觉设计师岗位需求的变化。一、电商视觉设计师的工作内容电商视觉设计师接收运营、品牌、平台三方需求，拆解销售目标、人群画像、竞品差异与平台规范，完成对设计需求、消费者、竞品的分析与总结报告。01商业需求解码电商视觉设计师需要依据运营策略与营销目标，制订视觉营销设计方案。02创意策略制订与设计准备电商视觉设计师需要依据运营策略与营销目标，将商品卖点、促销信息转化为可浏览、可信任、可购买的视觉系统，以及为平台大促、日常活动设计专题页面、活动海报、推广素材及短视频等，从页促进销售。03视觉转化设计电商视觉设计师需要关注设计作品的点击率、转化率等核心数据，基于消费者行为与数据分析结果，持续优化视觉方案，实现数据驱动的设计迭代。04数据验证与迭代电商视觉设计师需要设计并维护店铺整体VI（视觉识别）系统，以强化品牌认知；同步更新视觉识别手册，保证多渠道、多平台、多代理公司同时作业时仍能维持品牌一致性。05品牌视觉资产构建与维护二、电商视觉设计师的职业素养电商视觉设计师需要深刻理解电商平台规则、目标消费者画像及其消费心理，能将商业目标与消费者需求精准“翻译”为视觉语言，确保设计服务于销售与消费者体验。商业与消费者洞察力电商视觉设计师需要熟练运用主流AIGC工具进行灵感激发、素材生成等，提高创意产能；能够编写高质量提示词，对AIGC输出的内容进行甄别、精修，实现高效率“人机协作”。电商视觉设计师需要拥有扎实的版式、色彩、构图功底与前沿的审美品位，能高效运用设计软件及AIGC工具，将创意高质量落地。AIGC协同能力专业审美与设计执行力二、电商视觉设计师的职业素养电商视觉设计师需要清晰理解并反馈运营、文案等跨部门需求，在项目中主动推进，确保视觉方案按时、保质地完成。电商视觉设计师需要坚守诚信原则，对消费者保持诚实，对品牌保持忠诚，确保视觉呈现的真实性，杜绝过度美化导致的消费误导；拒绝一稿多投、素材搬运、数据造假等行为，以专业标准维护行业秩序，推动电商视觉生态良性发展。严格遵守《中华人民共和国广告法》《中华人民共和国著作权法》《中华人民共和国个人信息保护法》及相关平台规范，杜绝盗版素材、极限用语、虚假夸大、未经授权的肖像与字体，并严格审查AIGC生成内容的可商用性。职业道德与版权意识沟通协作能力下面使用扣子创建“电商视觉设计师求职助手”智能体，该智能体能够提供行业信息、辅助岗位面试，助力用户实现职业成长和职业能力的提升，具体操作如下。01“创建智能体”对话框任务实施Taskimplementation一、创建“电商视觉设计师求职助手”智能体02添加插件AI任务实施：搭建“网店入驻助手”智能体03输入开场白预置问题02生成合适的图标04智能体给出的部分回答下面使用刚才创建的“电商视觉设计师求职助手”智能体辅助面试，模拟面试场景，生成适合面试的简历模板；再根据面试情况、岗位需求，运用该智能体提升职业能力，具体操作如下。01辅助面试任务实施Taskimplementation二、应用智能体辅助面试和自我提升02添加插件二、应用智能体辅助面试和自我提升03辅助自我提升02生成简历模板认识电商视觉营销设计认识AI与AIGC任务一任务二认识AI时代的电商视觉设计师任务三实训AI助训目录/CONTENTSAssistanttraining实训1使用豆包生成茶叶包装设计方案和概念图AI助训实训要求：“山水原”农产品店铺新推出一款绿茶产品，在上市之前需要设计包装。设计团队为提高效率，准备先使用豆包生成茶叶包装设计方案，要求方案需包含包装形态、色彩、文字、图像、材质方面的内容，再基于方案生成概念图，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01打开豆包首页，在文本框中输入提示词“‘山水原’农产品店铺新推出一款绿茶产品，需要设计包装。请以一位专业电商视觉设计师的身份，为我提供精练的包装设计方案，方案需包含包装形态、色彩、文字、图像、材质方面的内容”。步骤02单击

按钮，豆包将生成方案。单击“下载”按钮，在弹出的列表中选择“Word”选项进行下载。步骤03在豆包文本框中输入提示词“基于上面的方案，为我生成茶叶包装设计概念图”。步骤04单击按钮，豆包将生成概念图。单击“下载”按钮进行下载。Assistanttraining实训2使用即梦AI生成农产品场景图和视频AI助训实训要求：“山水原”农产品店铺在进行品牌宣传时需要用到农产品场景图，场景图中要展示“山水原”名称，以及品类丰富的农产品图像，营造自然、原生态的氛围，然后基于场景图生成一段动态的视频素材，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01打开即梦AI首页，选择“图片生成”模式，在文本框中输入提示词“农产品场景图，标题文字‘山水原’，副标题文字‘原生态农产品’，背景包含各类农产品、礼盒等主元素，欢喜的丰收氛围，色调温馨，大师级设计，文字内容高度准确无误，专业级别”。步骤02单击

按钮，即梦AI将生成图像。选择一张满意的图像，单击

按钮下载图像。步骤03使用相同的方法，输入提示词“农产品场景图，农产品包围着中央的书法文字‘山水原农产品产业基地’，画面包含各类瓜果蔬菜，实景拍摄”，再生成一张场景图并下载。步骤04在即梦AI首页选择“Agent”模式，上传“农产品场景图2.png”文件作为参考图，在文本框中输入提示词“‘山水原’农产品品牌宣传视频素材”。步骤05单击

按钮，即梦AI将自行发挥创意生成合适的视频，它以参考图为首帧，通过缓慢的环绕镜头展现了丰富的农产品细节，突出了品牌原生态、自然、健康的形象。单击

按钮下载视频。感谢观看！AI+电商视觉营销设计(智能伴学版)AI与品牌视觉营销设计AI+电商视觉营销设计(智能伴学版)项目二认识品牌视觉营销设计建立品牌视觉识别系统任务一任务二设计品牌标志任务三实训AI助训目录/CONTENTS设计商品包装任务四任务描述Taskdescription看完“笔格”品牌视觉营销设计项目资料后，小赵的思路不太清晰，于是老李递给他一叠竞品资料，建议他在了解“笔格”品牌的基础上，将目光投向市场，深度研究几个同类办公文具品牌的视觉营销设计，通过对比分析，更精准地把握“笔格”差异化定位的视觉落脚点。小赵领取了任务单（见表），按照要求一步步完成任务。一、了解品牌视觉识别系统电商发展至今，同类商品之间的竞争愈加激烈，在多数情况下，消费者与其说是选择商品，不如说是选择品牌。然而品牌要想拥有影响力，知名度必不可少。如今的电商时代正是“眼球经济”时代，消费者无法通过实体接触去体验和感受线上商品，视觉便成为他们了解商品和品牌的主要途径。因此，品牌视觉是打造品牌形象的有力工具。品牌的视觉识别系统用于塑造和传达品牌形象，有利于区别自身品牌与其他品牌，提高消费者的好感度和忠诚度。视觉识别系统以标志、标准字、标准色为核心，通过一系列视觉元素的规范应用，将品牌理念、商品特质、服务内容等抽象概念转换为具体符号，从而打造出独特的品牌形象。二、品牌视觉营销的作用品牌视觉营销是指通过各种视觉设计方法对品牌进行包装、宣传，从而加深消费者对品牌的印象。在电商领域，视觉设计通常是为品牌营销服务的，它贯穿于营销的各个环节，最终目的是营销商品。成功的品牌视觉营销可以让消费者快速联想到相关品牌及商品，或在选择同类商品时第一时间想到该品牌，为品牌创造直接或间接的营销价值。任务实施Taskimplementation使用千问分析同类品牌的视觉营销特点为了在与同类品牌的市场竞争中脱颖而出，在设计“笔格”办公文具品牌的视觉营销方案之前，可使用文本类AIGC工具千问分析同类品牌的视觉营销特点，具体操作如下。01提示词02生成结果认识品牌视觉营销设计建立品牌视觉识别系统任务一任务二设计品牌标志任务三实训AI助训目录/CONTENTS设计商品包装任务四任务描述Taskdescription分析同类品牌后，小赵已了解办公文具类品牌的设计现状。他根据表所示的任务单，继续深入研究“笔格”品牌的视觉设计，并准备创建一个用于进行办公文具类品牌视觉设计的智能体，便于以后遇到同类设计项目时，快速建立品牌视觉识别系统。一、品牌标志作为品牌视觉识别系统的核心符号，标志能直观地展现品牌形象，是品牌设计的核心和基础。标志以图形符号或文字为主体，具有独特性，便于识别，能够快速且准确地传递企业或品牌的重要信息和内涵。图所示为“竹叶青”茶叶品牌标志设计。二、品牌标准字与标准色标准字是指为了确保品牌形象的一致性和专业性，针对品牌名称或特定词汇而专门设计的一种字体样式。运用精心设计的标准字，可以强化品牌的独特性。品牌标准字应依据品牌自身定位和商品特性等因素进行选择。品牌标准色是品牌指定的某一种色彩或一组色彩系统，能展现品牌的经营理念及商品特性，传达品牌的独特属性。品牌通常会根据设计需求、理念、经营策略、发展方向、消费者喜好、颜色禁忌等因素，确定一种或几种色彩作为品牌标准色。三、品牌辅助图形在品牌设计中，辅助图形具有增强品牌识别度、丰富品牌视觉层次、保持品牌视觉一致性以及提升设计灵活性的作用。设计师可运用重复排列、组合的方式来延展标志纹样，或通过提取标志局部等方法设计品牌辅助图形。四、品牌吉祥物建立情感连接。作为品牌视觉识别系统的组成部分，品牌吉祥物常融合品牌标志元素，并通过表情、动作传递情绪，以高辨识度的形象加深消费者对其的印象。品牌吉祥物设计需从品牌卖点、核心价值、品牌个性、目标消费者、品牌故事和背景、商品主要特点等方面汲取灵感，再展开创意联想。品牌吉祥物是品牌为传递核心价值、强化其形象而设计的具象化视觉符号，通常以拟人化角色呈现，能够承载文化内涵，与消费者任务实施Taskimplementation一、创建“办公文具类品牌设计助手”智能体下面使用扣子创建“办公文具类品牌设计助手”智能体，为办公文具类品牌提供策划与视觉设计的专业支持，具体操作如下。01描述智能体的功能一、创建“办公文具类品牌设计助手”智能体02选择并设置模型03设置开场白文案和预置问题任务实施Taskimplementation二、使用智能体建立“笔格”品牌视觉识别系统下面使用刚才创建的“办公文具类品牌设计助手”智能体建立“笔格”品牌视觉识别系统，得到设计方案，具体操作如下。步骤01进入扣子官网首页，在顶部选择“扣子编程”选项，打开“扣子编程”页面，在左侧展开“社区”列表，选择其中的“作品社区”选项，在搜索框中输入“办公文具类品牌设计助手”进行搜索。二、使用智能体建立“笔格”品牌视觉识别系统步骤02在搜索结果中选择刚才创建的“办公文具类品牌设计助手”智能体，进入与智能体对话的页面。在文本框中输入提示词“请帮办公文具类品牌‘笔格’建立品牌视觉识别系统，该品牌在学生文具和办公用品领域都有涉及”，单击

按钮。步骤03查看智能体的回复，发现其分别针对学习、办公场景设计了不同的方案，不符合需求。在文本框中输入提示词“不需要为学习、办公两个场景分别设计，请找到一个平衡点，设计一套可共用的Logo、字体、色彩、辅助图形”，单击

按钮。步骤04对生成结果满意后，输入提示词“将以上内容以Word文档的方式给我，便于下载”，单击

按钮。生成文档后单击文档名称超链接，下载文档，最终效果如下。二、使用智能体建立“笔格”品牌视觉识别系统认识品牌视觉营销设计建立品牌视觉识别系统任务一任务二设计品牌标志任务三实训AI助训目录/CONTENTS设计商品包装任务四任务描述Taskdescription确定方案后，小赵便开始动手设计“笔格”品牌标志。他填写了表所示的任务单，打开了创客贴，准备快速生成标志。一、标志的设计形态

汉字型标志由汉字构成，如图1所示。

非汉字型标志通常由外文字母构成，可以看作一个符号，能给人留下深刻的印象，如图2所示。

文字组合型标志结合了汉字与外文字母，具有中外结合、全球化的感觉，如图3所示。01汉字型标志02非汉字型标志03文字组合型标志

图形标志直接以图形作为标志，不含文字元素，如图4所示。04图形标志

图文结合型标志使用图形与文字相结合的形式，如图5所示。05图文结合型标志图1一、标志的设计形态图3图4图5图2二、标志的设计原则010305简洁明了考虑目标受众配色协调020406造型独特突出品牌特点文字易读07多平台适配与延展性任务实施Taskimplementation使用创客贴生成“笔格”办公文具品牌标志参考之前的品牌视觉识别系统设计方案，为“笔格”办公文具品牌选择“书写专业，效率在线”为标语，参考方案并结合自己的创意思路生成品牌标志，具体操作如下。步骤01进入创客贴官网首页，在左侧选择“AI工具”选项，打开“AI工具”页面，在其中选择“AILogo”选项。步骤02进入“AILogo”页面，在左侧设置“公司名称”为“笔格”，“宣传语”为“书写专业，效率在线”，“行业”为“娱乐·文化”，“风格”为“色块风”，Logo元素描述”为“蓝色菱形方块中嵌入白色镂空的钢笔笔尖图形，白色背景”，单击“立即生成”按钮，生成效果如图所示。使用创客贴生成“笔格”办公文具品牌标志步骤02进入“AILogo”页面，在左侧设置“公司名称”为“笔格”，“宣传语”为“书写专业，效率在线”，“行业”为“娱乐·文化”，“风格”为“色块风”，Logo元素描述”为“蓝色菱形方块中嵌入白色镂空的钢笔笔尖图形，白色背景”，单击“立即生成”按钮，生成效果如图所示。使用创客贴生成“笔格”办公文具品牌标志步骤03第2个标志有钢笔元素，该元素还类似职场白领的衣领形状，符合“笔格”品牌学生文具、办公用品的双重定位。将鼠标指针移至第2个标志上，单击“编辑”按钮，进入该标志的编辑页面。步骤04选中品牌名称处的田字格，按【Delete】键删除。选中画布背景，单击“透明度”按钮，设置数值为“0%”。然后适当调整文字的大小和位置，最终效果如图所示。步骤05在页面右上角单击“下载”按钮，下载标志文件。认识品牌视觉营销设计建立品牌视觉识别系统任务一任务二设计品牌标志任务三实训AI助训目录/CONTENTS设计商品包装任务四任务描述Taskdescription标志定稿后，老李将“笔格”品牌视觉识别系统中的多个应用场景设计任务分别交给多位设计部同事。小赵负责为一款中性笔笔芯设计包装，任务单如表所示。一、包装的基本类别包装设计是以保护商品、方便储运、促进销售以及提升商品附加值为目的，围绕商品的容器、包装材料、外观造型、包装结构、包装装潢以及包装印刷工艺等方面进行综合设计和规划的活动。在进行包装设计前，需要了解包装的基本类别。

商品包装商品包装应展示品牌等信息，突出商品亮点，并具有吸引力的视觉效果，能吸引消费者购买商品。

运输包装运输包装主要用于在运输和交付过程中保护商品，常见于零售、B2B（企业对企业）行业以及直接面向最终消费者的场景，形式多样，如瓦楞纸箱等。

服务包装服务包装主要用于餐饮业，在食用前及食用过程中短暂保护食物，包括披萨盒、咖啡杯等。二、包装的常见形式盒式。罐式。管式。瓶式。篮式。袋式。套式。泡罩式。碗式、盘式、杯式。二、包装的常见形式罐式包装管式包装袋式包装篮式包装瓶式包装套式包装泡罩式包装三、包装版式编排方式

01色块分割式。包围式。组合式。文字式。局部式。0203040506图标式。平铺式。07局部镂空式。08焦点式。09三、包装版式编排方式局部式平铺式焦点式任务实施Taskimplementation一、使用XFUN生成笔芯包装图像选择样机生成笔芯包装图像编辑尺寸拆分矢量图组合展开图在制作笔芯包装前，使用AIGC工具快速获取包装设计方案以及专业的展开图模板，具体操作如下。任务实施Taskimplementation二、使用Illustrator制作包装展开图填充背景并调整已有元素正面效果输入参数笔芯包装展开图最终效果使用AIGC工具得到富有创意的包装图像，并下载了尺寸标准的包装展开图后，使用专业的设计软件Illustrator进一步细化设计包装的每个面，确定最终效果，具体操作如下。任务实施Taskimplementation三、使用XFUN制作包装盒立体效果填充背景并调整已有元素完成包装展开图设计后，通常还要制作包装盒立体效果，以便设计师和客户能更直观地了解该包装的实际应用效果，具体操作如下。生成的立体包装盒场景图认识品牌视觉营销设计建立品牌视觉识别系统任务一任务二设计品牌标志任务三实训AI助训目录/CONTENTS设计商品包装任务四Assistanttraining实训1使用美图设计室生成“山水原”农产品品牌标志AI助训实训要求：“山水原”是一家专注于提供原生态、无污染农产品的新锐品牌，主打高山蔬菜、野生菌菇和山地杂粮等特色商品，致力于将自然纯净的山野风味带给消费者。随着线上渠道的拓展，该品牌亟需一个具有辨识度与文化内涵的标志，以强化品牌形象、提升用户信任感。设计要求融合山水元素与农耕意象，整体风格清新自然、简约雅致，体现“源于山水，归于本真”的品牌理念，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01进入美图设计室首页，选择左侧的“工具”选项，然后在打开的页面中选择“AILogo”选项，输入“Logo名称”为“山水原”，选择“行业”为“农业\生鲜”，其他参数根据需要设置或保持默认不变，单击开始设置按钮。美图设计室将生成多个“山水原”Logo，如不满意，可重新生成，直至得到满意的效果。步骤02选择满意的Logo，单击编辑按钮，如有需要可手动调整Logo细节，使其更符合需求。最后单击下载按钮，如有需要可手动调整Logo按钮下载文件。Assistanttraining实训2包小盒+Photoshop设计大米包装袋AI助训实训要求：“山水原”品牌即将上线一款稻花香米，需要利用提供的素材，设计有吸引力的35cm×55cm的大米包装袋。要求采用插画风格，突出大米自然、纯净的核心卖点，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01使用具有文生图功能的AIGC工具生成大米包装袋插画，参考提示词为“矢量扁平卡通风格，画面简约，春季乡村农田劳作场景：前景是水田里戴草帽的农民弯腰插秧，身旁放着装满秧苗的竹篮；中景是黄绿相间的农田，农民在田间打理作物（收割、除草）；背景是连绵的浅色调远山、几座白墙灰顶的乡村小屋、错落的绿树。整体色调以暖黄色、浅绿色为主，搭配柔和的米黄色、米白色，夕阳光照，呈现宁静忙碌的田园生活，线条简洁圆润，画面层次丰富且清新柔和”。生成后下载图像。步骤02使用Photoshop创建尺寸为35cm×55cm的文件，将背景填充为与插画背景一致的颜色，此处为“#faead3”。AssistanttrainingAI助训步骤03创建“正面”图层组，置入插画图像，使其铺满背景。步骤04在画面上方使用“钢笔工具”绘制标题的边框和底纹，打开“印章.psd”文件，将其中的印章图像复制到标题框下方。打开“山水原Logo.psd”文件，将其中的Logo复制到图像编辑区右上角。步骤05使用文字工具组在标题框中输入商品名称及卖点关键词；在印章图像上输入“当季精选”文字；在插画左下方输入大米净含量信息，并为该文字添加白色的“描边”图层样式。步骤06隐藏“正面”图层组，创建“背面”图层组，在画面下方置入插画图像。步骤07使用文字工具组输入商品基本信息和参数文字，然后使用形状工具组绘制装饰形状。打开“山水原Logo.psd”文件，将其中的Logo复制到图像编辑区左上角。步骤08打开“标识.psd”文件，将其中的图层组移至包装背面，并为整个图层组添加绿色的“颜色叠加”图层样式。步骤09保存文件，再分别导出包装正面、背面图片。AssistanttrainingAI助训步骤10打开包小盒官网首页，在搜索框中直接搜索“大米包装袋”，在搜索结果中选择“米面杂粮食品三边封加孔塑料袋包装模型600090”，并创建设计，设置尺寸为“35cm×55cm”，然后上传包装正面、背面进行贴图。步骤11单击渲染按钮，进入渲染页面，在页面左侧选择场景，在页面中央和右侧根据需要调整位置与视角、尺寸等，单击立即渲染按钮得到立体效果图感谢观看！AI+电商视觉营销设计(智能伴学版)AI与商品视觉营销设计AI+电商视觉营销设计(智能伴学版)项目三目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription小赵领取任务单（见表）后，发现需要为新上架的商品拍摄一组商品图。老李指出，实物拍摄成本高、周期长，可以用AIGC工具生成或优化。为了提升拍摄效果，小赵决定使用AIGC工具生成多种拍摄角度和背景的商品图。一、拍摄准备事项在拍摄前，需要确定预计拍摄时间，以及选择和联系拍摄地点。拍摄道具是指拍摄设备、场景布置道具和商品等。在电商平台上通常需要全方位、多角度展示商品，部分商品还需要展示局部细节或使用规范等。在拍摄商品之前，应该根据商品的类目特点、市场定位、店铺定位、消费者定位等信息确定拍摄风格，包括选择什么样的模特、模特使用什么风格的妆容等。确定拍摄风格确定拍摄张数准备拍摄道具确定时间地点04030201一、拍摄准备事项冲锋衣商品图二、不同类型商品的拍摄要点1．拍摄吸光类商品吸光类商品主要分为全吸光类商品和半吸光类商品两类。其中全吸光类商品包括毛呢、布料、毛线、裘皮、铸铁、粗陶、橡胶等，而半吸光类商品则包括纸制品、质地细腻的纺织品、木材、亚光塑料、水果等。全吸光类商品。半吸光类商品的表面结构一般都比较平滑。拍摄时，布光以侧光、顺光、侧顺光为主，灯光的照射角度不宜太高，这样才能拍摄出具有视觉层次和表现力的商品图，如图2所示。半吸光类商品。全吸光类商品的表面结构粗糙，起伏不平，质地或软或硬。拍摄时可选择稍硬的光照明，布光要以侧光、侧逆光为主，照射角度宜低，如图1所示。二、不同类型商品的拍摄要点2．拍摄反光类商品反光类商品常指不锈钢制品、银器、电镀制品、陶瓷品等，表面光滑，具有极强的光线反射能力，不会出现柔和的明暗过渡的现象。图所示为拍摄的反光类商品。拍摄反光类商品时，可以将灰色或深黑色的反光板或吸光板放于被拍摄商品的旁边，让商品反射出这些光板的颜色，以增强商品的厚实感。可采用较柔和的散射光照明，这样不但能使色彩更加丰富，还能增强商品的质感。拍摄反光类商品时需要使用一定的技巧。可将大面积的柔光箱和扩散板放在被拍摄商品的两侧，并尽量靠近被拍摄商品，这样可形成均衡柔和的大面积布光，柔化光线，从而有效地降低商品表面的反光度，使其色调更加丰富，表现出光滑的质感。二、不同类型商品的拍摄要点3．拍摄透明类商品透明类商品是指玻璃制品、水晶制品和部分塑料制品，这类商品可以让光线穿透其内部，因此通透性较强。拍摄透明类商品要表现其玲珑剔透的质感，因此布光以侧光、侧逆光和底部光等为主。图所示为拍摄的透明类商品。若在黑色背景下拍摄透明类商品，布光应该与被拍摄商品相分离，可在被拍摄商品两侧使用柔光箱或闪光灯添加光源，使商品主体和背景分开，再在前方或左右添加灯箱，将被拍摄商品的上半部分轮廓体现出来，从而表现出商品的透明感。如果被拍摄商品盛有带色液体或透明物，为了使颜色不损失饱和度，可在被拍摄商品背面贴上与外观相符的白纸，从而衬托原色。三、使用AIGC工具生成商品图的方式01更换背景。生成单张图。02AI生成模特图。03生成商品套图。04AI商品图AI生成模特图商品套图生成任务实施Taskimplementation一、使用绘蛙生成笔袋商品图“笔格”品牌近期上新的商品中有一款针对中小学生设计的笔袋商品，现在只有一张普通的商品照片，需要设计师使用AIGC工具生成更具吸引力、更精美的笔袋商品图，具体操作如下。选择背景图使用绘蛙生成笔袋商品图的过程任务实施Taskimplementation二、使用佐糖生成闹钟商品图“笔格”品牌近期上新的商品中有一款智能闹钟，现仅有一张商品白底图，需要设计师使用AIGC工具生成办公场景的闹钟商品图，要求风格简洁、效果真实，具体操作如下。调整商品位置和大小生成效果选择场景模板目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription完成拍摄任务后，老李让小赵分担设计部的商品图处理任务（见表），并让他针对图片的具体问题，选择合适的AIGC工具进行精修，让所有商品图具有较高的质量。一、调整商品图大小的方法使用AIGC工具调整商品图大小主要通过应用AI扩图功能，然后设置扩图尺寸，调整原图在新尺寸画布中的大小和位置。确认生成操作后，AI将对图片进行特征提取和分析，在扩展区域中智能生成与原图风格统一的新内容。1．使用AIGC工具调整一、调整商品图大小的方法2．使用Photoshop调整选择“图像”/“图像大小”命令，打开“图像大小”对话框，修改宽度、高度、分辨率，如图1所示，然后单击确定按钮。

使用“图像大小”命令01选择“图像”/“画布大小”命令，打开“画布大小”对话框，修改宽度、高度，设置当前图像在新画布上的位置后，单击确定按钮。使用“画布大小”命令02选择“裁剪工具”

后，图像编辑区中将显示一个矩形区域，该区域内的图像为裁剪保留的内容，拖曳矩形四周的边框，可调节裁剪范围，如图2所示，按【Enter】键完成裁剪操作。

使用裁剪工具03图片2图片1二、调整商品图色彩的方法1．使用AIGC工具调色美图设计室提供了5种调色模式，包括调色预设、基础调色、高级调色、滤镜、一键换色。进入美图设计室首页，选择“图片编辑”选项，在打开的页面中上传商品图，在页面左侧选择“调色”选项即可选择调色模式进行操作。美图设计室佐糖主要用于光效和色彩调整。进入佐糖首页，在“AI图片工具”下拉列表中选择“图片编辑”选项，在打开的页面中上传需要调色的商品图，在页面左侧选择“调整”选项，在其中的“调色”栏中可进行调色操作。佐糖创客贴可用于调整图片的亮度、色调、清晰度等。进入创客贴首页，选择“图片编辑”选项，上传需要调色的商品图，进入图片编辑页面，选择“调整”工具，在“基础调整”栏中可设置调色参数，在“颜色叠加”栏中可叠加颜色到图片中。创客贴绘蛙可用于对商品图进行换色。进入绘蛙首页，在“AI修图”下拉列表中选择“AI换色”选项，进入该功能页面。上传要换色的商品图，选择要换色的商品，并根据提示进行操作。绘蛙二、调整商品图色彩的方法2．使用Photoshop调色该命令用于调整图片的色相、饱和度、明度，从而达到改变图片色彩的目的。“色相/饱和度”命令该命令用于处理局部曝光过度的图片，或主体偏暗、看不清细节的图片。“阴影/高光”命令该命令用于调整图片的亮度和对比度，如图所示。“亮度/对比度”命令该命令用于在图片原色的基础上根据需要添加其他颜色，或通过增加某种颜色的补色减少该颜色的比重，从而改变图片原色，多用于调整明显偏色的图片。“色彩平衡”命令该命令用于调整图片的高光﹑中间调、暗部的强度级别，从而调整图片的色调与色彩。“色阶”命令该命令用于调整图片的亮度、对比度，以及纠正偏色等，与“色阶”命令相比，该命令的调整更为精确，是参数丰富、功能强大的调色命令。“曲线”命令该命令用于替换图片中的部分颜色，常用于处理图片中的背景颜色或商品颜色。“替换颜色”命令三、局部修复商品图的方法1．使用AIGC工具修复美图设计室美图设计室提供服装去皱、AI消除等功能，可以快速处理布料的褶皱（见图），以及消除商品图中多余的物体。创客贴创客贴提供AI消除、局部重绘、图片变清晰等功能。用户可以选择“图片编辑”选项，在打开的对话框中上传图片，然后在“AI消除”选项卡中进行修复操作。佐糖佐糖提供AI人像变清晰、AI图片消除笔、AI背景变模糊等功能。用户可以选择“图像编辑”选项，在打开的页面中上传图片，然后通过“智能工具”栏和“细节”栏进行细节的修复操作。三、局部修复商品图的方法2．使用Photoshop修复涂抹工具。减淡工具。海绵工具。修复画笔工具。污点修复画笔工具。内容感知移动工具。锐化工具。仿制图章工具。修补工具。模糊工具。加深工具。移除工具。三、局部修复商品图的方法使用移除工具修复商品图的效果四、抠取商品图的方法AIGC工具利用深度学习算法自动分析图像内容，能够准确捕捉物体的边缘和细节，识别并分离出前景与背景，即自动识别主体、去除背景，从而抠出特定元素。此外，有的AIGC工具还支持设置抠图后的背景颜色，或选择预设场景，便于快速制作出纯色背景图、场景图。1．使用AIGC工具抠图四、抠取商品图的方法2．使用Photoshop抠图规则商品图抠取简单背景抠取复杂图片抠取毛发图片抠取透明商品图抠取在抠取一些边缘较为规则的商品时，可根据商品外观形状使用选框工具组内的工具快速创建选区进行抠图。在抠取图片背景较为简单的商品时，可使用快速选择工具、魔棒工具选择背景，快速抠取商品，如图所示。当商品的轮廓比较复杂，背景也比较杂乱时，可使用钢笔工具来完成抠图，将绘制的路径转化为选区，使抠取效果更加精准。对于包含头发或毛绒的商品，采用一般的抠图方法很难得到理想的效果，且非常浪费时间，此时可利用Photoshop中的调整边缘功能进行抠取。抠取玻璃标、冰块、矿泉水瓶等具有透明特征的商品时，使用一般的抠图工具和功能很难得到想要的透明效果，此时可结合钢笔工具、图层蒙版和通道功能进行抠图。四、抠取商品图的方法任务实施Taskimplementation一、使用豆包扩展削笔器图片大小某张削笔器图片中的背景面积过小，需要设计师使用AIGC工具扩展背景，使整体效果更加和谐，具体操作如下。01调整扩图尺寸框02扩图效果任务实施Taskimplementation二、使用美图设计室调整台历图片色彩在拍摄时因设备、环境等原因，某款台历的商品图出现了亮度不足、略微偏色的问题，需要使用AIGC工具调色，使商品图整体较为明亮，色彩更加真实、更有吸引力，具体操作如下。01上传文件02设置调色参数03调色后的效果任务实施Taskimplementation三、使用绘蛙为计算器商品换色某款计算器有蓝色、粉色、紫色3种配色，但商家仅提供了一个蓝色样品用于拍摄，需要设计师使用AIGC工具换色，生成粉色和紫色计算器的商品图，具体操作如下。01选择换色区域三、使用绘蛙为计算器商品换色02选择颜色03换色效果04紫色计算器图片任务实施Taskimplementation四、使用豆包消除桌面杂物某张笔筒桌面场景图的左下角存在模糊的杂物，但设计师对该图片其他方面都比较满意，因此准备使用AIGC工具消除杂物再应用该图片，具体操作如下。01上传文件02涂抹要消除的对象03消除效果任务实施Taskimplementation五、使用豆包抠取装订机图片某款装订机商品图需要抠取后使用。设计师现准备借助AIGC工具快速抠图，具体操作如下。01AI智能识别主体对象02抠图效果任务实施Taskimplementation六、使用佐糖精修剪刀图片某张剪刀商品图存在一些金属划痕，设计师需要使用AIGC工具去除划痕，同时增强剪刀的质感、去除其背景，具体操作如下。01上传文件02设置精修参数03精修效果目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训任务描述Taskdescription商品主图是吸引消费者点击的关键，因此小赵需要根据商品特点和目标受众，设计既美观又吸引人的商品主图。他填写了表所示的任务单，计划利用AIGC工具生成多种主图设计方案，并结合自己的设计经验进行筛选和优化。一、商品主图制作规范目前主流的电商平台都有明确的商品主图制作规范，不符合规范的商品主图往往会在搜索时被降权，因此在设计商品主图之前，必须了解商品主图的制作规范。数量规范。格式规范。尺寸规范。内容规范。二、商品主图的常见类型

单色背景主图单色背景主图是天猫、京东等平台中十分常见的一种主图，使用单色背景可以更清晰地展示商品外观、细节、颜色等，重点突出商品本身，让消费者快速、直接地获取商品信息，如图1所示。

场景化主图场景化主图是指将商品展示在真实的使用环境中，或根据商品的特点，为其搭建生活化的场景，如图2所示。

卖点式主图商品卖点包括商品的主要功能、作用、特点以及营销优惠等消费者十分关注的信息，很多商家会在主图中添加针对商品卖点的文案，以吸引消费者点击，如图3所示。

组合式主图组合式主图是指将一个商品的多个细节或多个样式，甚至商品外包装、赠品组合在一张主图中展示，从而多方面地展示商品信息，如图4所示。01单色背景主图02场景化主图03卖点式主图04组合式主图三、商品主图数据优化图1图202AIGC工具辅助数据优化。借助平台官方工具获取数据后，在生意参谋的“商品”选项卡右侧的“操作”栏中单击“详情”超链接，在打开的页面中单击“详情分析”选项卡，在“商品详情”栏中可以看到消费者点击主图进行互动的人数、平均停留时长的趋势图等，在下方“主图分析”栏中可以看到每张主图的各项具体数据，如图2所示。01使用平台官方工具进行数据优化。以淘宝为例，打开淘宝生意参谋店铺后台，选择“商品”选项，在打开的页面中可以看到商品主图及商品名称列表。在准备优化的目标商品右侧的“操作”栏中单击“运营策略”超链接，在展开的面板中单击“优化详情主图”按钮，如图3所示。任务实施Taskimplementation一、使用创客贴生成笔记本主图某款笔记本以硬皮面、绑带、多种配色、书写舒适为卖点，现需要设计师使用AIGC工具快速生成主图，并选择合适的样式进行完善，最终制作出充分体现商品卖点的笔记本主图，具体操作如下。设置参数选择模板最终效果任务实施Taskimplementation二、使用Photoshop制作文具套装主图某款文具套装参加了开学季活动，现需要重新制作主图，体现活动优惠信息、活动日期、活动赠品，以吸引消费者领取优惠券购买商品，具体操作如下。删除背景效果输入文字最终效果任务实施Taskimplementation三、使用文心一言优化彩铅主图视觉营销效果某款彩铅商品最近点击率欠佳，考虑到可能是因为商品主图缺乏吸引力，现需要使用AIGC工具优化该主图的视觉营销效果，具体操作如下。参考图三、使用文心一言优化彩铅主图视觉营销效果参考示例目录/CONTENTS拍摄商品处理商品图任务一任务二设计商品主图任务三实训AI助训Assistanttraining实训1使用即梦AI处理坚果图片AI助训实训要求：“山水原”店铺上架了一款开心果，准备为其制作800像素×800像素的主图，但由于拍摄的开心果图片存在污点，因此需要先进行修复处理，再抠取出开心果图像，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01进入即梦AI首页，在左侧选择“画布”选项，在打开的页面中选择“新建项目”选项，单击本地上传按钮上传“开心果.jpg”文件。步骤02选中上传后的图片，图片上方将浮现工具栏，在其中选择“消除笔”工具，涂抹图片中的污点将其消除。步骤03选择“抠图”工具，即梦AI将智能抠取出主体。下载该图片。Assistanttraining实训2使用Photoshop设计坚果主图AI助训实训要求：使用即梦AI处理坚果图片后，还需要利用Photoshop解决开心果素材略微偏色、亮度不足的问题，再结合提供的背景素材制作主图，在其中展示开心果的卖点、价格、优惠活动等，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01在Photoshop中打开抠取的开心果图像，使用“亮度/对比度”命令提高图片亮度，再使用“色彩平衡”命令校正偏黄的色彩。步骤02新建“坚果主图”文件，在其中添加“坚果主图背景.psd”文件）和调色后的开心果图像。步骤03运用“矩形工具”在图像编辑区左下角绘制一个红色渐变圆角矩形。步骤04运用“矩形工具”在图像编辑区中央靠上位置绘制一个白色圆角矩形和一个绿色虚线描边圆角矩形，作为文字底纹。步骤05使用“横排文字工具”输入文字，展示商品基本信息和优惠活动，然后为文字设置合适的格式，保存文件。感谢观看！AI+电商视觉营销设计(智能伴学版)AI与店铺首页视觉营销设计AI+电商视觉营销设计(智能伴学版)项目四规划店铺首页设计店招与导航任务一任务二设计全屏轮播图任务三实训AI助训目录/CONTENTS设计店铺首页其他区域任务四设计移动端店铺首页任务五任务描述Taskdescription老李让小赵先做出店铺首页规划方案，明确店铺首页的结构、布局与视觉动线。小赵填写了任务单（见表），决定先用智能体生成规划方案，再与老李讨论以确定最终方向。一、店铺首页的主要结构店招与导航。店招是店铺的招牌，一般位于店铺首页的顶端。在进行店招设计时，不仅要凸显店铺的特色，还要清晰地传达品牌的视觉定位。导航处于店招的下方，主要展示店铺的商品类别，起到对店铺内商品分类展现的作用，在进行导航设计时，需要将店铺中的商品类目显示出来，方便消费者快速选择需要浏览的类目。01轮播图。轮播图一般位于导航的下方，或首页的第一屏。轮播图通常用于展现店铺当前活动的主题、主推商品或具体优惠等。轮播图需要结合色彩、版式、字体、形状等因素来给消费者留下良好的印象，不仅要有较强的视觉影响力，还要突出卖点。02优惠活动区域。优惠活动区域主要用于展示店铺当前的优惠活动，如优惠券、满减打折等，一般为多个活动并列存在，其设计应显眼、有吸引力。03商品区。商品区占据了店铺首页的大部分版面。其中的内容可根据店铺的需求进行设计，其设计风格应该与店铺整体风格一致。04平衡式布局是指合理安排和分配页面内容和空白空间，使得整个页面在视觉上呈现出均衡、稳定的感觉。从视觉感受上来说，平衡式页面布局十分符合人们的视觉习惯，可以给人平稳、舒适的视觉体验，图1所示为采用平衡式布局的首页，该首页给人一种流畅感。规律式布局是指按照一定的规律对页面上的各种元素进行排列组合，使其呈现出规律性变化，从而使整体页面统一、连贯。在规律式布局中，设计师在进行商品排布时需要注意节奏感，使排布方式有一定的疏密、大小或曲直的区分，图2所示为采用对称方式的规律式布局，整个布局排列清晰，给人一种统一感。流程式布局是指以流程图的方式按一定顺序展示页面信息和商品，可以有序引导消费者的视线，让枯燥的信息展示变得个性十足，使消费者浏览起来更简单明了，充满趣味性。图3所示的页面就是将主要商品沿一个完整的流程进行布局的。二、店铺首页的布局方式平衡式布局规律式布局流程式布局图1图2轮廓式布局是指将页面设计成一个完整的轮廓，如使用红包、动物、植物等形状作为轮廓，然后将视觉内容巧妙地填充进去。这种布局方式能够让消费者迅速注意到轮廓内的主要信息，同时让页面更有设计感。需要注意的是，轮廓形状应尽量简化，不要添加太多烦琐的、次要的元素，要突出重点信息，以免影响消费者识别信息。切割式布局是指按照一定的方式将页面切割为不同的几何形状，如切割为三角形、矩形、圆形、菱形或其他不规则形状，让页面整体更具有几何设计感与节奏感，从而使页面更加生动。留白式布局是指为了使整个页面更加简洁、大气、协调，而有意留下一定空白的布局方式。留白区域不局限于白色背景，一般来说，某一区域无额外元素、无装饰、处于空白的状态等，皆可称作留白。这种布局方式可以将页面的视觉中心集中在某一点上，以更好地突出商品和文字信息，给消费者带来良好的视觉体验，方便消费者获取和筛选页面信息。二、店铺首页的布局方式轮廓式布局切割式布局留白式布局图3三、使用AIGC工具辅助规划与优化店铺首页1．使用AIGC工具规划店铺首页品牌分析与风格定位AIGC工具能批量学习行业领导品牌、新锐品牌的首页设计，自动解构其色彩体系、版式结构、字体运用、影像风格，再结合输入的自身品牌核心关键词，帮助商家找到自身品牌的定位。板块结构与导航动线规划AIGC工具能基于消费者在全店的浏览、搜索、点击数据，分析出不同客群进入首页后的核心任务与预期路径，模拟出消费者动线偏好。然后结合消费者动线偏好与店铺运营目标，AIGC工具可生成首页的板块内容建议及其最优排列