真没想到，一个简单的界面里面有20多个细节！

本次优化案例是我们一位学员的作业。主打一个关注细节，一起来看看吧。

先来看看优化前：

再来看看优化后：

优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！

优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来：

优化前的人物元素掉色过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满：

最后，我们可以微调顶部卡片的文字排版，使其疏密有度：

优化前的TAB标签设计过于花哨，喧宾夺主，我们可以将其精简设计：

优化前卡片的字体大小对比和行与行的间距没有做到疏密有度；分割线的样式过于跳脱；按钮设计表现力又太弱；这些都需要我们重新排版优化：

优化前的底部图标设计不统一，具体而言，没有做到白色负空间线面的一致性，需要优化设计。

另外选中态图标和中控图标不够清晰，我们需要提升它们的清晰度：

最后，来看看优化前后对比吧：

通过这次学员的作业优化，你Get到优化界面的知识点了吗？