8

运营活动新姿势-生成式AI在暑期活动的实践

 11 months ago
source link: https://www.ui.cn/detail/656264.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

运营活动新姿势-生成式AI在暑期活动的实践-经验/观点-UICN用户体验设计平台

运营活动新姿势-生成式AI在暑期活动的实践
35.3°

2023-09-21 原创文章 经验/观点 举报

7835 18 129 0

文章详细介绍生成式AI在「暑期活动」设计中的应用,充分发挥AI在活动设计中提效提质作用。

4452936.png

前言

近年来,随着人工智能技术的迅猛发展,文心一言、ChatGPT、Midjourney、Stable Diffusion等生成式AI工具已崭露头角。它们正在默默地改变着我们的生活和思维方式,同时也影响了运营活动类设计方法。通过输入指令、图片和相关信息,这些工具能快速生成满足活动需求的创意内容,显著提升工作效率和设计多样性,同时缩短了活动制作周期,为设计师提供更多的创新时间。

4452937.png

紧随生成式AI技术潮流,我们将大型活动与AI融合,暑期活动成为AI实践的关键项目之一。每个活动包括前期设定探索、中期活动视觉实现、后期物料拓展三个阶段,活动伊始我们对暑期活动的每个阶段进行布局,充分探索生成式AI的潜力,最终在玩法提案、品牌打造、IP生成设定、概念视觉设定、游戏场景以及资源位等方面,找到了引入AI生成的机会,以提升整个项目的开展效率。接下来,文章将详细阐述我们是如何构建暑期活动以及生成式AI如何在其中发挥作用的。

4452938.png

阶段一:前期探索

暑期活动旨在满足学生的旅行和娱乐需求,同时通过游戏化运营活动来拉新、促活和提升DAU峰值,为了实现这一目标,我们着重在趣味玩法、核心角色和世界观构建等方面进行探索。活动初期阶段,在玩法提案、核心IP设定、概念海报设计以及品牌塑造等环节使用生成式AI,以寻找灵感和氛围参考,辅助提案和推动活动的实施,增强活动的传播效果和一致性。

4452939.png

玩法提案

在IP和游戏环境设定之前,首先使用生成式AI辅助PM进行玩法提案,从而为活动IP增添故事元素。这个阶段的重点是活动氛围体现,所以我们使用关键词如“夏日”、“趣味”、“跑酷”、“游乐园”等,生成带有趣味游戏元素的页面演示。经过业务侧提案和多方讨论,最终选定了跑酷为主线玩法,走路赚钱为支线玩法。

4452940.png

核心IP设定

在IP设定过程中,首先通过脑暴提出数十种动物的联想词汇,而后通过小组讨论选定熊猫、蜜袋鼯、柯基狗和柯尔鸭等四种萌宠作为备选。为了做出最佳选择,我们使用AI生成图像的方法将这些动物形象快速可视化,最终柯基狗被选定为本次活动的主IP。生成式AI在此过程中加速了IP种类确认的进程,通过图像选项的生成,帮助决策者更容易做出选择。

4452941.png

确定IP种类后,借助AI进行草图生成,通过柯基、呆萌、大耳朵、小短腿等关键词,迅速勾勒出卡通角色的草图,归拢IP形象特点,为接下来的3D制作做充分准备。

4452942.png

以草图为基础,我们继续对形象进行优化和特征捕捉,通过3D设计师对结构的精准掌控,最终一只栩栩如生且充满灵性的活动IP塑造出来。

4452943.gif

形象确认后,给予它慢走、快跑、迎接等丰富的反馈动作。这只鲜活的柯基形象成为夏日旅行故事的主角,一段令人期待的精彩暑期奇遇即将开始。

4452944.gif

概念海报设定

通过脑暴,跑酷场景设定在旅行城市中,而后缩减区域范围,最终将游戏背景定位在国内城市。接下来,运用百度的AI文本生成工具“文心一言”,精挑细选出具备浓厚地域特色的国内热门城市,最终锁定北京、新疆、重庆、云南和海南五座城市作为游戏的背景世界,以此呈现柯基狗将要经历的多元探险环境。

