用AI辅助UI设计后,我发现了4个真香技巧!

一、全文速览图

用AI辅助UI设计后,我发现了4个真香技巧!

我们尝试过用很多 AI 软件辅助我们来进行 UI 界面设计,效率大大提高,这里面有很多小技巧,今天和大家分享一下。

二、可以解决没 UI 经验的基础问题

很多转行来做 UI 设计的同学,他们对 UI 没有太多了解,所以学起来一脸懵,其中第一关就是基础规范。

如果大家不了解基础规范,那做出来的界面就有可能是这样的:

用AI辅助UI设计后,我发现了4个真香技巧!

以前传统做 UI 的时候,还需要去查规范,但是现在完全不用,如果你的一个结构不够合理,比如这种:

用AI辅助UI设计后,我发现了4个真香技巧!

你根本不需要自己改,直接丢给 AI,他直接就能帮你优化好,而且连文字都不要打,直接让他优化:

用AI辅助UI设计后,我发现了4个真香技巧!

AI 改出来的界面,规范要好很多,而且功能信息布局也会更加合理,所以这种基础项的东西,肯定不是什么问题,直接 AI 就可以解决!

三、可以增加界面小亮点

下面两张是我让 AI 生成的充电相关的界面,这其中界面已经做得比较精致了,甚至有一些小亮点:

用AI辅助UI设计后,我发现了4个真香技巧!

举两个简单的例子,就拿底部 tab 图标来说:

用AI辅助UI设计后,我发现了4个真香技巧!

能做到这种水平的都没多少,完全可以直接落地使用的程度!

再比如下面这个按钮,不仅投影用的高级,而且按钮底部,你仔细观察, 竟然还有一条反光线:

用AI辅助UI设计后,我发现了4个真香技巧!

你就说 6 不 6 吧,很多设计师完全没有这种细节意识!

四、规划整体 App 的功能结构

很多同学在做作品的时候,不知道如何开始,尤其是没做过的行业,根本不知道里面的功能和布局应该是什么样子的,这时候 AI 就可以很好的帮你解决这个问题!

比如你可以让豆包或者 gpt 帮你规划,输出文字版本:

用AI辅助UI设计后,我发现了4个真香技巧!

他可以帮你把所有的页面细节都写好,然后你再把文字版本丢给 Code X 或者 Stitch,他又可以帮你把界面做出来:

用AI辅助UI设计后,我发现了4个真香技巧!

关键是,你还可以把他们直接转成 Figma 文件,直接编辑:

用AI辅助UI设计后,我发现了4个真香技巧!

所以现在你根本不需要害怕界面规划和布局的问题,你只需要交给 AI 完成整体框架,然后自己后期微调,再加上一些亮点,就 ok 了!

五、界面可以直接生成可交互式

我们平时自己做的界面全都是静态的,不管是给老板汇报还是和产品经理对接,其实都没有那么方便,如果直接能做成落地的效果,那就会事半功倍!

而 AI 就可以帮我们解决这个问题,我们可以在 AI 里直接生成可以交互的效果:

用AI辅助UI设计后,我发现了4个真香技巧!

这样你在提案的时候,就不需要废那么多口舌了,直接展示效果就完了!

所以说 AI 真的可以大幅度提升我们的 UI 界面设计效率,就看我们怎么更好的去使用它!

总结下来,有以下几点:

  1. 可以解决没 UI 经验的基础问题
  2. 可以增加一些界面小亮点
  3. 规划整体 App 的功能结构
  4. 界面可以直接生成可交互式

学会了,点个赞吧!

收藏 4
点赞 35

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。