蛋卷基金品牌/界面设计总结--小鸡诞生记

前言：蛋卷基金，是雪球旗下的一款以销售公募基金为主的App，提供简单便捷的基金购买服务。经过半年多的持续思考和行动，设计师们跟产品团队的其他成员一起，经历了一个基金产品从无到有的全部过程，并最终把这只叫做蛋卷的小鸡孵化了出来。这一次，我们能有机会把设计思维更深入、更完美地融入到产品中，让设计助力小鸡奔跑。 

产品理念

从一开始蛋卷基金的产品团队就有一个共识，希望用户能够明白“买基金是一件简单的事情”。这个“简单”需要贯穿到用户接触产品的各个地方，从理解“为什么要买基金”，到“买什么样的基金”，到买基金的整个交互流程，到买入后的分享、分析及炫耀，每一个步骤，我们都希望做到极致，让用户简单地享受其中。同时，我们也小范围地做了一些用户调查，让他们给出一款新的基金产品希望给人留下的印象：

设计原则

围绕着产品的基本理念，和简单的品牌策略分析，我们制定了基本的设计原则，并力图贯穿在产品的设计中。

视觉形象

把一个概念加在另一个概念上，让受众更容易接受，更加有亲和力。苹果和电脑，推特和社交，天猫和网购；这些成功的案例都是把无形的概念转化成更好让人接受的形象。我们希望用最简单、直接的形象来映射“基金”这种产品类型，小鸡的概念自然而然地就产生了。然而，市面上有太多的小鸡形象了，差异化和风格化确实是一个难点，要让这只鸡的形象简单、好记并有特色，极考验设计师的能力。幸好，当这只小鸡形象面世时我们收到的反馈还不错，鸡冠那个红色箭头，与行业特征相呼应。

logo的视觉形象采用了一种比较突出的风格，这种风格也贯穿到其它的图形设计上。

品牌形象的延展

一只小鸡是孤独的。我们之所以选择这样的一个图形作为小鸡形象，除了看到这个设计风格的特点和可延展性外，另外重要的一点是设计师在设计脑暴的过程中给这只叫蛋卷的小鸡赋予了大白鹅和小鸟这两个小伙伴，这让我们看到了品牌衍生的更多可能性。我们没有要刻意去模仿line，但是品牌形象群的概念在重视IP的如今显得更有价值。这两只小动物我们还没有取名字，有什么好的建议欢迎告诉我们，说不定能得到日后开发的周边作为回馈:)

信息架构

在进行品牌形象设计的同时，我们也在同步进行产品的信息架构设计。鉴于前期我们所了解的身边有很多人其实对基金是什么、该怎么去买没有太明确的概念，我们在最初的信息架构里强调了一下内容属性，将基金知识作为一个独立的tab：

实际上这个结构一直保持了很久……但在上线前一个月，我们根据部分内测用户的反馈，以及反思了在过去数月时间里产品策略和定位的变化，我们认为这个结构已经无法支撑目前的产品定位，所以快速调整产品架构，成了现在线上的样子：

我们决定将产品最核心的内容（基金）从设计上做一个区分，让产品内容更容易理解，而选择把原来花了很多功夫去做的文章类内容暂时收起来，之后如果有需要再把这块内容做下去。一个新的产品保持快速的响应速度是有必要的，作为设计师也应该有良好的心态拥抱变化。高兴的是，这次快速的改版带来了不错的效果。

定义界面设计规范

在设计前期我们研究了一些基金/金融类App ，但仅仅只是的做了粗略参考，因为我们希望蛋卷能从最根本出发寻找合适的设计，而不被目前已有的设计所束缚。从前期Moodboard的运用，到参考一些App并根据基金/理财的特殊属性，确定了蛋卷的界面设计方案，并定义好蛋卷的Color Board：

主色调为年轻又有活力的橙黄色（#ffac12）。在界面设计过程中定义好主色调、辅助用色、文字用色，并分别归类和确定使用场景，在后续界面的铺陈中能帮助保持设计的一致性；工程师也能更好的根据色彩类别去调用对应的颜色，提高效率。

不止是简单

在界面设计的过程中，我们遵循内容优先的设计原则，但在保持简单克制的同时，设计师都会都跳出规则去多想一想，这样是不是无趣的，有没有更丰富的展现方式，是不是偶尔可以有趣一点？ 例如在最核心的基金详情页面，我们会试着让基金评级的表现方式更好玩一点，收益计算器也不像其它产品那么严肃。

蛋卷整体的界面设计以简为主，从关心内容本身出发，去寻找合适而自然的表现方式。

品牌视觉形象跟产品设计的融合

蛋卷产品在设计之初就极为看中品牌形象的塑造和应用，因为我们知道一个个性鲜明的品牌符号能够帮助产品更深入人心。因此在进行各种产品界面设计的时候我们加强了这个符号的融合。在针对不同用户的理财产品进行设计时，这种拟人化的品牌形象的引用迅速拉近了产品跟客户之间的距离，生活场景的设计展现能够让用户有亲切感。蛋卷的产品是极重视场景化营销的，我们通过设计，将这些场景或者说是销售策略自然而明显的区隔开。

另外，在一些数据加载、空白引导等页面使用品牌形象，不仅进一步加强品牌印记，也能让基金产品变得生动有趣一些。

写在后面

蛋卷基金的设计持续了半年多，期间有许多的变化，我们很遗憾有很多觉得精彩的设计没能在正式上线的时候展现给大家，但同时也很高兴，在保持克制的同时能够打磨出一些亮点。1.0版本肯定有各种各样的的不足，这是我们深知的，如果你还喜欢这款产品，请说出你的建议，我们在听。很大程度上，设计的价值体现在商业价值里，这只小鸡能跑多远，让我们拭目以待。

最后，感谢为这个项目付出的设计师 @Ambersxl  @AllenVic  @Yang，还有其他可爱的产品团队的成员。

知道你已经迫不及待地想使用了，请点击文章左下角的“阅读原文”或浏览 https://danjuanapp.com 下载蛋卷App， 别忘了给好评哦亲 :)

----------------------------------------------------------------------------------

雪球设计中心XDC，正在招募品牌设计师、用户体验设计师，加入我们，一起让互联网金融变得有意思，简历投递 zhangwei@xueqiu.com