（ 图源来自于网络，侵删 ）
还记得上回我们用ChatGPT《
我让ChatGPT帮忙做了个App
》完成的那个宠物App的产品梳理吗？今天我们就来细化一下，通过UI、AppIcon、banner、Logo、吉祥物设计5个方面来看看UI设计师如何运用Midjourney来完成一个App的设计吧~
UI界面设计
首先，我们需要给 Midjourney一个清晰的提示，以便它生成图像。越清楚地表达我们想要的东西，获得的结果也就越精准。编写关键词时，需将关键词用逗号分隔成一个个短语：
high-quality UI design, pet mobile app, trending on Dribbble, Behance
高品质UI设计, 宠物移动应用程序, Dribbble、Behance风格
默认情况下，Midjourney 会生成四个选项。可以使用U来对满意的图片做细化处理。
（ 第一次出图 ）
出的这四张风格总体来说并不是很理想，于是我们先尝试“喂”了三张界面设计，并重新整理了关键词，看看能不能出一些更好看的界面设计。（如何“喂”图请看本文第6部分）
user interface,pet doctor mobile app, clean UI,minimalism,trending on 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
用户界面,宠物医疗应用程序,figma,极简主义,Dribbble, Behance风格
至此不难发现，Midjourney生成的图像中存在两个重大问题：乱码文本和图像bug。即使经过多次尝试，Midjourney 生成的结果也无法在没有设计师改进的情况下直接使用。不过，这种原始输出在设计过程的早期阶段非常有用，它能够提供视觉灵感。例如，创建 AI 生成图像的情绪板并将其用作设计师创建视觉语言的参考。
App Icon设计
AppIcon传达了应用程序的主要内容，并给用户建立产品的第一印象。因此其整体的设计语言会直接影响用户对产品的看法，我们给了以下关键词，让Midjourney帮助我们做AppIcon的设计：
icon for iOS app in high resolution, pet, high quality, HQ
iOS app icon,高保真,宠物,扁平极简风
（ 第1次出图 ）
Midjourney 生成了一组超逼真的图标，但对于目前流行的app icon来说，可能风格会有些老旧。于是需要重新整理关键词：
icon for iOS app in high resolution,pet, high quality, minimalism, flat design
高保真App Icon,宠物,高质量,极简主义,扁平设计
（ 第2次出图 ）
看起来比第一次出图合适了许多，但看似缺乏了跟医疗相关的内容，于是重新整理关键词，新增了医疗方面的内容：
icon for iOS app in high resolution,pet doctor,pet medical, high quality, minimalism, flat design
高质量App Icon,宠物医生,宠物医疗,高保真,极简主义,扁平设计
（ 第3次出图 ）
在经历了3次关键词调整之后，Midjourney已经调整出了相对合适的AppIcon，但与我们日常自己做的AppIcon的设计来说，还是相去甚远的。
banner设计
对于一个成熟的产品来说，banner也是其不可或缺的部分，为了防止生成的图片画风偏离太远，这次我们先给Midjourney“喂”了四张理想中的图片风格，然后再给予指令：
banner,about pet,pet medical,high quality, minimalism,flat design,trending on Dribbble, Behance
横幅,宠物,宠物医疗,高保真, 极简主义,扁平风格,Dribbble,Behance
（ “喂”了4张图，3张图源均来自于网络，侵删 ）
（ 第1次出图 ）
（ 第2次出图 ）
Logo设计
logo是品牌的核心元素，我们可以要求Midjourney生成特定风格的图像，借鉴著名平面设计师的风格，例如 Saul Bass，他以为 Vertigo（希区柯克执导）等电影设计海报而闻名：
minimal logo of pet, graphic style of Saul Bass
宠物标志,Saul Bass图形风格
（ SaulBass设计的电影海报 ）
（ 以Saul Bass设计风格生成的Logo）
当然，也可以不设定风格：
（ 无风格诉求生成的Logo）
或者指定线条风格的Logo：
minimal logo of pet, line style,minimalism,flat design,trending on Dribbble, Behance
宠物Logo,线条风格,极简主义,扁平设计,Dribbble, Behance趋势
（ 线条风格下生成的Logo）
吉祥物设计
几乎所有成熟的产品或品牌都有自己的吉祥物设计。精致的吉祥物可以帮助人们记住品牌并传达品牌情绪。让我们试试用 Midjourney 能否生成出一个可爱的吉祥物。
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
宠物诊所吉祥物,可爱
（ 第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
宠物诊所吉祥物说你好,可爱
（ 第3次出图 ）
这回看着比较贴合目前主流风格的吉祥物形象了，我们对图2做按此类风格继续渲图生成（V）：
（ 第4次出图 ）
最后细化图1，得到如下：
（ 第5次出图 ）
如何给Midjourney“喂”图
1.将我们看中的图片保存至桌面；
3.在对话框中找到刚才的图片，点击“在浏览器中打开”；
4.复制地址，然后粘贴至/imagine prompt口令框，用空格键隔开即可：
Midjourney取代UI设计师？
综上看来，至少现在不能。Midjourney生成的输出非常粗糙，通常需要设计师进行细化。另外，Midjourney也非常依赖提示（它提供的输出质量在很大程度上取决于被提供的关键词）。
那么UI设计师如何运用Midjourney来投入当前的工作中呢？我们可以用它在产品设计过程的早期阶段帮助我们构思和视觉探索，包括对于情绪板比较有用。它可以帮助团队在确定一种特定风格之前比较多种视觉风格。
相关文章
