AIGC如何落地?超多项目拆解之UI计划篇

一、AI 绘画在工作中的流程 在 UI 计划工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会举行需求的综合,根据综合去找符合的参照,之后举行我们的初稿计划。 同样,在使用 AI 工具时,我们的工作流程并没有发生改变,改变的只是我们出图的效率以及成果,比如我们在经过综合和找到参照后,我们举行计划时,会花费大量的时间举行计划。而现在,AI 绘画完全可以帮助我们举行计划,我们只需求举行关键词的调试,即可短时间做出不错的计划,我预计可以提升大概 60%-70%的计划时间(这里还只是保守估计)。 往期教

AIGC如何落地?超多项目拆解之UI计划篇

AIGC如何落地?超多项目拆解之UI计划篇

一、AI 绘画在工作中的流程

在 UI 计划工作中,我们都会用到相同的工作流程,首先接到产品给到的需求,然后我们会举行需求的综合,根据综合去找符合的参照,之后举行我们的初稿计划。

同样,在使用 AI 工具时,我们的工作流程并没有发生改变,改变的只是我们出图的效率以及成果,比如我们在经过综合和找到参照后,我们举行计划时,会花费大量的时间举行计划。而现在,AI 绘画完全可以帮助我们举行计划,我们只需求举行关键词的调试,即可短时间做出不错的计划,我预计可以提升大概 60%-70%的计划时间(这里还只是保守估计)。

往期教程:

AIGC如何落地?超多项目拆解之UI计划篇

而且,我们举行初稿计划后,会经历令计划师感到非常痛苦的计划评审,公司的大佬们都会指点江山般的给你提出计划意见(我就是!!),然后你可能经历 1 稿、2 稿、3 稿…..

我们可以利用 AI 绘画来辅助计划工作。例如,在评审之前,我们可以使用 AI 生成五种计划方案(可以更多,嘿嘿),供评审大佬们选择…….(狗头保命)

AIGC如何落地?超多项目拆解之UI计划篇

废话不多说,接下来为大家展示用 AI 创作一些可落地的工作参照:

二、引导页计划

医疗 app——扁平插画气概

这里我们以一个“医疗 app”为例子,我们接到的需求是做一组医疗 app 的引导页计划,需求使用扁平插画的计划气概,然后我们去找到符合的参照,根据参照出的特性举行关键词的形容,提炼关键词并举行 prompt 组合。

1. 需求综合

医疗 app 引导页计划,气概:扁平插画气概

AIGC如何落地?超多项目拆解之UI计划篇

2. 参照自创

去花瓣、站酷、behance 上找到符合的参照,我们根据参照的图片来形容关键词,比如画面人物之间的动作形容。

AIGC如何落地?超多项目拆解之UI计划篇

3. 关键词形容

我们按照 midjourney 的词组顺序来形容,这里我按照第一张参照图的动作来举行形容

AIGC如何落地?超多项目拆解之UI计划篇

4. Midjourney 生成的图片

可以看到,midjourney 生成的图片颜色并不能保持统一,不过这个问题不大,我们只需求选取符合的图片,然后后期用 PS 等工具稍微修饰一下即可了。

AIGC如何落地?超多项目拆解之UI计划篇

5. 应用项目中的成果

AIGC如何落地?超多项目拆解之UI计划篇

三、勋章计划

成就勋章计划

这里我得到的需求是做一个娱乐 app 的勋章计划,元素需求丰富、质感华美、情感传播热烈、体型丰满、勋章精致。得到需求后我们去拆解相关信息,然后根据整理的信息去找到类似的参照,这里我根据找到的气概直接用 Midjourney 的“喂图”功能,然后输出需求相关的关键词并组合,如下:

1. 需求综合

娱乐 app 的勋章计划,元素需求丰富、质感华美、情感传播热烈、体型丰满、勋章精致。

AIGC如何落地?超多项目拆解之UI计划篇

2. 参照自创

参照来自花瓣,这种气概就是比较适合我们需求的计划,所以我们这里自创一下,把图片喂给 Midjourney。

AIGC如何落地?超多项目拆解之UI计划篇

3. 关键词形容

喂图之后还需求输出我们根据需求整理的关键词,把这些关键词和图片链接一起发送给 midjourney。

AIGC如何落地?超多项目拆解之UI计划篇

完整关键词:A shining badge with wings, Star, Badge logo, UI Design, Front view, Stereo, Bright. Black background, Digital illustration, Popular on Dribbble, noword, hyper detail, 4k –v 4

4. Midjourney 生成的图片

这里生成的细节并不好,主要是中间标志区域,会出现变形的问题,不过问题不大,我们是计划师,后期调整一下,调整吃力的我们就多跑几组图片即可。

AIGC如何落地?超多项目拆解之UI计划篇

5. 应用项目中的成果

AIGC如何落地?超多项目拆解之UI计划篇

