B端页面很难做?用Midjourney轻松搞定6种风格效果!

midjourney2024-01-17 13:17:33432
今天一起来看下设计师 Clippp 如何用 Midjourney 在 B 端设计中发挥作用的。本文通过文本描述、图片描述两个 AI 方法,讲解在 Midjourney 中生成交互线框图、设计组件到B端页面的整个流程。

▍文本描述

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

操作方法 

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

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

比如现在更流行简约浅色的B端设计风格,可以在prompt提示中加入“白色背景”描述,生成更加简约和流行的B端界面:

「SaaS dashboard, UI, white background」

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

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

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

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

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

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

使用分析 

刚使用Midjourney的小伙伴容易出现两个问题:

一、无法准确描述出想要生成的图像需要哪些关键词提示;

二、输入了很多关键词提示,但生成的图像和预想的效果不一致。

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

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

▍图片描述

Midjourney中的图片描述可以理解为以图生图。

把找到的设计参考图上传到Midjourney中,得到一个专属的链接,再使用「参考图链接+文本描述」的方式生成图像。

使用方法

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

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

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

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

加入参数 

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

比例为9:16的设计图,使用提示:

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

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


▍组件设计

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

除了生成整张的设计图外,还可以利用 AI 输出多种风格的设计组件,探索更多设计风格的可能性。

扁平组件系统 

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

古驰风格按钮 

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

立体按钮 

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

低保真线框按钮 

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

像素风格按钮 

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

HUD 

关键词:「circular HUD interface」

通过 Midjourney 的创作小到一个图标、组件,大到整个页面、产品,都能为我们带来意想不到的创意灵感。

本文链接:https://mid-journey.vip/midjourney_58.html

相关文章

网友评论