如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

Halo,这里是计划夹,今天继续分享「AI 工具 Midjourney」。 在上篇文章中,我们讲到了如何利用 MJ 生成多种格调的 APP 界面➡️,这次更进一步来讲讲Midjourney在B端计划中如何发挥作用! 注:由于没有做AI放大,示例图略微模糊。通过文本形貌、图片形貌两个 AI 方法,讲解在 Midjourney 中生成交互线框图、计划组件到 B 端页面的整个流程,如何助力 UI/UX 计划~ 一、文本形貌 文本形貌是 Midjourney 中最重要的出图逻辑,在输入框中输入「/image 文本形貌」来生

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

Halo,这里是计划夹,今天继续分享「AI 工具 Midjourney」。

在上篇文章中,我们讲到了如何利用 MJ 生成多种格调的 APP 界面➡️,这次更进一步来讲讲Midjourney在B端计划中如何发挥作用!

注:由于没有做AI放大,示例图略微模糊。

通过文本形貌、图片形貌两个 AI 方法,讲解在 Midjourney 中生成交互线框图、计划组件到 B 端页面的整个流程,如何助力 UI/UX 计划~

一、文本形貌

文本形貌是 Midjourney 中最重要的出图逻辑,在输入框中输入「/image+文本形貌」来生成图象。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

1. 操作方法

如果我们想要生成一个 B 端界面,首先要清楚 B 端产品有哪些关键词可以利用。

先试着在 Midjourney 中输入一条简单的 prompt 提醒:「SaaS dashboard」,就能得到一个深色的 B 端界面结果。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

比如现在更流行简约浅色的 B 端计划格调,我们可以在 prompt 提醒中加入“白色背景”形貌,生成更加简约和流行的 B 端界面:

「SaaS dashboard, UI, white background」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

当然除了深色和白色,还可以继续尝试其他颜色,例如你负责的产品主色是紫色,想得到一个主题色为紫色的深色 B 端界面,利用这段提醒:

「SaaS dashboard, UI, purplr, black, white background, frontal」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

Midjourney 会根据关键词提醒默认给出 4 张图象,图象下面有 2 行按钮,通过这些按钮能进一步控制生成的图象结果。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

第一行的 U 是 Upscale,代表放大图象提升细节,数字代表对应的图象 U1, U2, U3, U4。

第二行的 V 是 Variation,代表在基础上发生变化,数字表示对应的图象 V1, V2, V3, V4。

选择你觉得第 2 张图结果不错,还想看更多类似的图象,就可以点击 V2,再生成四个和第 2 张图相似的图象。

2. 利用分析

文本形貌虽然操作起来很便捷,但对于刚利用 Midjourney 的小伙伴来说容易导致两个问题:

一是无法准确形貌出想要生成的图象需要哪些关键词提醒;二是输入了很多关键词提醒,但生成的图象和预想的结果不一致。

对于一段关键词提醒,可能调整两个字的前后顺序或者增删某一个字,都会对生成的结果产生很大的影响,从而导致产生很多废稿。

对于这种情况,为了能更快更好地控制输出结果,我们就可以利用下面要讲到的图片形貌来 AI 创作。

二、图片形貌

Midjourney 中的图片形貌可以理解为以图生图。

把找到的计划参照图上传到 Midjourney 中,得到一个专属的链接,再利用「参照图链接+文本形貌」的方式生成图象。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

1. 利用方法

例如我想得到一个带有交互流程的 UI 界面图,先把找好的素材图上传到 Midjourney 中。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

在 Midjourney 中复制参照图的链接再加上文字提醒:「参照图链接+node UI」,就能得到和参照图很类似的计划图。

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

如果想要纯正面、扁平结果的计划流程图,可以继续调整文字提醒:「参照图链接+flat UI, node UI, frontal」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

如果想要手绘格调、黑白格调的交互计划图,在文字提醒中加入:「参照图链接+node UI, drawing style, frontal, black and white, flat UI, 2D, no shadow」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

2. 加入参数

Midjourney 生成的图默认是正方形,如果想得到其他比例的图,需要在文字形貌中加入特定的参数来做到这一点:「–aspect」或「–ar」

比例为 9:16 的计划图,利用提醒:

「参照图链接+node UI, black and white –ar 9:16」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

或者 16:9 的图「参照图链接+node UI, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

三、组件计划

Midjourney 的作用不同于计划软件,利用 AI 能在几秒钟内得到很有创造力的图象,这些计划图能为后面的计划提供更多灵感。

除了生成整张的计划图,还可以扩宽思路,利用 AI 输出多种格调的计划组件,探索更多计划格调的可能性。

1. 扁平组件系统

关键词:「UI kit, flat design, outline, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

2. 古驰格调按钮

关键词:「UI components, button, Gucci, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

3. 立体按钮

关键词:「UI components, button, concrete, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

4. 低保真线框按钮

关键词:「UI components, button, drawing, outline, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

5. 像素格调按钮

关键词:「UI components, button, pixel art, –ar 16:9」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

6. HUD

关键词:「circular HUD interface」

如何用Midjourney生成B端产品页面?收下这份AI关键词总结!

最后

通过对于 AI 出图的持续探索能发现,Midjourney 在 UI/UX 计划中能发挥的作用上限很高。小到一个图标、组件,大到整个页面、产品,都能为我们带来意想不到的创意灵感。

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

AI绘画神级插件 Controlnet 连续革新!手把手教你装置体验新功能(附模型资源)

2023-5-18 7:44:04

应用

超多案例!前谷歌产品总监是怎样优化 AI 对话式UI的?

2023-5-19 7:44:06

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