四、闪屏页计划

淘宝闪屏页计划

这里我得到的需求是做一个淘宝 app 的闪屏页:计划一个具有亲和力和活力的大男孩形象,站在露营场景中弹吉他,搭配舒适、美观、吸引人的色彩和文案计划,以展示休闲娱乐和自然风光的美好。

1. 需求综合

我们综合需求的确定相应的元素,如露营场地,大男孩,弹吉他。

AIGC如何落地?超多项目拆解之UI计划篇

2. 参照自创

去素材网上参照一下,然后整理出素材图片,根据参照的图片得出相应的关键词。

AIGC如何落地?超多项目拆解之UI计划篇

3. 关键词形容

我们按照 midjourney 的词组顺序来形容,这里我按照第一张参照图的动作来举行形容

AIGC如何落地?超多项目拆解之UI计划篇

完整关键词:laughing child, symmetrical portrait, clear features, wearing a hat, rural summer, picnic, playing guitar, camping, tent, grass, flying a kite, hills, green, nature, poster, masterpiece, best quality, Pixar style 3d character, octane rendering, Hayao Miyazaki –ar 9:16 –niji

4. Midjourney 生成的图片

有些图片比较夸张了,不过问题不大,我们经过多跑图,举行筛选就好啦,这是个体力活….

AIGC如何落地?超多项目拆解之UI计划篇

5. 应用项目中的成果

AIGC如何落地?超多项目拆解之UI计划篇

五、直播礼物元素

3D 小元素计划

这里我得到的需求是做一个直播礼物的小元素,元素需求丰富、质感华美、情感传播热烈、体型丰满。得到需求后我们去拆解相关信息,然后根据整理的信息去找到类似的参照,这里我根据找到的气概直接用 Midjourney 的“喂图”功能,然后输出需求相关的关键词并组合,如下:

1. 需求综合

娱乐 app 的勋章计划,元素需求丰富、质感华美、情感传播热烈、体型丰满、勋章精致。

AIGC如何落地?超多项目拆解之UI计划篇

2. 参照自创

参照来自花瓣,这种气概就是比较适合我们需求的计划,所以我们这里自创一下,把图片喂给 Midjourney。

AIGC如何落地?超多项目拆解之UI计划篇

3. 关键词形容

喂图之后还需求输出我们根据需求整理的关键词,把这些关键词和图片链接一起发送给 midjourney。

AIGC如何落地?超多项目拆解之UI计划篇

4. Midjourney 生成的图片

同样我们需求多跑几组关键词,才会有相对满意的图片,这里的气概主要受到喂图片的影响,多试试几次,然后找到符合的,后期处理一下吧。

AIGC如何落地?超多项目拆解之UI计划篇

5. 应用项目中的成果

AIGC如何落地?超多项目拆解之UI计划篇

六、B 端网页计划

b 端图标计划

这里我得到的需求是做一个 B 端网页计划:计划一个符合 UI 规范和标准、能够清晰传播出现代科技感并与产品整体视觉气概相符的网页图标,提升用户品牌认知和体验。

1. 需求综合

这类需求在 b 端中很常见,科技风的图标,符合品牌调性。

AIGC如何落地?超多项目拆解之UI计划篇

2. 参照自创

参照来自花瓣,这种气概就是比较适合我们需求的计划,所以我们这里自创一下,这里需求喂图控制下色调和视角,然后把图片喂给 Midjourney。

AIGC如何落地?超多项目拆解之UI计划篇

3. 关键词形容

喂图之后输出细节关键词,让关键词控制主体样式,这类图标的渲染器用 oc 渲染器,参照国外网站的气概就没啥问题了。

AIGC如何落地?超多项目拆解之UI计划篇

完整关键词:B2B 3D scenes, an operation center icon, white and blue, frosted glass, transparent technology sense, industrial design, isometric view, light gray background with simple linear detail, studio lighting, 3d, c4d, blender, OCrenderer, pinterest, dribbble, high detail, 8k –v 4

4. Midjourney 生成的图片

这类图标生成的图大部分没啥问题,细节稍微修修改就能用了,重要是细节是不是我们需求的,改细节的方式还是通过关键词控制即可。

AIGC如何落地?超多项目拆解之UI计划篇

5. 应用项目中的成果

AIGC如何落地?超多项目拆解之UI计划篇

写在最后

以上就是本期为大家分享的商业案例,我们可以将 AI 视作一个工具,为自己的工作带来增效,而无需感到恐慌和被替代的担忧。祝大家生活愉快!

本次教学分享到此结束,如果您有任何问题,可以与我私信联系:

给TA打赏
共{{data.count}}人
人已打赏
应用

8大实战案例!AIGC在网易落地项目中的运用

2023-4-11 8:12:11

应用

生成效率翻倍!Midjourney 4大最新参数指令详解

2023-4-12 7:51:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
搜索