美文网首页提笔写点字PMskilla
聊聊百度理财的 icon 和新手引导设计

聊聊百度理财的 icon 和新手引导设计

作者: Xueming | 来源:发表于2014-05-06 21:57 被阅读258次

    百度理财 App 的 icon 设计和新手引导做的很不错,稍微写一下。

    首先是 icon 的设计,第一眼其实并不出彩,金色的钱币搭配红色的背景,虽然颜色很挑,但看不太出来是什么东西。不过,硕大的“du”字,加上金币头上的两只“耳朵”,到也跟百度的 Logo(熊掌)有了一点关联性。

    然后是新手引导设计,如下图所示:

    百度理财新手引导
    • 简洁的文案搭配简单的配图,非常简明地表达了产品的三个特色功能
    • icon 从始至终都显示在屏幕的中心位置,再配合虚线将文案和配图进行有效的关联,确保了三个元素的关联性,有效避免了元素的孤立感
    • 在引导页面切换的过程中,icon 始终是动态滚动了,直到切换到最后一个页面,才恍然大悟:一枚金币,经历过一小段的旅程之后,投放到了存钱罐。

    金币和存钱罐合并之后,正好构成了 App 的 icon,首尾呼应,非常自然。

    相关文章

      网友评论

        本文标题:聊聊百度理财的 icon 和新手引导设计

        本文链接:https://www.haomeiwen.com/subject/afprtttx.html