AIGC 视觉营销设计课件

AIGC视觉营销设计（微课版）项目八AIGC+移动端店铺视觉营销设计案例导入美团小象超市借AIGC打造年货节视觉盛宴目录/CONTENT01认知移动端店铺02设计移动端店铺首页03设计移动端商品图文描述AIGC视觉营销设计（微课版）AI融合创新系列任务一认知移动端店铺移动端购物已成为当前电商消费的主流形式，其便捷性与普及性深刻改变了消费者的购物习惯。认知移动端店铺的核心特征，需从消费者行为与页面设计两个维度展开，理解两者的适配逻辑是优化移动端运营的基础。一移动端消费者的特点多数消费者会在通勤、午休等碎片化时间打开购物App，其单次停留时间较短。因此，信息传递必须高效、直接，消费者倾向于通过滑动屏幕快速获取核心内容，而非逐字阅读详细说明，对冗余信息的容忍度较低。01．浏览场景碎片化移动端消费者更容易受场景氛围与视觉刺激的影响。同时，他们对操作便捷性要求极高，若页面加载缓慢、按钮位置隐蔽或跳转流程复杂，消费者很可能会放弃当前操作。02．决策路径简短在购买前，消费者常常参考商品评价、晒图及好友推荐，甚至会直接将感兴趣的商品分享至社交平台。这种基于社交关系的信息传播，使得移动端购物更容易形成裂变式扩散效应。03．社交属性与口碑依赖强不同年龄、性别、消费习惯的消费者，在页面偏好、商品关注点等方面存在明显差异。04．个性化需求突出二移动端页面的特点

1.屏幕尺寸限制明显移动端以竖屏设备为主流，横向空间较为狭窄，信息展示以纵向滚动为核心逻辑，单屏所承载的内容量有限。图片类型宽度要求高度要求格式要求大小限制店铺首页图片1200像素120像素~2000像素JPG、PNG单张图片≤2MB商品图文描述图片480像素～1600像素（建议750像素）单张建议≤960像素JPG、GIF、PNG单张图片≤1MB淘宝网移动端店铺图片尺寸要求安踏官方旗舰店PC端和移动端店铺首页海报图对比二移动端页面的特点

2.轻量化设计由于移动端消费者对页面加载速度较为敏感，页面必须通过压缩图片体积、简化动画效果、减少冗余代码等手段实现快速加载，避免等待时间过长导致消费者流失。淘宝网移动端店铺首页淘宝网移动端商品图文描述

