练习1：设计临摹

根据提供的案例进行临摹，用于提高Figma的使用和界面设计的熟练度，并尝试自己查找和填充相关设计元素。

下面是临摹相关的要点：

• 虽然原图是小程序，但临摹时改成APP界面，移除右上角小程序按钮
• 以iPhone17pro 的 402*874 画布进行设计，元素尺寸可以自己调节优化
• 案例中的图片、图标要自己查找，素材内容和来源不限，最终视觉合理即可

练习2：设计改版

在完成临摹后（或已经跨过临摹阶段），分析原案例中存在的问题或可以进一步优化的地方，完成对它的改版/重新设计。

下面是改版相关要点：

• 同样使用 iPhone17pro的画布为主，输出APP界面的设计
• 视觉内容和布局可以随意更改，但不变更原来的主要功能和字段信息
• 视觉风格也可以做调整，但要贴合品牌本身的特性不能毫无关联

相比临摹来说，改版是更进阶且更有价值的练习。同时，针对这个主题我还强烈建议大家尝试使用 AI 相关的工具来生成界面。

既然网上天天把AI做图做项目描述得无所不能，那你们就自己尝试看看它们的生成效果是什么样的，不管用 Image2还是Figma Make、Codex、Claude都可以，看看它们是不是真的具有替代设计和Fimga的能力。

如果连这么简单的界面和项目都做不好，那问题到底出在哪里呢？

下面是临摹的原图，大家可以复制贴到你们的设计画布中：

完成练习以后，大家可以把界面合并到一张大图中（不超过1080P）导出，并发到对应社群中，我们有空时就会进行点评。

我们会收集改版的案例，并结合我们自己做的改版做篇总结，最晚下周一会发出来。大家前期思考、交流越多，那么到时候看这篇总结的作用才越大。

再讲一遍UI周练整体参加流程：

1. 加群（微信群加群方式：超人的电话亭公众号底部【设计干货-Figma交流群】或者小红书搜索酸梅干超人【个人主页-设计交流群】）
2. 获取周练具体说明
3. 完成作业
4. 作业分享到群里或者小红书平台
5. 获得不定时点评
6. 周而复始不断变强

完毕。