以下是关于页面 UI 生成的一些好用的 AI 辅助思路:
如果想指定AI生成某个页面(首页、登录页等),只需要再加一段页面指令描述就可以,例如「landing page、Profile Page」。社交平台关键词:「landing page」,一个社交平台的登录页设计就出来了。信息类关键词:「Profile Page」,生成人力资源类产品的个人资料页,里面包含照片、自我介绍、基本信息等内容。最后通过一系列的AI出图操作能发现,Midjourney产出的设计图视觉效果都很不错,更适合在APP设计的初始阶段,例如头脑风暴和风格探索等过程中,为设计师提供更多灵感和创意。如果想让Midjourney产出的UI设计图直接落地开发,目前来看仍有一段距离,但按照AI现在的技术迭代速度,这个距离应该也不会太远…
AI网页原型图生成工具能够帮助设计师和开发者快速创建和迭代网页设计的概念。这些工具通常结合了人工智能算法和用户友好的界面,以简化设计流程并提高工作效率。在[网站生成器](https://www.waytoagi.com/category/71)版块里有了很多推荐的网站。以下几个为推荐的工具:1.即时设计:https://js.design/一款可在线使用的「专业UI设计工具」,为设计师提供更加本土化的功能和服务,相较于其他传统设计工具,更注重云端文件管理、团队协作,并将设计工具与更多平台整合,一站搞定全流程工作。1.V0.dev:https://v0.dev/Vercel Labs推出的AI生成式用户界面系统。每个人都能通过文本或图像生成代码化的用户界面。它基于Shadcn UI和Tailwind CSS生成复制粘贴友好的React代码。1.Wix:[https://wix.com/](https://wix.com/)Wix是一款用户友好的AI工具,可让您在没有任何编码知识的情况下轻松创建和自定义自己的网站,提供广泛的模板和设计供您选择,以及移动优化和集成电子商务功能等功能。Wix建站工具通过拖放编辑、优秀模板和250多种app,能帮助不同领域的用户创建所有种类的网站。1.Dora:https://www.dora.run/使用Dora AI,可以通过一个prompt,借助AI 3D动画,生成强大网站。支持文字转网站,生成式3D互动,高级AI动画。内容由AI大模型生成,请仔细甄别。
2024年5月11日14:14:28开始直接智普,叫它生成羊,狼,锤子,栅栏,胜利图片,失败图片其中:羊,狼,锤子,栅栏叫它生成没有背景的。然后用PS做成透明PNG。因为东西相对简单,所以都是一次过。栅栏生成了比较多次,因为我自己也想像不出来要啥样的比较好,只能生成多个看效果。胜利图片,失败图片,也生成了多次,因为AI无法理解我要的东西,我需要狼,人,羊都在一个画面。目前生成的也不是很理想。直接智普,图片先不放进去。叫它生成HTML的大框架,验证是否能够生成我期望的各个元素的摆放位置。生成HTML代码比较简洁,符合期待。多生成了js现在没啥用,因为JS是属于后期的事情,需求还没给,所以现在不管。到时候写业务逻辑了重新单独写。生成的CSS结构不错,但是position的定位模式不对,导致羊和狼的位置错误。为了快速完成,我直接修改position:fixed;修复该BUG。(个人感觉:AI生成的东西还是不能完全信任,可能有90%能用,但是剩下的10%还是需要有经验的人,或者说是专家进行人工调整。这个让我对于AI生成的其他东西也不敢完全信任。自己学习还是有必要的AI就是个辅助,不知道的东西,有条件的话,问专家应该还是很好的解决方案。)2024年5月11日15:52:52 UI和HTML完成,开始制作JS效果