AI+电商视觉营销设计课件 项目八 AI与广告视觉营销设计

AI与广告视觉营销设计项目八电商平台推广图视觉营销设计新媒体平台宣传海报设计任务一任务二新媒体平台图文排版设计任务三实训AI助训目录/CONTENTS广告视觉营销效果优化任务四任务描述Taskdescription淘宝平台的推广工具较多，需要设计的推广图因工具的不同而有所不同，为了制作出符合“笔格”品牌需求的推广图，小赵填写表所示的任务单后，需要借助电商平台后台了解推广图的类型和设计要点，再使用AIGC工具快速完成设计任务。一、关键词推广图的设计要点关键词推广图支持1∶1和2∶3的比例。1.比例规范。关键词推广图支持PNG、JPG、JPEG格式，大小需小于3M。2.格式和大小规范。主题要紧扣消费者诉求，简洁精确。为了便于消费者阅读，主题的字数应尽量控制在8个字以内。3.主题简洁精确。关键词推广图的构图方式很多，包括中心构图、三角构图、斜角构图、黄金比例构图等。4.构图合理。关键词推广图二、人群推广图的设计要点02主体突出主体突出才能够吸引更多消费者点击，人群推广图中必须展示商品效果，不得出现无实物主体、纯文字素材描述。04内容精简易识别尽量使用简短、精练的文字来描述商品推广内容，避免使用冗长和复杂的句子。01比例规范人群推广图支持1∶1和3∶4的比例。03营销目标明确人群推广图投放的营销目标很多，如上新、引流、预热大型活动，以及品牌形象宣传等。任务实施Taskimplementation一、使用创客贴设计修正带关键词推广图本任务需要以修正带作为主体，使用创客贴的智能设计功能快速生成关键词推广图。由于该功能支持输入的文案字数有限，先输入部分文案生成模板，然后通过编辑操作添加其余文案，具体操作如下。步骤01进入创客贴首页，选择“创建设计”选项，在“智能设计”选项卡中选择“商品主图”选项，跳转至智能设计页面。一、使用创客贴设计修正带关键词推广图步骤02在“商品图片”栏中单击按钮，在弹出的列表中选择“本地上传”选项，打开“打开”对话框，选择“修正带.png”文件，单击“打开”按钮。在“促销文案”栏中输入“笔格防摔静音修正带”文字，在“价格”栏中输入“6元两件享8折”文字，单击智能生成设计按钮生成设计。步骤03从生成的设计中挑选满意的一张，单击进入编辑页面。本任务选择图1所示的设计。选择并删除模板左上角和下方的多余文字。步骤04在页面左侧单击“我的”选项，在“上传”选项卡中单击上传按钮，打开“打开”对话框，选择“品牌Logo图形.png”文件，单击“打开”按钮。上传完毕后，单击该图像，将其添加到页面中，调整大小和位置。步骤05调整主标题位置到Logo右侧，复制该文字并移回原位置，修改内容为营销文案，调整字号。调整其余文字内容、价格文字字号，删除多余文字。步骤06单击下载按钮，以PNG格式下载图像完成制作，效果如图2所示。一、使用创客贴设计修正带关键词推广图图1图2任务实施Taskimplementation二、使用美图设计室设计剪刀人群推广图本任务需要以剪刀作为营销主体，使用美图设计室的预设模板快速制作3∶4的人群推广图，具体操作如下。01选择的模板03人群推广图效果02调整商品图像电商平台推广图视觉营销设计新媒体平台宣传海报设计任务一任务二新媒体平台图文排版设计任务三实训AI助训目录/CONTENTS广告视觉营销效果优化任务四任务描述Taskdescription小赵为了保证宣传海报适合在新媒体平台使用，决定填写表所示的任务单，熟悉海报的类型和构图方式，再进行宣传海报的制作。一、海报的常见类型商品海报以全方位展示商品为核心，通常突出1～3个核心卖点，主视觉元素是商品本身。1.商品海报。品牌宣传海报以传播品牌理念为核心，旨在提升消费者对品牌的好感度和认同感，主视觉元素通常为品牌标志、品牌价值观象征元素等。2.品牌宣传海报。商业活动海报以宣传特定的商业活动为核心，旨在向消费者传递活动信息并激发其参与兴趣，主视觉元素通常与活动内容、主题相关。3，商业活动海报。商品海报品牌宣传海报商业活动海报二、常见的海报构图方式01平衡式。02自由式。03分割式。04向心式。05曲线式。06对角式。向心式构图的海报任务实施Taskimplementation一、使用创客贴设计开学季促销海报本任务使用创客贴制作以开学季促销为主题的海报，重点展示促销信息，采用横版样式、分割式构图，具体操作如下。步骤01进入创客贴首页，选择“创建设计”选项，在“智能设计”选项卡中选择“横版海报”选项，跳转至智能设计页面。步骤02依次单击“Logo”栏和“二维码”栏中的按钮，在弹出的列表中选择“本地上传”选项，打开“打开”对话框，选择“白色文字的品牌Logo.png”“二维码.png”文件，单击“打开”按钮。一、使用创客贴设计开学季促销海报步骤02在“主标题”栏中输入“开学季焕新文具”文字，在“副标题”栏中输入“这样买更划算”文字，单击智能生成设计按钮生成设计。从生成的设计中挑选样式，本例选择图1所示的样式。步骤04删除3个三角形和拼音文字。调整Logo大小和位置，移动二维码。选择“新征程”文字和其下的气泡框，单击“创建副本”按钮，调整复制文字内容为“新装备”，调整其和复制气泡框的位置。步骤05依次选择主标题，将字体修改为“阿里巴巴惠普体－特粗”。选择其他文字，将字体皆改为“思源黑体－粗体”。将左下角的文字内容修改为“实付满100元减10元任意两件单品享8折直播间还有更多福利商品”，调整颜色为“#ffffff”，排列方式为居中对齐，调整位置到副标题下方。复制副标题下方的文字，修改内容为“扫码进入网店”，调整字号并将其放在二维码下方。一、使用创客贴设计开学季促销海报步骤06单击设计按钮，以PNG格式下载图像，效果如图2所示。图1图2任务实施Taskimplementation二、使用即梦AI＋Photoshop合成元宵节开屏海报本任务需要以元宵节为主题制作开屏海报，宣传“笔格”文具品牌。使用即梦AI生成相关图片作为背景图，再使用Photoshop添加品牌信息、宣传信息等，制作完整的海报，具体操作如下。步骤01进入即梦AI“生成”页面，设置创作类型为“图片生成”、模型为“图片4.5”、比例为“9∶16”，在文本框中输入提示词“创意元宵节视觉海报，红色背景，一个巨大的白瓷碗中装有彩色元宵，周围有橡皮擦、铅笔、尺子、回形针等文具。背景是古典中式灯笼和树枝，整体色彩明亮清新，画面充满动感和惊喜感，3D卡通渲染风格，适合年轻消费者”。一、使用创客贴设计开学季促销海报步骤02单击

