
一、全文速览图

不会这4个表情设计技巧,AI给你用也是白费!一、全文速览图 很多设计师在做图标的时候,喜欢加表情,也包括我自己,用表情增加一点活力,以此来增强设计感,大家可以看看我以往的个人作品,很多加表情的设计: 但是很多人表情加的并不好,尤其很多人用AI辅助之后,AI味十足。阅读文章 >
我们尝试过用很多 AI 软件辅助我们来进行 UI 界面设计 ,效率大大提高,这里面有很多小技巧,今天和大家分享一下。
二、可以解决没 UI 经验的基础问题
很多转行来做 UI 设计的同学,他们对 UI 没有太多了解,所以学起来一脸懵,其中第一关就是基础规范。
如果大家不了解基础规范,那做出来的界面就有可能是这样的:

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

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

AI 改出来的界面,规范要好很多,而且功能信息布局也会更加合理,所以这种基础项的东西,肯定不是什么问题,直接 AI 就可以解决!
三、可以增加界面小亮点
下面两张是我让 AI 生成的充电相关的界面,这其中界面已经做得比较精致了,甚至有一些小亮点:

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

能做到这种水平的都没多少,完全可以直接落地使用的程度!
再比如下面这个按钮,不仅投影用的高级,而且按钮底部,你仔细观察, 竟然还有一条反光线:

你就说 6 不 6 吧,很多 设计师 完全没有这种细节意识!
四、规划整体 App 的功能结构
很多同学在做作品的时候,不知道如何开始,尤其是没做过的行业,根本不知道里面的功能和布局应该是什么样子的,这时候 AI 就可以很好的帮你解决这个问题!
比如你可以让豆包或者 gpt 帮你规划,输出文字版本:

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

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

所以现在你根本不需要害怕界面规划和布局的问题,你只需要交给 AI 完成整体框架,然后自己后期微调,再加上一些亮点,就 ok 了!
五、界面可以直接生成可交互式
我们平时自己做的界面全都是静态的,不管是给老板汇报还是和产品经理对接,其实都没有那么方便,如果直接能做成落地的效果,那就会事半功倍!
而 AI 就可以帮我们解决这个问题,我们可以在 AI 里直接生成可以交互的效果:

这样你在提案的时候,就不需要废那么多口舌了,直接展示效果就完了!
所以说 AI 真的可以大幅度提升我们的 UI 界面设计效率,就看我们怎么更好的去使用它!
总结下来,有以下几点:
- 可以解决没 UI 经验的基础问题
- 可以增加一些界面小亮点
- 规划整体 App 的功能结构
- 界面可以直接生成可交互式
学会了,点个赞吧!
