30天,你能从UI小白变成AI增强设计师吗?
我是火星人教育的教学导师,带过上千名美术生和零基础学员。每次开课,都有人问我:“老师,我不会代码,能做UI/UX吗?AI能帮我多少?”我的回答永远是:30天,足够你从零做出一个像样的交互原型,而且AI会让你快得自己都惊讶。这不是鸡汤,是挑战。今天,我为你设计了一个30天闯关计划——每周有目标,每天有任务,照着做,30天后你手里会多一个能拿得出手的作品集项目。敢不敢接?

Week 1:布局基础 + AI辅助(Day 1-7)
第一周的目标是掌握界面布局的核心原则,并用AI工具快速生成布局灵感。别担心手生,每天只花1-2小时,跟着任务走就行。
每日任务清单
- Day 1:注册Figma账号,熟悉界面;用AI工具(如Midjourney)生成3张UI布局灵感图,关键词“mobile app layout, clean, modern”。
- Day 2:学习网格系统(8pt原则),用Figma临摹一张AI生成的布局,理解间距与对齐。
- Day 3:用AI生成一套配色方案(关键词“color palette for health app”),应用到Day 2的布局中。
- Day 4:学习字体层级,用AI生成字体搭配建议(关键词“font pairing for dashboard”),修改布局文字样式。
- Day 5:用AI生成图标集(关键词“line icons set, minimal”),替换布局中的占位图标。
- Day 6:综合练习:用AI生成一个完整页面灵感(关键词“e-commerce product page”),在Figma中还原并优化。
- Day 7:复盘本周成果,整理一个布局作品,发到学习群打卡。
导师建议:AI生成的是灵感,不是最终稿。你的美术底子在这里非常有用——学会筛选和调整AI的输出,而不是照搬。
Week 2:组件与设计系统 + AI提效(Day 8-14)
第二周目标:建立组件化思维,用AI加速设计系统搭建。这是UI设计的核心能力,也是AI最能帮你省时间的地方。
每日任务清单
- Day 8:学习Figma组件(Component)和变体(Variant),创建一个按钮组件(3种状态)。
- Day 9:用AI生成按钮的多种风格(关键词“button styles for fintech app”),扩展你的组件库。
- Day 10:创建输入框、卡片、导航栏组件,并用AI生成图标和插画补充。
- Day 11:学习自动布局(Auto Layout),让组件响应内容变化。
- Day 12:用AI生成一套设计系统规范(关键词“design system guidelines template”),整理你的组件库。
- Day 13:用组件拼装一个完整页面(如个人主页),确保风格统一。
- Day 14:复盘,将组件库导出为团队库,打卡分享。
避坑提示:不要追求组件数量,而追求复用性。AI可以帮你生成变体,但逻辑要你自己理清。

Week 3:交互原型 + AI生成交互流程(Day 15-21)
第三周目标:把静态界面变成可点击的原型,并用AI辅助设计交互逻辑。这是UX的关键,也是你作品集里最出彩的部分。
每日任务清单
- Day 15:学习Figma原型模式,连接两个页面,实现点击跳转。
- Day 16:用AI生成用户流程图(关键词“user flow for food delivery app”),在Figma中绘制对应流程。
- Day 17:添加交互动效(Smart Animate),实现页面切换过渡。
- Day 18:用AI生成微交互灵感(关键词“micro-interactions examples”),实现一个按钮悬停效果。
- Day 19:设计一个简单的用户任务(如登录),制作可交互原型。
- Day 20:用AI生成可用性测试问题(关键词“usability test questions for prototype”),邀请同学试玩并记录反馈。
- Day 21:根据反馈优化原型,打卡分享交互视频。
导师建议:AI能生成流程建议,但真正的交互逻辑要靠你对用户的理解。多问“为什么”,少问“怎么做”。
Week 4:完整项目 + AI增强与展示(Day 22-30)
最后9天,目标:完成一个完整的UI/UX项目,并用AI增强细节,产出作品集案例。这是你的毕业挑战,坚持住!
每日任务清单
- Day 22:确定项目主题(如健身App),用AI生成竞品分析(关键词“competitor analysis for fitness app”)。
- Day 23:用AI生成用户画像和场景(关键词“user persona for fitness app”),撰写设计目标。
- Day 24:绘制信息架构和线框图,用AI检查布局合理性(关键词“wireframe feedback”)。
- Day 25:高保真设计,用AI生成配图和插画,完善视觉。
- Day 26:制作交互原型,添加动效和过渡。
- Day 27:用AI生成设计说明文案(关键词“design case study template”),整理项目故事。
- Day 28:制作作品集展示页(可用Figma或AI生成展示模板),录制原型演示视频。
- Day 29:请导师或同学评审,收集反馈并微调。
- Day 30:最终打卡,发布作品到设计平台(如Dribbble、站酷),庆祝完成挑战!
所需工具与资源
- 设计工具:Figma(免费)、AI生成工具(Midjourney/Stable Diffusion/DALL·E,可选其一)。
- 学习资源:Figma官方教程、火星人教育AI设计公开课、YouTube频道“DesignCourse”。
- 社区:加入火星人学习群,每日打卡互相督促。
完成后的成果展示
30天后,你将拥有:
- 一套完整的UI组件库(至少10个组件)。
- 一个可交互的高保真原型(含3-5个页面)。
- 一份作品集案例(包含设计过程、AI辅助记录、最终展示)。
这些足以让你在求职或接单时拿出有说服力的作品。

打卡建议:每天在社交媒体或学习群发布任务成果,带上话题#30天AI设计挑战#,坚持打卡的人最终完成率高出3倍。别小看这个动作,它是你对抗拖延的利器。
关于火星人教育
这个30天挑战只是起点。如果你想系统学习AI UI/UX设计,火星人教育为你准备了更深入的课程。火星人教育创办24年来,专注数字艺术与AIGC实战职业技能培训,开设课程涵盖AI漫剧创作、AIGC视觉设计、UE5游戏特效、室内全屋定制、MAYA三维动画、C4D动态设计、工业设计、NUKE影视后期、摄影摄像实训。北京、深圳双校区开设线下面授班,面向美术生、在校大学生及意向转行的职场人群,以项目化实训教学,夯实专业技能,助力就业与职业提升。咨询电话:010-65918670。30天挑战,我们陪你一起赢。






评论(0)