上次我们讲到了如何利用MJ生成多种风格的 UI界面设计➡️ ,这次更进一步来讲讲Midjourney在
通过文本描述、图片描述两个AI方法,讲解在Midjourney中生成交互线框图、设计组件到B端页面的整个流程,如何助力UI/UX设计~
文本描述是Midjourney中最重要的出图逻辑,在输入框中输入「/image+文本描述」来生成图像。
先试着在Midjourney中输入一条简单的prompt提示:「SaaS dashboard」,就能得到一个深色的B端界面效果。
比如现在更流行简约浅色的B端设计风格米乐m6官方网站,我们可以在prompt提示中加入“白色背景”描述,生成更加简约和流行的B端界面:
当然除了深色和白色,还可以继续尝试其他颜色,例如你负责的产品主色是紫色,想得到一个主题色为紫色的深色B端界面,使用这段提示:
Midjourney会根据关键词提示默认给出4张图像,图像下面有2行按钮,通过这些按钮能进一步控制生成的图像效果。
第一行的U是Upscale,代表放大图像提升细节,数字代表对应的图像U1, U2, U3, U4。
第二行的V是Variation,代表在基础上发生变化,数字表示对应的图像 V1, V2, V3, V4 。
选择你觉得第2张图效果不错,还想看更多类似的图像,就可以点击V2,再生成四个和第2张图相似的图像。
一是无法准确描述出想要生成的图像需要哪些关键词提示;二是输入了很多关键词提示,但生成的图像和预想的效果不一致。
对于一段关键词提示,可能调整两个字的前后顺序或者增删某一个字,都会对生成的结果产生很大的影响,从而导致产生很多废稿。
把找到的设计参考图上传到Midjourney中,得到一个专属的链接,再使用「参考图链接+文本描述」的方式生成图像。
在Midjourney中复制参考图的链接再加上文字提示:「参考图链接+node UI」,就能得到和参考图很类似的设计图。
如果想要纯正面、扁平效果的设计流程图,可以继续调整文字提示:「参考图链接+flat UI, node UI, frontal」
Midjourney生成的图默认是正方形,如果想得到其他比例的图,需要在文字描述中加入特定的参数来做到这一点:「--aspect」或「--ar」
Midjourney的作用不同于设计软件,米乐官方网站利用AI能在几秒钟内得到很有创造力的图像,这些设计图能为后面的设计提供更多灵感。
除了生成整张的设计图,还可以扩宽思路,利用AI输出多种风格的设计组件,探索更多设计风格的可能性。
通过对于AI出图的持续探索能发现,Midjourney在UI/UX设计中能发挥的作用上限很高。小到一个图标、组件,大到整个页面、产品,都能为我们带来意想不到的创意灵感。