3.注重转化引导移动端店铺为了促进消费者购买转化，通常会在页面底部设置固定悬浮的“加入购物车”“立即购买”等按钮，使消费者无须烦琐操作即可快速触发购买流程。此外，平台为了降低卖家运营成本，为移动端店铺划分了标准化框架。任务实施分析美的官方旗舰店移动端首页在手机上打开淘宝App，进入美的官方旗舰店首页，检查首屏是否突出展示核心商品、重要活动或品牌特色。1.整体布局观察核查首页及商品图文描述图片的宽度、高度、格式与大小是否合规。2.图片规范检查查看页面底部是否有固定悬浮的按钮，评估其醒目度与操作便捷性。3.转化引导分析实施步骤从移动端消费者特点出发，从页面信息简洁高效、优惠活动突出、评价与分享功能完善，以及兼顾不同群体需求等维度，对美的官方旗舰店移动端首页进行评估。4.总结与优化建议美的官方旗舰店移动端首页AIGC视觉营销设计（微课版）AI融合创新系列任务二设计移动端店铺首页移动端店铺首页是品牌形象的直观展现与流量转化的核心入口，其设计需在有限的屏幕空间内平衡视觉吸引力与功能实用性，同时贴合消费者碎片化浏览习惯。优质的首页设计能快速传递品牌价值、引导消费者探索商品，并最终促进购买决策。一移动端店铺首页的设计要点移动端消费者多通过碎片时间浏览，舒适的视觉与操作体验是留住消费者的基础。图片需保证高清且适配手机屏幕尺寸；文字需简洁、直白；配色以品牌主色调为基础，搭配2～3种辅助色。01．强化感官舒适性移动设备屏幕的纵向特性决定了消费者浏览路径为“自上而下”，页面长度需适配消费者滑动耐心。通过留白或分割线区分板块，避免信息拥挤，让消费者在短时间内高效获取关键内容。02．合理控制页面长度合理控制页面长度一移动端店铺首页的设计要点页面内容与设计风格需贴合目标人群特征。例如，针对年轻群体的潮牌店铺，可采用个性排版与动态元素；而面向中老年消费者的店铺，则需要简化布局，突出实用信息。03．优化内容逻辑与适配性移动端与PC端需保持视觉关联性，以强化品牌认知。品牌Logo、主色调、字体风格需完全一致。活动规则、商品信息、价格等核心内容需双端同步，避免消费者跨设备浏览时产生认知混乱，确保无论通过手机还是计算机访问，都能感受到统一的品牌调性与信息传达。04．与PC端的视觉统一图标和短文字组合商品分类二使用AIGC工具辅助设计与制作移动端店铺首页AI赋能使用即梦AI生成美妆商品促销海报二使用AIGC工具辅助设计与制作移动端店铺首页打开即梦AI网站首页，在文本框中输入提示词。1.使用即梦AI生成促销海报打开Photoshop，添加蒙版，使用渐变工具绘制由黑色到白色的渐变色，柔化海报边缘，让其与背景自然衔接。2.制作全屏海报使用横排文字工具输入“活动攻略”标题，并为其添加“投影”图层样式。3.制作活动攻略区实施步骤使用横排文字工具添加标题、价格等文字信息。4.制作商品陈列区任务实施使用即梦AI辅助制作开学季移动端店铺首页开学季移动端店铺首页AIGC视觉营销设计（微课版）AI融合创新系列任务三设计移动端商品图文描述商品图文描述作为连接消费者与商品的核心信息载体，其呈现效果直接影响消费者对商品的认知程度与购买意愿。在移动端场景中，这一载体的作用尤为关键，需要结合移动端的特性进行针对性设计。一移动端商品图文描述的设计要点消费者在移动端的注意力集中时间较短，文字信息需精准且简洁，建议以短语的形式呈现文字内容，避免使用长句以及复杂的修辞手法。同时，需对信息进行系统性精简，去除冗余的部分，使消费者能够在短时间内获取到核心要点。01．信息简洁精准信息简洁精准一移动端商品图文描述的设计要点在设计过程中，需兼顾视觉舒适度与信息传递效率。以商品主体色或主要元素的色彩为核心，搭配一到两种辅助色，构建协调统一的视觉体系。此外，需避免大面积叠加高饱和度色彩，以防引起消费者视觉疲劳。02．色彩科学搭配食品类商品图文描述数码类商品图文描述一移动端商品图文描述的设计要点在竖屏浏览模式下，每屏内容需聚焦单一信息主题。若单屏无法完整承载某一主题内容，画面高度应至少达到屏幕高度的3/4，以保证主题信息的完整性。03．遵循一屏一主题使用留白进行板块分割移动设备屏幕尺寸有限，需强化商品的视觉主导地位。核心品类商品在画面中的面积占比通常不低于60%，背景优先采用纯色、渐变色或虚化场景，减少冗余元素的干扰，使商品形态完整呈现。04．突出商品主体一移动端商品图文描述的设计要点细节呈现是建立商品信任的关键，移动端需通过局部放大、高清特写等方式展示商品品质。同时，需结合场景化细节增强消费者代入感。05．强化细节与场景展示服饰类商品细节图 数码类商品细节图 二使用AIGC工具辅助设计与制作移动端商品图文描述AI赋能使用可灵AI生成商品场景图二使用AIGC工具辅助设计与制作移动端商品图文描述任务实施分析移动端保温杯图文描述的设计要点整体上，图文描述将保温杯的关键信息进行了提炼，并以简洁明了的方式呈现给消费者。1.分析信息内容在色彩运用上，背景采用了淡蓝色、白色等柔和色调，给人一种清新、干净的感觉。2.分析色彩搭配整个图文描述的排版设计遵循一屏一主题的原则。每个主题之间过渡自然，重点突出。3.分析一屏一主题实施步骤在每一张图片中，保温杯都被完整、清晰地展示出来。4.分析商品主体图文描述注重细节展示，体现了商品的高品质和贴心设计。5.分析细节与场景展示移动端保温杯图文描述综合实训使用AIGC工具辅助制作便当盒图文描述打开“素材文件\项目八\便当盒图文描述”文件夹，借助美图设计室、百度AI图片助手和Photoshop完成便当盒图文描述的制作。要求精准展示便当盒特点与优势，文字排版合理、卖点突出易懂，能吸引消费者；整体风格契合品牌定位，符合电商行业规范及平台要求。实训目标（1）使用美图设计室精修

图片（2）使用百度AI图片助手