火星网校
用AI辅助进行UI界面构思是一种什么体验?
发布时间：2024-01-23 15:19:16 浏览量：194次
首先，看看上述这两个界面，文字细节先放一边，单看这个骨架结构和颜色选取还是相当OK的，那么，取这个图片作为我们进行界面风格的起步参考或许是一种明智的做法。
首先，看看上述这两个界面，文字细节先放一边，单看这个骨架结构和颜色选取还是相当OK的，那么，取这个图片作为我们进行界面风格的起步参考或许是一种明智的做法。
在之前的文章 AI能代替设计师….吗？中，我们说过在中短期的未来，类似ChatGPT或者其他形式的AI，都只是一种更高阶的工具，它可以帮助设计师提供效率完成更多的设计，可以用来代替设计师进行一些视觉化的探索。
那今天的这个文章，我们就来试试这个高阶工具好不好用，要怎么用。
上述的UI生成过程，我在MidJourney Map中进行，总共经历了4个步骤，下面我们一个个来看：
1.
UI UX interface design, dribbble style, outdoor walking navigation, creative, colorful palette, front view, no mockup, –v 5
简单解释一下：
UI UX interface design = 界面设计
dribbble style = 采用dribbble网站上流行的设计语言
outdoor walking navigation = 主题是户外步行导航
creative = 有创意性
colorful palette = 多彩的主题（调色板）
front view = 正面视图
no mockup = 别套样机
这些结果中，第四个我最为满意，希望它能够多做几个衍生（variants）, 所以进入第二步：
2.
点击V4，V的意思是 Variants，V4是做4个衍生。
结果如图：
其实作为界面的参考来说，上述这几个已经够了，但看着这几个觉得2还不错，但仍不足够好，不如再让它生成一轮吧：
3.
继续V2，我们得到基于2号产出的衍生结果：
这时，很明显2图的卡片结构与按钮样式都更好些，插图与色彩的搭配也更动人，不如就选2吧，这时候，就可以U2了。说明一下，U是Upscale, 意思是
4.
点击U2，得到如下图片：
这也是本文开始的图。
那么，要怎么应用这样的AI绘图结果呢？
上图中，我把MidJourney生成的界面扔进了Figma, 并进行了反向Lo-Fi 级别的临摹，得到两个抽象的界面框架。
如果上述看法还不足够呈现一个架空的骨骼的话， 那么，打开框架试图（shift+O）就更能够看到我们临摹抽象出的界面框架。
怎么样？这样的骨骼结构，是不是比自己瞎画出来的好多了？
总结
总结一下，如果你有了一个大致的设计方向，苦于在初步构建设计界面时没有想法，那么类似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扫...
