近日，随着Midjourney AI生成工具、Dalle-2 和 Stable Diffusion 等利用文本生成图像的工具爆火，互联网上出现很多人工智能AI生成的图像。那么，AI生成工具有没有可能在UI设计方面得到应用呢？本篇文章将尝试使用 Midjourney AI生成工具 + Pixso在线协同设计工具，设计一个美妆网站首页UI，一起去看看吧。
1. 使用Midjourney生成UI设计图
关于Midjourney AI生成工具，不知道大家了解了多少？Midjourney AI生成工具是一种在线文本转图像工具。要使用Midjourney AI生成工具，需要加入Discord。访问：https://www.midjourney.com/，单击加入测试版并按照说明创建帐户完成后，就可以通过键入文本提示词开始生成图像，如下图所示：
基础的软件启动操作方法大家可以通过网络搜索获取，这里就不详细说明了。这里，我们直接开始使用Midjourney AI生成工具，帮助我们进行美妆首页设计，具体步骤如下：
1.在/image后输入提示
在使用Midjourney AI生成工具时，最需要做的就是编写清晰的提示。提示提交给AI生成工具的文本字符串，以便它可以帮助我们生成需要的图像。
注意：提示应进行准确地描述，才能使其生成符合我们期望的图像，标记化格式更适合 Midjourney，因为它可以帮助我们删除所有不必要的词，同时保留必要的上下文信息。
我们本次需要的美妆首页UI设计的提示词及生成的图像，如下：
/image A home page for a beauty app featuring a list of Cosmetic,Clean UI,Pixso，4K,HQ,High resolution
2.选取合适的设计图像
在输入提示词后，Midjourney AI生成工具生成了4张美妆首页的UI界面设计，但是这些界面是不能直接拿来用的，图像输出还很粗糙，更多的是给我们一些在UI设计的布局、配色、页面配图方面的一些参考，给我们一些设计灵感，我们需要选取合适的设计图像到Pixso中进行二次创作修改。这里，Pixso设计师选取了右下角的美妆首页设计效果。
注意：大家在实际尝试时，需要特别注意使用清晰的提示词，多加尝试，获取自己满意的图像结果，才能获取更好的设计结果。
2. 使用Pixso修改设计图
在通过Midjourney AI生成工具初步获得了我们较满意的图像后，我们需要到设计工具Pixso中去修改，以便该设计能够在实际中被应用。
Pixso是一款在线协作设计工具，在UI/UX设计方面，功能强大，非常容易上手，不需要下载，直接通过浏览器就可以运行。因此，使用Pixso对AI生成的图像再进行处理将非常便捷，并且国内可打开。 例如，在本次我们选择的AI绘制的美妆首页图像之后，使用Pixso进行设计修改的步骤如下：
1.登录Pixso
通过百度搜索Pixso，进入Pixso官网，点击如下图所示的“免费使用”按钮，进行Pixso账号登录，👉：点击注册Pixso账号。
2.新建一个Pixso文件
如下图所示，登录Pixso后就进入了Pixso工作台页面，在该页面，点击“新建设计文件”按钮，新建一个Pixso文件并进入该文件的编辑器页面。
3.将选取的AI图像拖入Pixso
如下图所示，作为我们本次美妆首页的UI设计参考，我们可以将其拖入Pixso中，方便进行编辑修改。
4.编辑修改图像
如下图所示，在Pixso中，使用文字工具、矩形工具对AI生成的图像进行矢量修改，以便应用。对于需要添加修饰的图标等元素，也可以使用Pixso的插件“iconfont”中的图标，将其拖入画布中，进行修改，非常简单就完成了一个美妆首页的UI界面。
5.通过Pixso链接分享
如下图所示，在使用Pixso修改好UI界面后，可以通过Pixso右上角的“分享”按钮，一键分享设计图给团队中的其他人，让团队其他成员进行查看评论，再对设计图进行优化，最终交付给研发人员进行开发。
写在最后
以上就是使用Midjourney AI生成工具与Pixso协同设计工具进行UI设计的尝试，通过本次试验，我们可以看到当下的AI绘图还不能直接生成可应用的UI界面，但可生成图像情绪板，作为灵感参考，同时通过专业的UI设计工具，比如Pixso对其进行修改编辑，从而完成最终的设计。
最后，还想给大家提一下，对于AI生成方面的UI设计资源，可前往Pixso资源社区探索。Pixso资源社区有很多免费资源可以直接进行使用，并且这些资源都是矢量可编辑的。如果大家对于使用Midjourney AI生成工具查找灵感时，在提示词方面不知道该怎么描述，可以先去Pixso资源社区找找灵感，相信会对大家有所帮助，👉点击进入Pixso资源社区。