4452945.png

明确城市内容后,我们系统整理了各城市独特特点关键词。随后运用AI生成工具,通过关键词的引导,创作出城市概念海报,提前感受主角IP在各城市环境中的氛围。以北京城市为例,运用诸如“古都”、“白玉柱”、“琉璃瓦”等关键词,生成了一个仰视构图的背景效果,而后进行视觉拼接和光感处理,将活动IP和城市文字融入其中,最终创造出一张完整的城市特色概念海报。

4452946.png

以同样的方法,运用AI+设计结合的视觉设计模式创作其他城市海报,最终一套多样且统一的系列海报完成,为活动营造了丰富的视觉体验。

4452947.png

品牌塑造

暑期活动是由多个活动组成的综合体,为了确保整体性和系统性,我们在项目初期便探索品牌设计的构建,并在设计过程中贯穿生成式AI工具的应用结合。首先,使用文心一言输入“旅行”关键词生成多个语句,从中筛选出“繁花似锦,星光闪耀,旅行的美好体验”作为活动的Slogan,然后通过口号延伸出记忆图形“星星”和“繁花”。为了增加图形与旅行的相关性,几个记忆图形使用定位图形旋转形成,再将记忆图形与“玩一夏”字体相结合,暑期活动的标志便浮出水面。

4452948.png

接着,将“星星”记忆图形与百度独特的辅助图形融合,形成暑期活动的辅助图形,进一步丰富了品牌视觉元素。总体看,通过生成式AI的辅助,有效加速了构建一个富有创意和内涵的品牌图形设计的实现,为活动的整体效果增色不少。

4452949.png

小结

在前期的探索过程中,生成式AI为我们提供了极大的帮助。AI生文工具帮助我们克服了知识方面的障碍,为我们提供了所需的文字概念,从而帮助我们确定活动城市的内容和品牌视觉图形。此外,通过AI生图工具,我们能够获取氛围感和形态的基础,为实际的IP与城市设定打下了基础。这种方法让我们能够迅速建立起一个完整的世界观:确定角色是谁,它在哪里,正在从事什么活动。整个过程犹如开启了一条快速通道,使活动的前期探索变得高效。

阶段二:活动视觉实现

前期探索阶段结束,进入活动视觉实现阶段。暑期活动的主玩法是:玩家操控IP在城市中收集红包,得到目标数量红包后解锁新城市,最终解锁五个城市获得“超大金额红包”。

4452950.gif

这个阶段我们将生成式AI与玩法内容进行结合,继续探索如何借助AI进行设计提效,应用于页面入口图标设计、城市特色游戏元素构建、奖品视觉设计和资源位入口设计中。此过程中,AI发挥了辅助创作的作用,将生成的视觉与活动的主要元素相结合,达到快速完成整体视效呈现的效果。

4452951.png

前期探索阶段的AI生成图像主要注重氛围表现,因此生成的图像可以有一定的随机性。而在活动视觉实现阶段,则需要严格控制生成图像的质量,从而快速达到为活动视觉提质的目的。根据生成质量、设计可控度和后期修图工作量等维度区分,我们将活动中可用到AI生成的视觉分为两种类型。

单一元素类型:这种类型的视觉主要通过单个生成图像即可实现,如图标、标志、特定奖品等。由于可控度较高,比较容易实现预期效果,这类生成图像通常可以达到较高的质量水平。

完整创作画面类型:这种类型的视觉主要通过多个生成图像与活动元素的搭配创作完成,过程中需要考虑多个元素的组合、布局以及整体视觉效果。由于可控度较低,生成过程需要更多的控制调整,包括对画面元素的布局构思、选图和修图等要求,这类视觉的设计难度相对较大。

基于以上分类,我们将针对不同的视觉类型采取不同的生成与设计方法实践,以达到快速实现的目的。

4452952.png

单一元素类型视觉

