我们尝试过用很多ai软件辅助我们来进行UI界面设计,效率大大提高,这里面有很多小技巧,今天和大家分享一下。
01 可以解决没UI经验的基础问题
很多转行来做ui设计的同学,他们对ui没有太多了解,所以学起来一脸懵,其中第一关就是基础规范。
如果大家不了解基础规范,那做出来的界面就有可能是这样的:
以前传统做ui的时候,还需要去查规范,但是现在完全不用,如果你的一个结构不够合理,比如这种:
你根本不需要自己改,直接丢给ai,他直接就能帮你优化好,而且连文字都不要打,直接让他优化:
ai改出来的界面,规范要好很多,而且功能信息布局也会更加合理,所以这种基础项的东西,肯定不是什么问题,直接ai就可以解决!
02 可以增加一些界面小亮点
下面两张是我让ai生成的充电相关的界面,这其中界面已经做得比较精致了,甚至有一些小亮点:
举两个简单的例子,就拿底部图标来tab图标来说:
能做到这种水平的都没多少,完全可以直接落地使用的程度!
再比如下面这个按钮,不仅投影用的高级,而且按钮底部,你仔细观察, 竟然还有一条反光线:
你就说6不6吧,很多设计师完全没有这种细节意识!
03 规划整体app的功能结构
很多同学在做作品的时候,不知道如何开始,尤其是没做过的行业,根本不知道里面的功能和布局应该是什么样子的,这时候ai就可以很好的帮你解决这个问题!
比如你可以让豆包或者gpt帮你规划,输出文字版本:
他可以帮你把所有的页面细节都写好,然后你再把文字版本丢给Code X或者Stitch,他又可以帮你把界面做出来:
关键是,你还可以把他们直接转成figma文件,直接编辑:
所以现在你根本不需要害怕界面规划和布局的问题,你只需要交给ai完成整体框架,然后自己后期微调,再加上一些亮点,就ok了!
04 界面可以直接生成可交互式
我们平时自己做的界面全都是静态的,不管是给老板汇报还是和产品经理对接,其实都没有那么方便,如果直接能做成落地的效果,那就会事半功倍!
而ai就可以帮我们解决这个问题,我们可以在ai里直接生成可以交互的效果:
这样你在提案的时候,就不需要废那么多口舌了,直接展示效果就完了!
所以说ai真的可以大幅度提升我们的UI界面设计效率,就看我们怎么更好的去使用它!
总结下来,有以下几点:
01 可以解决没UI经验的基础问题
02 可以增加一些界面小亮点
03 规划整体app的功能结构
04界面可以直接生成可交互式
学会了,点个赞吧!
来源 | 菜心设计铺(ID:caixinshejipu)
作者 | 菜心设计铺 ; 编辑 | 虾饺
内容仅代表作者独立观点,不代表早读课立场
热门跟贴