按钮生成图片，预览生成的4张图片，如图1所示。第2张图片的动感更强烈、主体更突出，但是图片内容较满，不利于添加文案，需要进行编辑。步骤03单击第2张图片，将其放大显示，并单击“扩图”按钮打开面板，设置扩图比例为“1.5x”，单击

按钮生成4张新图，挑选一张方便在顶部和底部添加文案的图片下载，效果如图2所示。步骤04启动Photoshop，新建名称为“元宵节开屏海报”、尺寸为“1125像素×2436像素”、分辨率为“72像素/英寸”的文件。步骤05依次置入生成的图片和“白色文字的品牌Logo.png”“二维码.png”“主题文字.png”文件，调整大小和位置，如图2所示。步骤06新建图层，设置前景色为“#af1f1e”。选择“画笔工具”，设置画笔样式为“柔边圆”、画笔大小为“146像素”，涂抹右下角遮盖水印。一、使用创客贴设计开学季促销海报步骤07选择“横排文字工具”，设置字体为“思源黑体CN”、颜色为“#ffffff”，输入“元宵甜甜新意满满开学文具焕新正当时”“【阖家团圆】”“上淘宝搜索笔格文具”文字，调整字体、字距和方向，其中长文字呈两排，并居中排列。步骤08选择“矩形工具”，设置填充为“#ffffff”，绘制一个矩形放置在长文字中间。设置圆角半径为“41像素”，绘制一个圆角矩形作为稍长文字装饰，并设置图层不透明度为“33%”，效果如图3所示。保存文件。图1图3图2电商平台推广图视觉营销设计新媒体平台宣传海报设计任务一任务二新媒体平台图文排版设计任务三实训AI助训目录/CONTENTS广告视觉营销效果优化任务四任务描述Taskdescription老李认为小赵制作的新媒体平台宣传海报都比较美观，具有较强的视觉吸引力，于是让他趁热打铁填写表所示的任务单，继续执行“笔格”品牌委托的图文排版设计任务。一、图文排版的设计原则对比清晰整体统一布局平衡层级分明文字规范通过字号、字体、粗细、大小、颜色等因素的差异形成对比，能有效区分信息层级，让受众快速捕捉到关键内容。版面中的各个元素应在风格、色调与形式上保持协调，构成视觉上的整体感，从而提升美观度与阅读舒适度。在排版图文时，要注意视觉上的均衡，避免出现失衡的布局。依据图文信息的重要性和逻辑关系，通过设计手法建立清晰的视觉层级，帮助读者快速理解内容结构。优先选用识别性高的字体，同一版标题字号建议为正文字号的1.5～2倍，正文宜使用黑色或深灰色，行距可为字号的1.5倍左右，字距可根据版面与字数灵活调整。版面字体不宜超过3种。二、常用的图文排版方式卡片流式。01杂志封面式。02轴心式。03拼贴式。04任务实施Taskimplementation一、使用创客贴设计公众号推文封面本任务需要使用创客贴的智能设计功能，通过输入主标题和副标题快速生成多张公众号推文封面，再根据“笔格”品牌色彩系统、风格来挑选封面，具体操作如下。步骤01进入创客贴首页，选择“创建设计”选项，在“智能设计”选项卡中选择“新媒体”栏的“公众号首图”选项，进入生成页面。步骤02在“主标题”栏中输入“开学季焕新直播有福利”文字，在“副标题”栏中输入“笔格邀你更新装备”文字，单击按钮，页面右侧将生成多张公众号推文封面。预览生成的多张公众号推文封面。一、使用创客贴设计公众号推文封面01生成的公众号推文封面02优化后的封面效果步骤03单击编辑按钮进入编辑页面。选中副标题文字，调整字号为“24”，字体为“思源黑体－黑体”，调整位置；选中主标题，将“，”改为“·”，字体改为“阿里巴巴惠普体－特粗”，调整位置。步骤04单击下载按钮，以PNG格式下载封面，效果如图所示。任务实施Taskimplementation二、使用135编辑器生成公众号推文本任务需要使用135编辑器，根据“笔格”品牌的活动信息，生成以“开学季焕新”活动为主要内容的文章，以便后续使用该文章排版，具体操作如下。步骤01进入135编辑器首页，选择“AI”选项卡，在弹出的快捷菜单中选择“AI生文”选项，进入其功能页面，保持文本框处于“AI生成排版”模式下”。步骤02在文本框中输入提示词“笔格文具品牌的目标消费者为年轻群体，当下，品牌准备在淘宝平台中开展‘开学季焕新’活动，同时使用数字人主播小兰开展直播，直播间将有多种福利。请据此生成一篇公众号推文，要求推文具有头图标题、头图副标题、引言和正文，正文主要介绍两个优惠活动和直播间福利”。二、使用135编辑器生成公众号推文步骤03单击提示词优化按钮，在新打开的面板中将显示优化后的提示词，单击使用提示词按钮，优化后的提示词将替换掉自行输入的提示词。将编造的两个优惠活动信息和直播间福利修改为真实的内容，修改后的提示词如下。步骤04单击消耗按钮，进入“确定文章要素”步骤，按照图所示参数进行设置，单击底部的我选好了按钮进入“文章撰写”步骤，系统将自动生成一篇文章，如下。二、使用135编辑器生成公众号推文步骤05将生成的文章复制下来并整理成DOCX文档，在文档中修改不合适的内容后，保存文档。任务实施Taskimplementation三、使用135编辑器生成图片与排版公众号推文本任务需要使用135编辑器的“AI排版”功能排版出具有图文元素的公众号推文，在这个过程中让AI根据推文内容自动生成配图，并通过模板一键排版，以此提升排版效率，具体操作如下。01确认大纲和启用“AI配图”功能02挑选模板三、使用135编辑器生成图片与排版公众号推文03确认删除的板块04设置参数05公众号推文效果任务实施Taskimplementation四、使用135编辑器生成笔记本任务需要使用135编辑器的“AI笔记”功能，将公众号推文快速转换成适合在小红书发布的笔记，具体操作如下。01确认大纲和启用“AI配图”功能02修改笔记四、使用135编辑器生成笔记03设置参数04挑选模板05自动配图效果06小红书笔记效果电商平台推广图视觉营销设计新媒体平台宣传海报设计任务一任务二新媒体平台图文排版设计任务三实训AI助训目录/CONTENTS广告视觉营销效果优化任务四任务描述Taskdescription一名出色的设计师应该能根据实际的营销效果对其作品进行优化和调整，于是老李让小赵分析自己制作的推广图数据，并对存在问题的地方进行优化，以进一步提升营销效果。小赵觉得了解新媒体作品数据的分析与优化方法可以提升自己的能力，决定趁此机会一起学习。于是小赵填写表所示的任务单后，开始执行广告视觉营销效果优化任务。一、查看电商推广图的数据1．借助万相台无界版查看数据进入万相台无界版首页，选择“推广”选项，在其下展开的面板中选择“营销场景”栏的“关键词推广”选项，进入其数据页面。该页面的数据汇总区域展示了今日时段的展现量、点击量、点击率、点击转化率、成交总金额等核心数据。若想查看昨日、过去7天、过去15天的数据，可单击数据汇总区域右上角的预设时段，也可以自定义时段。另外，若想查看其他数据，可单击“选择数据字段”按钮，在打开的面板中勾选所需数据对应的复选框。一、查看电商推广图的数据2．借助生意参谋查看数据进入生意参谋首页，在“增长因子”区域，可以日、周、月为时段查看总推广花费、点击量、总ROI（营销投资回报）等数据，以及广告投放详情、投放建议，如图所示。二、查看公众号推文的数据1．借助官方平台查看数据登录微信公众平台，进入微信公众平台首页，在左侧列表中选择“数据分析”/“内容分析”选项，打开内容分析页面。该页面默认展示全部推文的总览数据，并分为数据概况和流量分析两大板块进行展示。该板块支持查看昨日、最近7天和最近30天的阅读、点赞、分享、爱心、留言数据。1.数据概况。在该板块中，可通过筛选数据指标、传播渠道、数据时间等来查看数据趋势，如图所示。2.流量分析。二、查看公众号推文的数据若需查看单篇推文的详情数据，可在内容标题栏中单击要查看的推文的“详细”超链接，打开详情页面，查看送达转化率、分享转化率数据，如图所示。二、查看公众号推文的数据2．借助第三方平台查看数据次幂数据是以数据为驱动的内容产业服务平台，提供了公众号数据查看服务。若要查看公众号推文数据，可以进入次幂数据首页，选择顶部“爆款文章”“数据榜单”菜单，进入对应的新页面都可以查看数据。1.爆款文章。2.数据榜单。01默认显示近两个月的热门公众号推文的阅读、点赞、转发、热度等数据，并支持导出。02展示热门公众号的注册时间、总阅读、头条、总发文、原创、平均点赞、平均在看等数据，并支持导出。三、查看小红书笔记的数据1．借助官方平台查看数据小红书网页版仅能查看每个笔记的点赞数，在App中可查看的数据较多。打开小红书App，进入“我”界面，点击顶部的