此类型视觉在AI生成过程中,选图工作更加重要,目的是可以在保持原始外观的基础下进行设计,这样可以很好地降低后期修图成本。在暑期活动中,我们在ICON入口设计和游戏城市特色元素等单一元素类型视觉进行了AI生成的应用。

4452953.png

页面入口ICON设计

首先使用“游戏手柄”等关键词生成多个的图标图像,然后对这些图像从风格、角度、材质、造型丰满度、错误缺陷以及细节量等六个方面进行判定筛选,选中的图标在保持整体外形的基础上进行细微调整,比如说删除多余的细节元素,以适应在页面中的展示;同时,为了与活动页面中大面积的红色形成差异增加点击,通过调整色相的方法将红色修改成蓝色。通过这些调整,在保持图标整体轮廓的基础上,一个符合活动页面的ICON设计完成。

4452955.png

城市特色元素设计

为了增加活动的多样性,我们在每个城市路线的两侧加入了许多具有城市特色的3D元素,而过多的3D视觉会导致活动包体增加,导致活动加载速度降低。为了解决这一问题,我们将主要建筑之外的元素以二维图像的形式呈现,这些二维图像我们尝试使用生成AI进行。例如北京胡同中的大红灯笼、小吃街上的包子和铜火锅,以及城楼前的大鼓等元素,生成后的视觉元素经过简单的颜色和细节调整即可放入整体城市环境中。通过AI生成的二维图像,不仅减小了整个活动的包体大小,提高了用户体验效率,还极大地提升了设计效率。

4453169.png

借助同样的方法,我们将AI生成的城市二维元素嵌入到其他城市场景中,加入三维主建筑与路线,成功构建了五个完整的跑酷城市场景,再融入活动IP、红包和盲盒道具元素,创意层次得到完美展示。借助游戏引擎,我最终完成了旅行主题的跑酷游戏,展现了多方合作的精髓,最终打造一个充满旅行感、刺激有趣的游戏体验。

4452957.png

完整的画面创作类型视觉

完整画面创作视觉相较于单一元素类型更为复杂,在创作过程中,需要根据功能和目标将AI生成图像与活动元素进行拼搭,从而呈现出更精美的视觉效果。在暑期活动中,我们主要在活动激励奖品和资源位入口完整视觉中植入生成式AI。

4452958.png

精神激励奖品-城市明信片与壁纸

为了增加用户参与活动的惊喜感与积极性,我们在城市路线上加入盲盒道具。盲盒道具打开时,用户会获得明信片奖品,明信片可收纳到背包中,打开背包用户也可得到精美的手机壁纸。

4452959.png

设计明信片时,我们采用了分层构成的方法,将明信片分为信息、IP和背景三层。背景层的设计借助了AI生成图像技术,为明信片增添深度和视觉效果。

4452960.png

首先,为了打造背景层透视以及调性的统一,我们使用抽象图形(垫图)+颜色色相变化+关键词(城市名称、城市特色元素)的公式生成了一套统一的城市场景视觉。

4452961.png

接着,将不同形态的IP与生成的城市背景视觉进行融合,而后添加城市信息内容排版,最终一套精美的值得收藏的明信片奖品设计完成。

4452962.png

通过明信片的延展,一套手机壁纸也创造出来。每张壁纸我们也融入了城市特色的激励性谐音词语,如北京的“京气神儿”,新疆的“不疆就”等词语,这些词语也是通过应用文心一言来获取的灵感。

4452963.png

资源位入口

活动开屏:在活动开屏设计中,视觉的呈现同样应用了AI生成的辅助。开屏是活动的关键入口,因此在运用AI生成画面之前需要进行全面考虑,需要关注生成画面与整体活动的视觉氛围是否协调一致,是否需要与利益点、IP等元素相融合,同时还需寻求如何增添趣味和创意。从AI生成的关键词出发,我们对画面进行灵活修整、重新构思和合成,以新疆城市开屏为例,首先选择骆驼、帐篷、沙漠和仙人掌等元素作为关键词,以确保生成的画面与活动的内容和构思更加贴合,这些元素的选取旨在传达新疆特有的文化氛围,为开屏设计增添地域特色。

