据静电说:今天的案例赏析栏目咱们为大家介绍的是-百!词!斩!百词斩是一款外语学习工具,看到“斩”这个字就让我们感觉是像水果忍者在切水果一样。
更多案例解析请点击这里查看
而我们看到的LOGO确实很有赶脚。斩!斩!斩!
而百词斩使用类似于克莱因蓝的蓝色,这是一种让人着迷的蓝色。至于这款蓝色的来源,咱们可以百度一下看看。
百词斩的启动界面上布满了单词,第一次看压力山大,什么时候才能把这些词斩干净呢?而闪屏则随机进行词汇的轮播,通过词汇和具体场景描述的结合,让用户随时都遨游在词汇的海洋里。
首页采用浅灰色 白色卡片(浅色阴影)结合的方式,下方右图是我做的示范,阴影一定要浅浅的,最好是3%左右的黑色,这样就很有效果了。然后首页使用了一个主题色蓝色作为按钮,让用户一进首页就聚焦到“开始背单词”这个按钮上。
接下来我们看看商城页的设计要点,商城页虽然列表占主要部分,但是设计师巧妙的将列表也分为几个模块,每个模块用不同的颜色和Title包裹起来,看起来非常有聚焦感,便于用户进行分类选择。这一点做的很棒,很多的小细节造就了优秀的设计,我们可以学起来哈。
而商城页各种卡片(磁片)的设计也让整个页面一点都不混乱。
发现页面,设计师采用了更多的瓷片,单个瓷片的设计采用对角线布局,左上方主副标题,右下角则放上图形,整个页面的识别度非常高,读起来很爽快。靓丽的颜色的使用让这些瓷片非常讨喜。
“我”这个页面几乎是现在所有应用的标配,百词斩走清淡风路线,上方的背景采用了竖向线条,很具个性,头部又不会显得过重。而意见反馈是设计师都会忽视的页面,设计师非常贴心的在这个页面也做了不少处理,比如头部的插画。让我们感觉应用给人的感觉非常亲切。
综上:百词斩中我们要学的就是克莱因蓝作为点睛色的使用,视觉重点如何引导,清淡的瓷片区画风和设计细节的处理都非常到位。这些设计小巧思,设计师小伙伴可以学起来哈!