按钮展开面板，选择“创作者中心”选项，点击“近7日数据”板块右侧的

按钮打开“数据中心”界面。该界面以账号概览、作品分析、粉丝数据、收入数据为划分显示内容，如图所示。数据中心作品分析中的数据三、查看小红书笔记的数据2．借助第三方平台查看数据可以借助千瓜数据查看小红书笔记的数据，具体操作为：进入千瓜数据官网首页，展开页面左侧的“笔记”选项，选择“笔记搜索”选项，可以在页面中查看单篇笔记的数据并获得具体的分析结果。四、分析与优化数据1．借助文本类AIGC工具分析与优化数据借助文本类AIGC工具分析与优化数据时，可直接上传后台数据，通过提示词“请扮演一位资深的数据分析专家，评估上传数据的整体表现”获取分析结果。若存在优化需求，可以将作品发送给AIGC工具补全信息，输入并发送提示词“请基于上传的××文件，结合数据分析结果，分析数据表现背后的可能原因，从××角度给出优化建议”，以获取具有针对性的优化建议。例如，若要获取公众号推文的优化建议，可以上传公众号封面和推文，再输入并发送提示词“请基于上传的公众号封面和推文文件，结合数据分析结果，分析数据表现背后的可能原因，从公众号封面、推文标题、正文内容、图文排版效果等角度给出具体的优化建议”。四、分析与优化数据2．借助带有数据分析功能的AIGC工具分析与优化数据智谱清言通过分析用户上传的文件或数据说明，帮助用户分析数据并提供图表化功能，也可通过简单的代码完成文件处理工作。进入智谱清言首页，选择页面左侧“智能体”下方的“数据分析”选项，进入操作页面，在文本框中可以上传数

