你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

喜好儿小斥候消息,H5通常指的是一种互动形式的多媒体广告页面,也称为H5页面。这种页面广泛用于微信传播和其他社交媒体平台,通过用户的自发分享和传播来实现营销目的。H5页面可以包含各种交互元素,如幻灯片、翻页效果、游戏等,以吸引用户的注意力并引导他们参与互动。

AIGC专区:
https://heehel.com/category/aigc

教程专区:
https://heehel.com/category/ai-tutorial

AI图像生成技术目前已是相对成熟,以Midjourney、Stable diffusion为例的AI工具引起了广泛研究和应用。

在前不久,刚好有一个项目,顺势就用AIGC在「运营设计领域」的研究和探索,旨在运用新技术帮助团队提升工作效率和质量。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

01 AIGC工作流

整体流程如下图所示,主要由前期确认需求,创意构思大致方向、生图运用、后期处理优化几个步骤组成。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

02 背景 & 构思

此次项目为一个营销H5页面,主题是运动燃脂挑战赛,为承接新老用户流量、维持日常活跃,遂开展挑战赛活动,活动为月度活动,运营侧想针对四种不同的大设备个性化展示内容,3D卡通诉求。

由于设计组人员紧缺,且一直都有日常需求,时间紧张,多样性的设计需求又耗时耗资源,四个会场,多张拓展资源位。于是决定让AI入局,辅助设计,提升设计生产力。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

在初期方向构思上,罗列了一些关键词及业务相关的要求,主要是针对居家运动,同时需要展示运动器械,绘制草图后便可以开始使用AI工具辅助设计。

03 生图运用

基于之前项目的经验,我们直击AI生图的核心:【Prompt】
有初步构思后,便利用MJ,将Prompt「提示词结构」拆解成几个部分,

【风格】【类型】【镜头角度】【主体元素】【辅助元素】【环境】【修饰】【系统参数】
并在对应的地方,填写具体提示词,组成词条,使用MJ进行输出,如下图所示:

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

将提示词放入MJ中,让其生图,这个过程大概率是无法立刻获得满意的图片的,需要进行关键词调整+反复抽卡,最终得到我们想要的效果图

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

记住可以尝试运用多种手段来控制出图,比如
持续反复抽卡;
根据生出的图分析优化提示词;
控制人物动作,可以垫图,可以垫照片,垫初步上色草图等等;
控制风格一致,可以获取seed值、垫图;
角色、样式一致控制参数,“--cref ”与 “--sref”;
这里仅针对Midjourney。

04 后期优化处理 & 输出

生出想要的图片,用其他工具处理细节后,便可以将其运用到页面中。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

生出一张满意的图片后,剩下的会场图就按照那张图的风格是生图,过程中也是需要用ps等工具去调整修改的。
比如下面两张男生的图,生图的时候人脸一直控制不好一致性,我便将其中一张的头P到了另一张上,并调整颜色,完美融合。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

结语

此次项目借助现阶段AIGC能力,与传统流程相比,极大地增加了输出效率,加快了工作进度。
并且后续如果有需要,便可以将生成的人物角色、素材等等归档沉淀,用SD训练自己的模型,方便日后频繁的运营活动。

你以为AIGC设计H5多媒体广告页面就可以很轻松?【Two Young设计笔记】

在未来更多产品形态与活动中,设计师也需要尝试挖掘更多的AI使用场景,去释放AI的使用能力,让AI变成我们的得力助手。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
今日签到
有新私信 私信列表
搜索