你敢信?百度APP设计师用AI做界面

共 4022字,需浏览 9分钟

 ·

2024-07-24 08:20

导语

得益于AI技术的有力支撑,百度APP塑造出独特的互动彩蛋体验模式,大幅提升了用户参与度与社区凝聚力。


早在2023年端午节时,我们对彩蛋初次探索即获好评,故将其作为长效运营手段,决定全年运营,筹划借助AI提效互动彩蛋生产,为互动生态注入全新活力与创造力。

接下来,就让我们一同探讨AI与彩蛋的双向奔赴,实现百度APP互动规模化氛围营造。



😣 规模化难

在视频、图文等多场景中,我们建立了视频弹幕、评论、点赞三大互动阵地,不断拓展互动的边界,为用户和社区缔造出更为丰富且多元的价值。


然而,传统的彩蛋生产模式是以3D为核心流程(即模型-贴图-绑定-动画-渲染),其步骤多、周期长,且伴随运营频次的持续升高,规模化生产彩蛋塑造氛围的实现显得无比艰难。



😄 AI工作流规模化提效 

为了攻克这一难题,我们致力于革新「AI+彩蛋」生产模式,以实现规模化提效并营造良好氛围。

我们尝试引入AI来替代3D,省去了3D工作流的部分,通过“AI+AE”(AI生图-深度图-动画-前景氛围-排版)等多工具融合的方式来制作3D动态彩蛋,从而实现规模化应用并提效降本,缩短工期。

这样既能够满足用户对于新鲜体验的期望,又可以适应业务高速发展的需求。



🌰 举个例子

下面我们以暑期彩蛋为案例,还原AI贯穿“创意-生图-深度图-动画”的整个设计工作流。


1.AI创意方法论 升维打造生动创意

1)创建AI智能体:彩蛋设计专家

一个出色的彩蛋,关键在于创意能否触动人心且能给用户带来惊喜。我们借助AI工具「文心一言APP」一句话创建智能体,并赋予它专家身份与独特能力,以突破创意局限,为我们提供触动人心的创意方案。

首先,我们输入一句话的身份描述“你是一位资深的动态彩蛋设计专家”。其次,在AI生成的“能力&任务”部分加入沉淀的情境创意方法论描,如“能够采用情境创意法,构思主题故事、主角、场景和氛围渲染等元素”。

最后,点击发布即可完成AI彩蛋设计专家智能体的创建。


2)AI头脑风暴:创意提炼

接下来,我们便能够与AI彩蛋设计专家展开对话,如输入“夏日消暑”的活动主题,它便能帮助我们迅速产出多元化的创意方案。此后,我们通过精心地提炼与优化,对这些创意加以升华,最终收获满意的创意方案。


2.AI+多工具融合生产彩蛋

STEP1:AI生图 结构化构建提示词模板 

我们从基础词、风格层、质量词和命令词四个方向结构化构建Midjourney风格提示词,多轮迭代快速高效地生成彩蛋所需的图像,此处插入提示词模版。


沉淀Prompt库固化风格应用扩展,经验Tips,添加指令“--style expressive”,AI生成的图风格表现力更强。


STEP2:主体动画制作 深度图制作拟3D动画

想要让彩蛋更加生动立体,就需要通过“深度图生成-深度图合成-景深虚化”等方法,制作拟3D动画效果。

① 深度图生成:即处理图片的远近关系,黑(远景),白(近景),当黑白对比越强烈,则更适合处理近景并且纵深较大的场景。

方法1:immersity工具在线生成深度图


方法2:Stable Diffusion ControlNet的深度图预处理器生成


② 深度图合成:使用Mettle FreeForm Pro插件 进行深度图合成


③ 景深虚化:使用Lens blur进行深度图合成景深虚化,加强空间感


STEP3:前景氛围增强 采用图像滑动粒子

① 流体动画:使用LoopFlow插件轻松制作出各种连续的流体运动效果,如流动的水、滚滚的烟雾、飞行的粒子、布料和火等,增强彩蛋的氛围感。


② 深度粒子:可以在前景层增加深度例子,强化纵深方向的特效表现,增强空间感,也可以把深度图作为图层的亮度遮罩,实现粒子仅在指定的方向出现。


STEP4:背景动画层

背景层使用3D旋转/缩放入场,增强整体的动效表现力。




STEP5:总结动效模板 快速起量规模化

将制作流程沉淀为动效模板,仅需替换AI图与深度图即可快速复用或二创,达成快速起量与规模化生产。

革新AI+彩蛋生产模式,使动态彩蛋工期大幅缩短,显著降低绘制成本,进而实现暑期清凉一夏、亚运的加油助威、暖冬情绪表达等系列化、主题化运营,推动业务转型从单一低效迈向多元高效。



结语

通过AI工作流规模化提效,从单点走向规模化,经营互动彩蛋成为拉动互动量增长和营造互动氛围的有效抓手,全年推出了18个系列、242个与节日和大事件相关的AI互动彩蛋,带动了千万级互动量,激发了7天内未评论用户的评论意愿,评论量达到百万级别。

助力百度APP在内容红海类型产品环境下,撕开了一个可感知差异化设计表现力、助力业务互动增长的突破口,让用户在对百度APP的理性感知外有了更多互动惊喜和温度感,尤其对那些沉寂已久的低活跃度用户产生了巨大的撬动效果。

在未来,随着人工智能技术和社交媒体的不断发展,多互动形态将会不断创新和升级,为内容生态注入更多的活力和创新。

-------- 资源推荐 --------

🔥将“UXD笔记”设为⭐️星标,然后在后台回复以下关键词,即可实现无套路领取本期资源。

【1】回复“面试”——领简历、作品集设计方法+设计师面试常见问答题汇总+职业规划图谱+背调流程图谱。

【2】推荐一本用户体验与交互设计书籍,含C端、B端产品设计策略,读书就赠精选的UX面试应知应会100题,点击查看👉《交互设计师的用户体验策略》

【3】加入大厂内推群和设计交流群,不定期获取求职面试资料,及最新内推信息。扫描下方二维码加小编,进大厂内推群备注“内推”;进设计交流群备注“交流”。
87861位读者一起成长



📢温馨提示:因公众号消息推送机制改版,如果你没有给我们加⭐️星标,可能无法及时收到我们的干货推送。
为防止走失,邀请你做一个小小的动作,给 UXD笔记 公众号加个⭐️星标,避免在繁杂的信息流中错过精彩的大厂UX知识推送。

浏览 218
3点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
3点赞
评论
收藏
分享

手机扫一扫分享

分享
举报