作品总是没细节怎么办？7个步骤带你掌握高手的优化技巧！

往期教程：

这次我们要优化的界面，是带有运营属性的打卡获奖页面。

先来看看优化前的界面吧：

这是优化后的界面：

今天的知识点有点多，一起来看看吧。

一、标题设计

1. 页面主标题

我们可以给页面的主标题“打卡赢签名”换一个有点个性的字体，并通过颜色区分信息的主次，再加上手写体的英文作为修饰：

2. 主体的标题

同样，我们可以给“球星签名纪念币”增加 Award 样式的图形装饰，再加一个小标签：

二、升级质感

优化前的奖品是扁平插画风，虽然也能传达准确的信息，但是表现力薄弱。我们将扁平插画风升级为浮雕银币质感，并统一造型，别问我怎么做到的，问就是 AI：

三、容器思维

生活中我们会把物品归类。就像被子和被子叠在一起，衣服和衣服挂在一起，书本放在书架上。渐进呈现，用容器思维来完成“空间膨胀术”。

在这个案例中，主体的标题和主体物放进一个容器里，会使页面充盈并有明确的视觉引导：

四、状态区分

通过设计区分出奖品等级的选中态和非选中态：

五、卡片设计

给卡片来点儿特殊的造型，增加设计细节：

六、底纹

为了丰富设计层次，我们还可以增加图案和文字底纹：

七、光感

就像在暗环境里，打高光可以增加氛围感，我们在这个暗色界面也来点儿光效，作为点睛之笔：

最后，对比一下优化前后的界面：

虽然这次的知识点有点多，但相信你一定能掌握，并在实践中 get 有用的优化思路。