火星网校
用这个神奇工具做UI设计，感觉如何？一起来体验一下！
发布时间：2024-05-08 12:42:38 浏览量：147次
首先，对比上面这两个界面，暂时不考虑细节文字，单单从骨架结构和颜色选择来看，还是可以的。或许可以以这个图片作为我们界面风格的参考起点。
在之前的一篇文章中，我们提到了AI能否取代设计师的话题。而在未来2024年及更晚的时候，像ChatGPT这样的AI工具只是设计师的高阶助手，能帮助设计师更高效地完成设计，可以用来探索视觉化的可能性。
那么，今天我们就来尝试一下这种高级工具的使用效果，以及如何使用它。
上述的UI生成过程我在MidJourney Map中展开，总共经历了4个步骤，接下来逐步解释：
第一个步骤：
UI UX界面设计，采用dribbble的风格，主题是户外步行导航，富有创意和多彩调色板，正面视图，无模型 -v 5
简单解释一下：
UI UX界面设计 = 界面设计
dribbble风格 = 采用流行的设计语言
户外步行导航 = 主题以户外步行为导向
富有创意 = 具有创造力
多彩调色板 = 采用多种颜色
正面视图 = 以正视角展示
无模型 = 不使用模型
在这些结果中，我最满意的是第四个，希望能生成更多衍生品，于是进入下一个步骤：
点击V4，V代表衍生品，V4是生成4个衍生品的意思。
结果如图所示：
作为参考，上述几个已经足够了，但我觉得第二个不错，但还不够完美，所以让它再生成一次：
继续V2，我们得到基于第二个生成的衍生品：
这时，明显看到第二幅图的卡片结构和按钮样式更好，插图和色彩搭配更吸引人，因此选择第二个，这时候就进行Upscale（放大）到U2。
点击U2，得到以下图片：
这也是本文开始的图片。
那么，如何应用这样的AI绘图结果呢？
在上图中，我将MidJourney生成的界面导入了Figma，并进行了逆向Lo-Fi级别的临摹，得到两个抽象的界面框架。
如果以上看法不够清晰呈现骨架结构，那么打开框架试图就更能看到我们临摹出的抽象框架。
这样的骨架结构，是不是比自己随意画的要好很多呢？
总结一下，如果你有了初步设计方向，却苦于构建界面时没有灵感，类似MidJourney这样的工具可以帮助我们画出“低保真原型草图”。但是，工具是工具，灵感来源于人，一定要善用工具而不被工具束缚。
点击咨询了解更多关于界面设计的内容！
热门课程推荐
热门资讯
-
想将照片变成漫画效果？这篇文章分享了4个方法，包括Photoshop、聪明灵犀、VanceAI Toongineer、醒图，简单操作就能实现，快来尝试一下吧！
-
2. 华为手机神奇“AI修图”功能，一键消除衣服！原图变身大V领深V！
最近华为手机Pura70推出的“AI修图”功能引发热议，通过简单操作可以让照片中的人物换装。想了解更多这款神奇功能的使用方法吗？点击查看！
-
近年来,人工智能逐渐走入公众视野,其中的AI图像生成技术尤为引人注目。只需在特定软件中输入关键词描述语以及上传参考图就能智能高效生成符合要求的...
-
4. AI视频制作神器Viggle：让静态人物动起来，创意无限！
Viggle AI是一款免费制作视频的AI工具，能让静态人物图片动起来，快来了解Viggle AI的功能和优势吧！
-
5. Logo Diffusion——基于sd绘画模型的AI LOGO 生成器
这下LOGO设计彻底不用求人了。接下来详细演示一遍操作流程首先进入Logo D... 想学习更多AI技能,比如说关于怎么样利用AI来提高生产效率、还能做什么AI...
-
6. 零基础10分钟生成漫画，教大家如何用AI生成自己的漫画
接下来,我将亲自引导你,使用AI工具,创作一本既有趣又能带来盈利的漫画。我们将一起探索如何利用这个工具,发挥你的创意,制作出令人惊叹的漫画作品。让...
-
7. AI显卡绘画排行榜:4090无悬念，最具性价比出人意料
在AI绘图领域，Stable Diffusion的显卡绘图性能备受关注。本文整理了Stable Diffusion显卡的硬件要求和性能表现，以及2023年3月显卡AI绘图效率排行榜和性价比排行榜。欢迎查看最新的AI显卡算力排行榜。
-
以下是一些免费的AI视频制作网站或工具,帮助您制作各种类型的视频。 1. Lumen5:Lumen5是一个基于AI的视频制作工具,可将文本转换为视频。 用户可以使...
-
就能快速生成一幅极具艺术效果的作品,让现实中不懂绘画的人也能参与其中创作!真的超赞哒~趣趣分享几款超厉害的AI绘画软件,提供详细操作!有需要的快来...
-
10. 10个建筑AI工具，从设计到施工全覆盖!肯定有你从来没听过的
讲述了建筑业比较著名的AI公司小库科技做出的探索,在这儿就不多说了。今天,我们试着在规划设计、建筑方案设计、住宅设计、管道设计、出渲染图、3D扫...