4452964.png

接着,我们将生成图与利益元素、IP以及文案结合。最初方案是直接将红包元素穿插在生成画面中,但红包较小会导致利益不够突出,从而影响用户进入活动的积极性。因此我们对生成画面进行了抠图和重构,最终选用了将大红包作为文案载体,AI生成的图像元素环绕红包的方案。

4452965.png

运用同样的方法,最终三张有趣、故事性的暑期活动开屏设计完成,巧妙结合城市元素、IP形象和活动利益,从而营造出吸引用户点击的视觉。

4452966.png

而在首页皮肤的设计上同样采用了AI生成的方法。我们以"夏日缤纷感"为主题,运用如海边、游泳圈、emoji等关键词生成画面,再通过后期抠图处理以及活动元素的替换,最终一幅夏日活泼的首页皮肤视觉成功呈现,不仅凸显了活动主题,还为用户带来了愉悦的视觉体验。

4452967.png

小结

在活动设计实现过程中,AI的强大协助能力得到了充分发挥。设计师在运用AI时需要根据不同需求和实际场景来分析和判断AI的权重,这需要设计师拥有项目掌控、想象力和创造力,这些是目前AI无法替代的关键特质。AI的局限性也体现在对于3D真实体验的限制上,尽管AI生成的2D图像可以表现出假3D效果,但相较于真正的3D体验仍稍显不足。然而,随着AI生成技术的不断提升,我们相信在不久的将来,精美的3D图像AI生成能力将会应用于活动实践中,从而为用户带来更加逼真的视觉体验,并进一步提升设计效能。

阶段三:拓展延展

AI生图在拓展延展阶段的作用愈发显著,它为活动的视觉素材提供了丰富多样的组件,使得我们可以将活动中沉淀下来的AI元素巧妙地运用于其他页面,以此既提升了工作效率,又保持了整体活动的视觉一致性。

4452968.png

在这一阶段,首先我们将AI生成素材与非AI素材整合到MEUX组件库中,并分享给整个团队成员。随后,协同的团队成员会根据各自的实际需求和场景构思,将AI生成的元素与红包、IP、按钮等视觉元素巧妙地运用到活动中,迅速完成多样化的物料需求。这种创意的融合不仅实现了提效,更是在不同场景中将AI生成的视觉元素进行巧妙再利用,从而实现了双重效益,为活动注入了更多的创意和活力。这个阶段的工作,不仅仅是简单的复制粘贴,更是一个将AI技术与人类创造力相结合的过程,将活动的视觉元素延展拓展至更广阔的领域。

4452969.png

结语

在生成式AI的强有力协助下,我们圆满地完成了一个包含五个城市搭建、超过一百个页面和物料设计的丰富暑期活动。暑期小分队由四到五名成员组成,与AI并肩合作,不断地将AI生成技术应用于每个活动需求中,并将其转化为切实可行的方法和策略。这个过程不仅丰富了小组的设计经验,也为团队后续活动的实践提供了更多有力的支持。

然而,暑期活动只是我们对生成式AI探索的起点。随着技术的不断演进和应用范围的扩大,生成式AI领域将迎来更为广阔的发展前景。因此,我们团队正紧密地学习,不断提高效率,更深入地将AI融入到设计实践中,为更多创新活动铺平道路。我们充满信心地认为,在不久的将来,将会有更多的机会将AI与设计实践更深入地结合,开创出更为精彩纷呈的设计作品。总之,通过与AI的紧密合作,我们不仅成功地完成了当前的暑期活动,还为未来的创作奠定了坚实的基础。在不断学习和探索中,我们将继续发挥AI的优势,不断创新,为设计领域带来更多令人振奋的可能性。

百度MEUX团队

2024校园招聘提前批次

全面开启

4453025.jpg

更多精彩作品展示,请关注「百度MEUX」小红书账号869010907

感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,交互/视觉/用研,可投简历至[email protected]  (注明信息获取来源如:UI中国)

关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK