【案例赏析】百词斩APP，这些设计细节大家要学起来~

据静电说：今天的案例赏析栏目咱们为大家介绍的是-百！词！斩！百词斩是一款外语学习工具，看到“斩”这个字就让我们感觉是像水果忍者在切水果一样。

更多案例解析请点击这里查看

而我们看到的LOGO确实很有赶脚。斩！斩！斩！

而百词斩使用类似于克莱因蓝的蓝色，这是一种让人着迷的蓝色。至于这款蓝色的来源，咱们可以百度一下看看。

百词斩的启动界面上布满了单词，第一次看压力山大，什么时候才能把这些词斩干净呢？而闪屏则随机进行词汇的轮播，通过词汇和具体场景描述的结合，让用户随时都遨游在词汇的海洋里。

首页采用浅灰色+白色卡片（浅色阴影）结合的方式，下方右图是我做的示范，阴影一定要浅浅的，最好是3%左右的黑色，这样就很有效果了。然后首页使用了一个主题色蓝色作为按钮，让用户一进首页就聚焦到“开始背单词”这个按钮上。

接下来我们看看商城页的设计要点，商城页虽然列表占主要部分，但是设计师巧妙的将列表也分为几个模块，每个模块用不同的颜色和Title包裹起来，看起来非常有聚焦感，便于用户进行分类选择。这一点做的很棒，很多的小细节造就了优秀的设计，我们可以学起来哈。

而商城页各种卡片（磁片）的设计也让整个页面一点都不混乱。

发现页面，设计师采用了更多的瓷片，单个瓷片的设计采用对角线布局，左上方主副标题，右下角则放上图形，整个页面的识别度非常高，读起来很爽快。靓丽的颜色的使用让这些瓷片非常讨喜。

“我”这个页面几乎是现在所有应用的标配，百词斩走清淡风路线，上方的背景采用了竖向线条，很具个性，头部又不会显得过重。而意见反馈是设计师都会忽视的页面，设计师非常贴心的在这个页面也做了不少处理，比如头部的插画。让我们感觉应用给人的感觉非常亲切。

综上：百词斩中我们要学的就是克莱因蓝作为点睛色的使用，视觉重点如何引导，清淡的瓷片区画风和设计细节的处理都非常到位。这些设计小巧思，设计师小伙伴可以学起来哈！