我用Midjourney做了个App

您所在的位置:网站首页 delphi10做漂亮界面 我用Midjourney做了个App

我用Midjourney做了个App

2023-03-30 09:32| 来源: 网络整理| 查看: 265

( 第一次出图 )

出的这四张风格总体来说并不是很理想,于是我们先尝试“喂”了三张界面设计,并重新整理了关键词,看看能不能出一些更好看的界面设计。(如何“喂”图请看本文第6部分)

user interface,pet doctor mobile app, clean UI,minimalism,trending on Dribbble, Behance

user interface,pet doctor mobile app, clean UI,minimalism,trending on Dribbble, Behance

用户界面,宠物移动app, 极简UI,极简主义,Dribbble、Behance风格

用户界面,宠物移动app, 极简UI,极简主义,Dribbble、Behance风格

( “喂”了3张图,图源均来自于网络 ,侵删)

并且尝试了多次重新出图后,得到了以下3种(共12张)图片:

( 第2次出图,2-1 )

( 第3次出图,3-1 )

( 第4次出图,4-1 )

最后我们选定对4-1的第二张图和第四张图, 按此类风格继续渲图生成(V),得到以下图片:

( 图5-1 )

( 图6-1 )

最终选定用图6-1的第三张图来生成更多细节(U),得到以下图片:

( 图7-1 )

优化之后可以发现,细节更丰富,但是对动物形态的把握,依然无法很精准,甚至“漏洞百出”。

当然,我们也尝试增加关键词figma,来生成不同风格的UI界面设计:

user interface,pet doctor mobile app,figma,minimalism,trending on Dribbble, Behance

user interface,pet doctor mobile app,figma,minimalism,trending on Dribbble, Behance

用户界面,宠物医疗应用程序,figma,极简主义,Dribbble, Behance风格

用户界面,宠物医疗应用程序,figma,极简主义,Dribbble, Behance风格

至此不难发现,Midjourney生成的图像中存在两个重大问题: 乱码文本和图像bug。 即使经过多次尝试,Midjourney 生成的结果也无法在没有设计师改进的情况下直接使用。不过,这种原始输出在设计过程的早期阶段非常有用,它能够提供视觉灵感。例如,创建 AI 生成图像的情绪板并将其用作设计师创建视觉语言的参考。

App Icon设计

AppIcon传达了应用程序的主要内容,并给用户建立产品的第一印象。因此其整体的设计语言会直接影响用户对产品的看法,我们给了以下关键词,让Midjourney帮助我们做AppIcon的设计:

icon for iOS app in high resolution, pet, high quality, HQ

icon for iOS app in high resolution, pet, high quality, HQ

iOS app icon,高保真,宠物,扁平极简风

iOS app icon,高保真,宠物,扁平极简风

( 第1次出图 )

Midjourney 生成了一组超逼真的图标,但对于目前流行的app icon来说,可能风格会有些老旧。于是需要重新整理关键词:

icon for iOS app in high resolution,pet, high quality, minimalism, flat design

icon for iOS app in high resolution,pet, high quality, minimalism, flat design

高保真App Icon,宠物,高质量,极简主义,扁平设计

高保真App Icon,宠物,高质量,极简主义,扁平设计

( 第2次出图 )

看起来比第一次出图合适了许多,但看似缺乏了跟医疗相关的内容,于是重新整理关键词,新增了医疗方面的内容:

icon for iOS app in high resolution,pet doctor,pet medical, high quality, minimalism, flat design

icon for iOS app in high resolution,pet doctor,pet medical, high quality, minimalism, flat design

高质量App Icon,宠物医生,宠物医疗,高保真,极简主义,扁平设计

高质量App Icon,宠物医生,宠物医疗,高保真,极简主义,扁平设计

( 第3次出图 )

在经历了3次关键词调整之后,Midjourney已经调整出了相对合适的AppIcon,但与我们日常自己做的AppIcon的设计来说,还是相去甚远的。

banner设计

对于一个成熟的产品来说,banner也是其不可或缺的部分,为了防止生成的图片画风偏离太远,这次我们先给Midjourney“喂”了四张理想中的图片 风格,然后再给予指令:

banner,about pet,pet medical,high quality, minimalism,flat design,trending on Dribbble, Behance

