首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

不是UI设计师也不要紧,这几款免费好用的商用级别UI生成器可以参考!

前面我说了,徒手搓项目不是不行,就是对于有个人开发者意愿的人来说是个难题:要么氪金要么忍受难看的界面。对于商用级别的细节UI处理来说,Copycoder目前使用起来还是没有达到我们的预期。

作为个人开发者,应该遵循什么原则呢?我认为是:1、能够独立开发或承担大部分开发,小部分找外援;2、能够承担产品的角色,3、能够解决UI问题。这三者其实就是正常的互联网项目运行的条件,然而“个人”是具有标签色彩的一点,所以这意味着每个个人开发者不仅要独立承担以上的所有角色,还必须具备非常重要的一点:成本控制。

坦白来说这几天的Deepseek的狂欢刷屏,什么Cursor啦、Windsurf啦、国内的微搭、字节系的编程工具——层出不穷的AI coding工具,已经让以上标签中最具有专业门槛的独立开发变得更加简单。但要想真的做出引人注目的项目,除了好构思,就是好看的界面,至少清爽、风格统一。

下面就推荐2款免费好用、我个人觉得能够达到既让个人开发者突破细节UI烦恼、又能实现成本控制的UI生成器。

UIzard

网址在这里:https://app.uizard.io/。注册即送400积分,生成一个项目模版似乎是要几十积分,我不太记得了,官方文档没有说很清楚。

直接机翻的不同账户类型比较

官方提供的文档说明,直接机翻了

个人实测下来,感觉它更像是通用型的UI生成器。也就是说,如果你的项目不会有太多的个人特色界面,只专注于部分功能或者功能呈现、UI不在你考虑范围,那可以选择它来进行,它能够比较准确的生成主流的各种样式,类似于双排卡片、传统的web页面的单排卡片、带各种遮罩和框线样式、磨玻璃效果等等的,它都能生成。

除此之外,它还贴心的标注好每个页面是使用在什么地方的,如果导出可以直接用了,挺方便的。美中不足的是,不氪金用户每个月只能生成2个引导页(似乎是这个意思)。氪金的话12刀起步。

注意标题文字,它已经切分好了引导页、主页、列表页等等

底tab的图标、下滑的完整页面呈现

如果是不太在乎美观或者个性化与否,其实它做到了开箱即用,直接上手搓,没有太多的不便利,而且支持后期的容器颜色修改、局部图标的修改替换。

放大之后随便点击某个元素区,底部提供了AI助手入口,左右两侧分别是修改的面板,熟悉UI的同学应该都会用

但如果有点追求的话,那还是直接看下一款吧!

Recraft

官方地址在这里:https://www.recraft.ai/。对比上文提到的,Recraft似乎更专注于单个UI元素、banner的设计。注册账户每天有50个积分下发,生成任意尺寸的图片2张消耗4积分,支持导出SVG、PNG、JPG格式。这个对比起来就比上者划算多了。

页面长这样

而且在作画区内是简单粗暴的选择了哪个类型,输入文字,点击生成,生成后不满意就再点一次,颜色也是可以更改的。

选择了image,生成的是图片,绿色的框就是生成区,点击Recraft即可生成

看,上图的2个图标,是不是其实已经达到商用标准了?不仅如此,官方还内置了上百种(没数错的话应该是有100出头的)的风格,点击Apply,到了上面的页面直接换掉提示词,改掉尺寸,点击Recraft,马上生成,速度还特别快,一张图几秒钟吧,就可以生成了。

官方内置的风格一览(1)

官方内置的风格一览(2)

有那么多种风格,只要能耐心等上几天,免费的也能做完一个简单的App项目需要用的图标或者是Banner占位文件之类的了。

当然,Recraft最大的特色是融合,据官方的说明图,提供1张图片,然后再写一些文字,点击生成可以融合成商用级别的Banner或者海报之类的(取决于你设置的尺寸)。

左:使用Frame功能,右:上传的原图和输入的自定义文字

导出的融合新Banner图

电商喜闻乐见的Mook up则提供各种类似于蒙版的功能,光影的细节做的也算可以,但有点小瑕疵。

使用Mook up功能生成的杯子和手拿冰淇淋的图片蒙版

最后,祝大家新年快乐!

自己搓的工作流做的海报,长按可下载保存~

自己搓的工作流做的海报,长按可下载保存~

自己搓的工作流做的海报,长按可下载保存~

自己搓的工作流做的海报,长按可下载保存~

题图:AI

长文制作不易,如果可以,希望您点个赞~设置星标,不错过更新内容~

  • 发表于:
  • 原文链接https://page.om.qq.com/page/ONZG9ZzixyoNvxw3P9fxi5OQ0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券