AI会代替设计师吗？

如今Midjourney，Dalle-2和Stable Diffusion这样的文本到图像AI工具可以从纯文本生成图像。互联网上充斥着人工智能生成的图像，但问题是Midjourney这样的工具可以进行UI设计吗？

为了使我们的分析更具体，我们将为一个汉堡配送应用程序设计UI。我们将使用和调整合适的指令，对汉堡配送应用程序进行UI界面设计、APP图标设计、产品图片设计、标志设计、吉实物设计、产品插画设计。

· UI界面

· APP图标

· 产品图片

· 标志

· 吉祥物

· 产品插画

UI界面设计

在使用AI工具时，我们需要做的最重要的事情是编写清晰的提示。提示符是你提交给AI工具的文本字符串，以便它可以为你生成图像。提示应该清楚地指定你想看到的内容。你的意图表达得越好，你从人工智能中得到的结果就越相关。在写提示时，想想你将如何向一个实际的人描述你的设计，并写下一个确切的句子。将此句子转换为标记（用逗号分隔的短语）。

标记化格式更适合Midjourney，因为它可以帮助你删除所有不必要的单词，同时保留必要的上下文信息。例如，在送餐应用程序的上下文中，指令可以如下所示：

prompt： high-quality UI design, food delivery mobile app, trending on Dribbble, Behance

默认情况下，Midjourney会生成四个选项供你选择。可以使用命令U [数字]放大选项。让我们看看最后一个设计的升级版本会是什么样子。

如果你将升级版本与以前的版本进行比较，你可能会注意到Midjourney不仅增加了图像的大小和质量，而且还稍微修改了布局。例如，升级版的屏幕左上角没有红色按钮。

你可能会注意到该工具生成的图像中存在两个重大问题：文本是乱码和损坏的食物预览图像。不幸的是，这些问题不仅与UI屏幕有关，而且与Midjourney生成的许多类型的图像有关。我们的第一次生成并不完美，因此你可能想知道如何修改提示以获得更好的结果。值得一提的是，没有最佳的写作策略。你需要使用不同的令牌进行实验，以找到最佳解决方案。这就是为什么你应该至少尝试几次，然后再拿出一个像样的输出。

让我们修改我们的提示，看看工具将如何对它做出反应。这次我们将提到“Figma”，因为我们可能希望在设计工具中使用这些资产。

prompt： food delivery app, user interface, Figma, Behance, HQ, 4K, clean UI

让我们看看第一个设计的升级版本会是什么样子。

这个版本看起来更像是我们可以在设计中使用的东西。布局具有清晰的元素视觉层次结构。

让我们使用Midjourney进行另一个UI设计。这一次我们将删除标记“Dribbble”和“Behance”，只留下“Figma”，但还添加了一个参数“- q 2”以提高图像的质量。

这是我们更改后的指令：

prompt：Food delivery app, mobile app, user interface, Figma, HQ, 4K, clean UI -- q 2

第三种选择看起来很有希望。我们放大它看看更多细节。

你可以看到，即使在第三次尝试之后，Midjourney生成的结果也无法在没有人类设计师改进的情况下使用。但是这种原始输出在设计过程的早期阶段非常有用，因为它提供了视觉灵感。创建一个AI生成图像的moodboard并将其用作视觉设计师创建适当视觉语言的参考相对容易。

同样重要的是，我们已经使用了一个非常通用的UI设计提示。如果我们想看到一个特定的屏幕（比如餐馆搜索页面），我们应该在提示符中明确地指定它作为一个标记，这样系统就可以给我们一个更相关的结果。

APP图标

APP图标是一个简单但非常强大的元素，因为它传达了应用程序的全部内容，并为用户创造了第一印象。即使在用户开始使用产品之前，图标也是他们看到的第一件事，其工艺水平直接影响用户对产品的看法。

由于我们正在设计一个移动的应用程序，我们需要明确指定令牌“iOS应用程序”，并提到我们希望看到高质量的视觉资产（令牌“高分辨率”和“高质量”）。因为我们的应用程序是关于食品配送的，我们可能要提到一种特定类型的食品（“汉堡”）。

prompt： icon for iOS app in high resolution, burger, high quality, HQ -- q 2

正如你所看到的，Midjourney生成了一组超逼真的图标。让我们升级第二个选项。Midjourney用于图标的风格很棒，但它可能不适用于实际项目，因为许多设计师更喜欢使用极简主义图标。让我们使用稍微不同的提示符再试一次。我们需要提到“极简主义”和“扁平化设计”等标记，以向AI发出信号，表明我们希望看到简单的图标。

prompt：icon for iOS app in high resolution, burger, high quality, minimalism, flat design -- q 2

现在输出看起来像是我们可以在真实的项目中使用的东西。

产品图片

产品图片是我们将在产品页面上显示的图片。由于我们设计了一个食品订购应用程序，我们的图像将是食物的照片或插图。让我们请求Midjourney为我们生成图像：

Prompt： burger, high quality picture, high resolution, HQ, 4K -- q 2

Midjourney生成了固体图像，但它们有一个主要缺点-它们被放置在黑暗的背景上，这可能是一个问题，因为它需要额外的工作来从背景中提取对象。但我们可以使用一个简单的技巧-要求Midjourney使用透明或白色背景：

Prompt： burger on a transparent background, high quality, high resolution, 4K -- q 2

现在，我们需要做的就是从这个图像中删除背景。要做到这一点，我们可以使用在线服务，如Remove.bg。将图像上传到removeb.bg并下载即用型视觉资产。

标志设计

在建立品牌的过程中，标志设计是至关重要的，它需要简洁明了，同时能够反映出品牌的核心价值。对于我们这个汉堡外卖品牌，标志可能会选择包含食物元素，例如汉堡，或者与速递、外卖相关的元素，以表明我们的服务特性。色彩选择也应考虑饱满，丰富，同时给人留下深刻印象的视觉体验。

Prompt： minimal logo of a burger, graphic style of Saul Bass

吉祥物设计

吉祥物是品牌形象的重要组成部分，能够加强品牌的辨识度，同时吸引和建立与消费者的情感联系。对于这个汉堡外卖品牌，吉祥物的设计可以考虑与快速、便捷的外卖服务，以及美味汉堡相关的形象。例如，一只手拿汉堡，身穿快递员制服的卡通角色，既可爱又充满活力，就能很好地传达我们的品牌理念。

Prompt：simple mascot for a food delivery company, Japanese style

产品插画

产品插图经常用在促销活动上，是多功能的视觉资产，可以在应用程序内部或促销网站上使用。让我们看看中途是否可以创建一个体面的说明。我们想传达的想法是我们的食物很美味。所以我们提供的提示是：

prompt： happy chinese little girl eating a burger, high resolution, high quality illustration

通过实例验证，目前Midjourney在产品设计过程的早期阶段是有益的，例如构思和视觉探索，它可以帮助团队在使用一种特定的样式之前比较许多视觉样式。但是在设计输出和质量控制上，它并不能取代设计师。

作者：盛少链接：https://www.zhihu.com/question/553806006/answer/3026598532来源：知乎