本次优化案例主打一个关注细节，一起来看看吧。
先来看看优化前：
再来看看优化后：
优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！
第 1 步：区分顶部卡片和背景
优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来：
第 2 步：给人物视觉元素调色
优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满：
第 3 步：优化排版
最后，我们可以微调顶部卡片的文字排版，使其疏密有度：
第 1 步：优化 TAB 标签
优化前的 TAB 标签设计过于花哨，喧宾夺主，我们可以将其精简设计：
第 2 步：优化中部卡片的排版
优化前卡片的字号对比偏弱，行间距缺乏层次感，分割线的样式过于跳脱，按钮设计表现力又太弱，这些都需要我们重新排版优化：
优化前的底部图标设计不统一，具体而言，没有做到白色负空间线面的一致性，需要优化设计。
另外选中态图标和中控图标不够清晰，我们需要提升它们的清晰度：
最后，来看看优化前后对比吧：
通过这次学员的作业优化，你 Get 到优化界面的知识点了吗？
