这句话放到以前,是我们这些学美术出身的设计师想都不敢想的,
这篇文章 是我抽时间总结的 关于AI实践的相关经验,
主要是关于 UI里的交互视觉动效,我这里以AI相关APP产品为例,
ps:作为AI与动效新手,我还有很多不明白的地方,有相关经验的大佬请赐教🙏
以我经历的几个公司团队为例,在以前,团队的大多数动效实现方式是:
动效软件设计 → 导出序列帧(复杂动画)/ Lottie(简单动画)→ 提供给开发
这种方式在早期项目中比较常见,但随着APP的交互越来越复杂,逐渐暴露出几个问题:
导致
APK体积不断膨胀
。研发要求一压再压,已经压榨到极限。
随着 AI 能力增强,动效需求明显升级:AI UI需要具备实时计算、动态反连续交互。
这时候我已经没有办法了,但是想到AI既然这么强大了,那不如自己做吧,
爹有娘有,不如自己有。
借助
AI代码工具
,设计师开始直接生成 Shader 动效代码。
设计Prompt → AI生成代码 → 本地调试 → Git协作 → 开发接入
这里我以我的项目用到的OpenGL实现的 Shader 为例
OpenGL 是由 Khronos Group(科纳斯组织) 维护的
跨平台图形编程接口
(图形API)
,用于渲染 2D/3D 矢量图形。它提供了一组
标准化的函数
,允许开发者直接调用 GPU 硬件加速功能,实现高效的图形渲染。
Open GL:是一个由Khronos组织,制定并维护的
标准与规范
,包含了一系列可以操作图形、图像的
函数
。
在OpenGL之前,程序猿要写不同的函数适配不同的平台。
有OpenGL之后,程序猿写一套函数就能适配不同的平台。
Khronos Group 制定的
OpenGL
,就像一本
“统一的菜谱规范”
👉 只要大家都
遵循这本“菜谱”(OpenGL标准)
不管你用什么厨房,都能做出“同一道菜”(一致的图形效果)。
这里大家挑选自己顺手的AI工具就好,我比较喜欢TRAE,上手快、质量高。
国际版:易上手,模型库更加国际化,包含GPT-5 系列(medium/high/5.1/5.2/5.3-codex)、Gemini-3-Pro-Preview、Grok-4 以及 Gemini-2.5 系列,以及 DeepSeek-V3.1 和 Kimi 。开会员就有更多的使用次数、Solo模式。
按照 Trae 负责人的说法,Solo 模式就是想让大家沉浸在与AI的对话中,把重心从代码细节上挪开。所以它不限于程序员,普通人也可以用它来做一些文稿编辑或内容创作。
专门用来处理复杂编程项目的智能体,是以任务为单位,右侧面板有实时跟随,这样就可以知道当前进行到哪一步,完成任务之后有个专门的代码变更汇总
安卓项目在 Android Studio(官方IDE)中创建和编辑,所有代码、资源、配置均在本地机器上管理。
个人感觉GPT-5.4 和 Gemini3.1 pro写代码效果最好
上传图片和文字,关于prompt这么写更好下文会写
开始执行后,基本上就不需要管了,Agent会帮你完成所有的编译,中间只需要确认几次权限
自己先可以随意一些,写下自己的想法,包括动画怎么动、哪些颜色、想调整哪些参数。然后再利用AI优化Prompt。AI优化后的Markdown格式更方便Agent理解。
我认为这是AI时代设计师的核心能力,通过
图文结合
的Prompt方式描述效果,生成 Shader 动效代码。这一步做的好,能够更快更好的提升AI的还原度,让AI更容易理解你的需求。但是这一步对设计师的审美、手搓能力要求比较高。
这里我因为是要做安卓APP,所以用安卓为例。其实道理都是相通的,无论你是用Swift还是做一个web项目。
Android Studio 是谷歌推出的一个Android
集成开发工具
,提供了Android应用开发所需的一系列工具和功能,包括代码编辑器、调试器、虚拟设备模拟器、代码分析器等等。
如果已经使用TRAE生成了一个完整的安卓项目文件,可以直接看以下步骤:
做的这些,其实目标不是成为开发,而是能够:设计师
独立调试动效效果
。因为以前每次调试效果都要工程师帮忙修改,返工次数很多导致浪费了许多时间。
现在只用设计师调试好满意的效果,基本上一次性打包给工程师就可以了。
如果有一个愿意花时间跟你研究Shader的开发,那就更好了。
设计师 → 完整项目文件打包 → 开发解压导入→ 搜索GL代码→ 摘出来接入找代码改动点麻烦代码版本管理混乱
确认效果后:代码上传 Git 仓库流程变为:设计师 → 提交 Shader → 开发拉取代码接入
这里我让开发帮助搭建Git工作流:🔗设计师动效开发操作手册
AI时代,设计师的能力边界正在快速扩展,设计与技术的界限逐渐消融。
过去需要设计师+工程师协作完成的表达,如今设计师借助AI与代码工具,已经可以独立实现。
AI让“会做”不再稀缺,但“做什么、做到什么程度”变成了真正的分水岭。
最后分享一张很喜欢的摄影作品,不知道AI能不能拍出这样的照片。