据文件，并通过提示词描述问题或需求。1.智谱清言。进入办公小浣熊首页，在文本框中选择“数据分析”选项，上传数据文件就可以快速得到图表和分析结果。选择页面左侧的“数据分析”选项，进入相应页面，文本框上方提供了数据解读、趋势预测、数据清理和数据可视化四大功能，可

以更细致地进行数据分析与优化。2.办公小浣熊。任务实施Taskimplementation一、借助万相台无界版查看推广图数据本任务需要查看关键词推广图过去7天的汇总数据，并将其截图，以便后续分析使用，具体操作如下。01选择数据字段一、借助万相台无界版查看推广图数据02推广图数据任务实施Taskimplementation二、创建“广告视觉营销专家”智能体本任务需要在扣子平台中创建“广告视觉营销专家”智能体，具体操作如下。01创建智能体02添加插件03显示面板二、创建“广告视觉营销专家”智能体04智能体创建效果任务实施Taskimplementation三、使用智能体分析数据本任务需要上传数据截图，使用创建的智能体分析数据，若数据正常则结束任务，若营销效果有提升空间则上传推广图，让智能体给出具体的优化建议，具体操作如下。步骤01进入扣子首页，选择“扣子编程”选项，再选择“项目管理”选项，此时页面中将显示创建好的“广告视觉营销专家”智能体，单击该智能体进入智能体编辑页面。步骤02单击“预览与调试”区域文本框中的“上传文件”按钮，上传“推广图数据.png”文件，输入提示词“请评估上传推广图数据的整体表现”，单击

