本文是对 UI 新手在临摹练习中常见错误的复盘与点评，旨在帮助初学者提升设计质量。文章总结了六个主要问题：间距控制不合理、状态栏颜色使用不当、字体选择错误、图文结合对比度不足、分割线颜色过深以及成果展示时的细节疏忽。作者通过具体案例图示，详细解释了每个问题产生的原因及其对设计专业度的影响，并提供了改进建议。文章强调了临摹不仅要追求速度，更要注重质量和规范，培养严谨的设计习惯，这对于设计师的成长至关重要。最后，文章预告了下一次周练的主题：响应式网页设计。
原创 酸梅干超人 2026-01-12 22:35 上海
上周周练结束到现在，同学们参与且提交的练习作业有不少：
第一期周练通知：Figma第一章更完，周练启动
这次的练习很简单，很多同学当天就做完了，另一些同学则做得比较久，一天和三天的都有。临摹做图的快慢主要反映软件操作的熟练度，外加一部分 UI 相关设计操作流程和方法的认识。
想要做得更快更有效率，唯一的途径就是 —— 多练。做的越快，那就证明软件操作和界面设计方法的掌握，所以如果在这次练习中觉得速度太慢，那就完成其它几个页面的临摹，甚至找更多页面来临摹就行。
除了速度外，设计的产出还需要考虑质量，不是光把图做出来就行，还需要确保图做的对且做的好。所以即使是临摹，也要对此有所要求，不是只做的和原图 “差不多” 就行了。
下面我们就对作业做个点评，因为作业提交的有不少，我们不可能全部罗列出来，所以我们针对最常见的几个问题做个总结，帮助大家更好的理解界面设计的思路以及进行自查。
作业问题整理
1.间距控制
很多元素是没有对齐或是控制合理间距的，仅仅是把元素放到画板里而不是 “排版” 进去。
要培养习惯置入画布的任意元素要查看它们和其它元素的间距，以及确定它的排版逻辑，是基于哪个元素做对齐的。尤其是在组件内部边缘的元素，尽量确保间距的一致性。
2.状态栏颜色
状态栏在界面中几乎要“消失”，和背景的对比度不够。
这也是个老生常谈的基础问题，浅色用深色状态栏，深色用浅色状态栏。
3.字体使用
设计过程使用了非苹方字体。正常 UI 设计项目中，只有在特定装饰型标题上会使用其它字体，尽量不要在以 iOS 规范为标准的界面中使用其它字体类型。
4.图文结合
背景图太亮又使用亮色或对比度不够的文字，导致最后信息是无法被正常查看的。
文字是信息，是需要被正常预览浏览的关键元素，要不然选择合适背景的图片，要不然就在文字下方叠加特定的色彩背景提高对比。
5.分割线
很多分割线使用的颜色过深，在画面中过于突兀和显眼（原设计也不合理，需要改掉）。
分割线在 UI 中的作用是一种视觉辅助，帮你隔开不同的模块。这条线只有存在潜意识能受到影响即可，而不是直接让用户去“感知”到的。
6.成果展示
还有个不是界面设计本身的问题，而是导出展示的问题，很多作业的最终效果会出现边缘不对齐、原图被裁切等各类细节错误。
这种错误源自轻视，这种轻视会在后面的作品集包装设计中充分暴露出来，大大降低专业性的评价。如果日常吊儿郎当习惯了，是不可能在你想细心的时候就细心得起来的。
下次周练内容
因为 Figma 最新课程2.4中更新了响应式网页的设计案例，所以本周的练习主题也是网页设计。
官网链接，可直接查看：https://www.nio.cn/
具体作业要求可以访问 UX 百科的相关页面，我们后续会将所有周练内容统一放进去：
周练说明：
https://www.uxbaike.com/post/33878/34341
结尾
目前 Figma 课程还在更新中，大家有课程的建议可以在社群里发出来，帮助我们更好优化课程的内容。
另外我们的 C 端体验设计已经蓄势待发了，2026 的第一波变强在等你~
下篇再贱~