介绍
UI设计中登录页属于不可或缺的页面，也是结构相对简单的页面，往往需要占据较大空间的插画支撑，这就给AI生图较大的发挥空间。
工具介绍
操作步骤
1、设定场景和风格，如果没有灵感我们也通过询问AI得到启发
2、找参考图，场景、风格
3、使用AI生成大致效果
4、微调细节，处理一些不理想的细节
5、使用图片搭建登录页效果
6、尝试把图片变成动画，由于视频目前无法做局部二次编辑，我们需要消耗更多的资源，用此需要在保证前面步骤生成的内容足够好的前提下，才开始做这个工作。
需求案例
需求分析
系统名称：鞋业生产全生命周期管理系统
内容设定：生产车间，办公，流水线，女士鞋
风格设定：等距场景，低几何体
实践过程
1、设定场景和风格
这个案例涉及到鞋业的生产，那么通过一个简易的生产流程场景，就能比较具象地表达全生命周期这样一个过程。
以“场景科技生产线”为关键词，在pinterest可以搜到以下的参考内容：
经过筛选，选定了以下主体和风格
2、借助豆包或者gemini合并两张图片，在此过程可能需要经过若干次重试，直到大体内容达到满意的效果。
3、然后就是不断的微调过程，与AI不断互动调整，以下是跟豆包不断交流调整的过程。
4、画面调的差不多了，就上传到星流AI中高清放大；为了得到更加纯净的背景色，我还使用了“去背景”功能。
5、将去除背景的主体放到Photoshop里进行编辑，保留主体的底部阴影，导出一张没有透明背景的png图片，就可以进行登录页面的制作了；如果还打算继续把图片处理成视频，则可以加个纯色背景后导出。
6、导出的图片放到Figma原型工程，看看登录页面效果，貌似还可以。
7、通过豆包或gemini的veo3，就可以快速将图片变成视频
8、视频放到登录页面中，并加了个保险，如果浏览器不支持就还是用回原本的图片，最后效果如下。
总结
说实话最终出来的视频我也没有很满意，起始帧和末尾帧没有无缝衔接，场景人物动作也比较缺乏逻辑，主要原因是最初的场景构思没有多完善导致的。
整体实践下来，技术路线是没有问题的，后面的项目我们可以把更多时间花在构思和创意上，实现更多有趣的UI效果。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