按钮获取生成结果，如下。三、使用智能体分析数据三、使用智能体分析数据步骤03智能体回复“需要您提供具体的广告图，我将进行视觉要素的专项诊断，给出有针对性的优化方案”。上传“修正带关键词推广图.png”文件，同时输入提示词“产品是修正带，核心卖点是600米大容量、静音、防摔、顺滑出带，网店具有实付满100元减10元和单品两件享8折优惠的活动，主要想吸引学生和办公人士”。步骤04单击

按钮获取生成结果，如下。三、使用智能体分析数据步骤05根据优化建议，使用即梦AI生成图1所示的商品图，再在Photoshop中重新制作图2所示的修正带关键词推广图”。电商平台推广图视觉营销设计新媒体平台宣传海报设计任务一任务二新媒体平台图文排版设计任务三实训AI助训目录/CONTENTS广告视觉营销效果优化任务四Assistanttraining实训1DeepSeek＋创客贴设计人群推广图AI助训实训要求：“山水原”农产品店铺最近上架了一些秋季作物，计划为其中的迁西板栗制作人群推广图。设计团队为提高效率，准备直接使用创客贴的智能设计功能进行制作。要求推广图比例不限，板栗主体突出，文案契合人群推广图特点，色调符合秋日氛围，参考效果如图所示。AssistanttrainingAI助训实训思路：步骤01将人群推广图设计要点整理成TXT格式的文件，进入DeekSeep首页，上传文件，输入提示词，参考示例如下，单击

按钮获取文案建议。步骤02选择契合使用需求的文案，并选择板栗图。步骤03进入创客贴首页，选择“创建设计”选项，在“智能设计”选项卡中，选择“电商设计”栏中的“电商海报”选项，进入生成页面。步骤04输入主标题、副标题，在“价格”栏中输入行动号召，单击智能生成设计按钮生成设计，选择中意的设计进入编辑页面。AssistanttrainingAI助训步骤05单击“尺寸调整”按钮，修改尺寸为“1440像素×1920像素”。删除时间文字、“点击预订”文字和按钮，补全副标题内容，同时拉长装饰线。单击“素材”按钮，在展开区域中的“猜你喜欢”栏中将红包、礼物等素材添加在画面中。在搜索栏中输入“按钮”文字，筛选素材并添加到画面中，然后复制主标题文字，修改文字内容为“点击