banner,about pet,pet medical,high quality, minimalism,flat design,trending on Dribbble, Behance

横幅,宠物,宠物医疗,高保真, 极简主义,扁平风格,Dribbble,Behance

横幅,宠物,宠物医疗,高保真, 极简主义,扁平风格,Dribbble,Behance

( “喂”了4张图,3张图源均来自于网络,侵删)

( 第1次出图 )

( 第2次出图 )

Logo设计

logo是品牌的核心元素,我们可以要求Midjourney生成特定风格的图像,借鉴著名平面设计师的风格,例如 Saul Bass,他以为 Vertigo(希区柯克执导)等电影设计海报而闻名:

minimal logo of pet, graphic style of Saul Bass

minimal logo of pet, graphic style of Saul Bass

宠物标志,Saul Bass图形风格

宠物标志,Saul Bass图形风格

( SaulBass设计的电影海报 )

( 以Saul Bass设计风格生成的Logo)

当然,也可以不设定风格:

( 无风格诉求生成的Logo)

或者指定线条风格的Logo:

minimal logo of pet, line style,minimalism,flat design,trending on Dribbble, Behance

minimal logo of pet, line style,minimalism,flat design,trending on Dribbble, Behance

宠物Logo,线条风格,极简主义,扁平设计,Dribbble, Behance趋势

宠物Logo,线条风格,极简主义,扁平设计,Dribbble, Behance趋势

( 线条风格下生成的Logo)

吉祥物设计

几乎所有成熟的产品或品牌都有自己的吉祥物设计。精致的吉祥物可以帮助人们记住品牌并传达品牌情绪。让我们试试用 Midjourney 能否生成出一个可爱的吉祥物。

a simple mascot for a pet clinic,Japanese style

a simple mascot for a pet clinic,Japanese style

宠物诊所的吉祥物设计, 日式风格

宠物诊所的吉祥物设计, 日式风格

( 第1次出图 )

出图的风格做为平面的吉祥标志尚可,但不太主流。我们更想要一个3D风格的吉祥物,于是重新修改了关键词:

a simple mascot for a pet clinic,cute,3D,C4D,blender,studio lighting,OC rederer,pinterest,dribble,high detail,8k,1920 × 900

a simple mascot for a pet clinic,cute,3D,C4D,blender,studio lighting,OC rederer,pinterest,dribble,high detail,8k,1920 × 900

宠物诊所吉祥物,可爱

宠物诊所吉祥物,可爱

( 第2次出图 )

生成的结果比之前的日式插画风格好多了,但看着仍然比较像不带感情的简单模型,于是我们再次细化了关键词:

a simple mascot for a pet clinic saying hello,cute,3D,C4D,blender,studio lighting,OC rederer,pinterest,dribble,high detail,8k,1920 × 900

a simple mascot for a pet clinic saying hello,cute,3D,C4D,blender,studio lighting,OC rederer,pinterest,dribble,high detail,8k,1920 × 900

宠物诊所吉祥物说你好,可爱

宠物诊所吉祥物说你好,可爱

( 第3次出图 )

这回看着比较贴合目前主流风格的吉祥物形象了,我们对图2做 按此类风格继续渲图生成(V):

( 第4次出图 )

最后细化图1,得到如下:

( 第5次出图 )

如何给Midjourney“喂”图

1.将我们看中的图片保存至桌面;

2.点击输入框的 “+” ,上传我们刚才保存的图片,并回车发送;

3.在对话框中找到刚才的图片,点击“在浏览器中打开”;

4.复制地址,然后粘贴至/imagine prompt口令框,用空格键隔开即可:

Midjourney取代UI设计师?

综上看来,至少现在不能。Midjourney 生成的输出非常粗糙,通常需要设计师进行细化。另外,Midjourney也 非常依赖提示(它提供的输出质量在很大程度上取决于被提供的关键词)。

那么UI设计师如何运用Midjourney来投入当前的工作中呢?我们可以用它在产品设计过程的早期阶段帮助我们构思和视觉探索,包括对于情绪板比较有用。它可以帮助团队在确定一种特定风格之前比较多种视觉风格。

文心一言,测试全体验

抖音新APP上线,像极了B站

这个布局设计曾被知乎网友嘲讽,然而6年了我还在用

你 「在看」是最好的肯定与鼓励 返回搜狐,查看更多



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3