01. 设计原则

财蜂发财树在行业内还属于初生产品,考虑到市场上有一些高认知度的产品,作为追赶者,产品的高认知度是首要应该考虑的,作为理财类软件,“安全”是给到用户的第一印象。财蜂发财树的品牌理念是“让理财更安心”。所以品牌关键字是[ 安心的理财 ]  [便捷的理财 ][ 有品质的理财 ]。产品从安全、信任、认知、效率、操作5个维度来设计。提升产品的认同感和归宿感,增强品牌意识,让用户感觉是一款值得信任的理财产品。

1:安全-提高安全感,让用户放心及时的交互反馈,友好的的安全提示信息

2:认知-轻量和卡片式设计提升专注度 轻量化的界面能让用户获取核心信息,让用户在使用过程中更专注。同时卡片式设计更    灵活更聚焦。

3:效率-模块化的设计提升一致性 模块化设计能在快速迭代的设计过程中保持体验上的一致,便于用户更自然的操作。

4:操作-用空间间隔减少干扰界面设计专注于功能,通过合理的层次区分,以增加界面的可读性,用大面积的纯色来划分区块,让界面信息更清晰通透,减少对用户在使用过程中的干扰 

5:信任-简约统一的形象拥抱一致性设计,更少的色彩能让品牌形象更突出,降低字体类型数量,强化排版设计和美感。 一个好的APP不应该让用户上手有困难,不应该操作上让人望而生畏,更不能在视觉上让用户觉得高冷,新的版本设计的尝试着拉近软件与用户之间的距离。

02. 配色

品牌设计之初我们首先定义了品牌色,我们从品牌最原始和直接的品牌名入手,将「财蜂」和「发财树」这两个意象进行场景化,然后从场景中去提取色调,最终提炼定义了我们的品牌色,用户通过名称进行场景相关的联想很容易与品牌色建立联系,加深品牌印象。

03.APP设计

1: 设计风格

APP设计风格以扁平,透气,大量余白,对角渐变,卡片式滑块展现。规范整个APP的文字颜色以及字号大小,对页面控件图标统一绘制,视觉规范化。统一页面的图标风格大小以及线条粗细。图标变得更扁平,辨识度更高。。轻薄扁平,空,透气,采用了渐变色和卡片式设计,优化通信息字段的字体大小以及灰度。增强其可阅读性,强化重要信息,弱化非重要信息,让整个页面看起来通透干净。

2: 版式结构

优化版式结构,以简约布局,最大化凸显内容位置,界面以左对齐分栏布局,采用大量卡片式结构灵活呈现内容。在内容的展现上做到易扩展,凸显核心,从而简化了内容,整体给人简约,宁静的感受,不强制,不给人压迫感

4: 图标的设计

图标设计统一的栅格体系,保证视觉大小一致性。

为了保证系统图标的视觉大小一致,谷歌官方给安卓系统制定了一套完善的栅格系统。这套栅格系统分别定制了方形图标,圆形图标,横长形图标和竖长形图标。因为不同图形的图标的视觉张力不同会给人不同的视觉大小,这套栅格就是为了能够保证不同形状下图标的视觉大小一致。线性图标简单直接,通俗易懂,具有很高的辨识度,并且有助于APP的轻量化

主界面的图标设计均以金融理财为原型而衍化而来,给人以场景感,真实感且生活化的感受,传达了品牌价值。

APP空状态图标也以生活中日常的元素为原型,并采用圆形的框架,手绘线条样式,营造场景化及画面感,为品牌设计带来了一丝情感。 

 

5: 渐变和投影

运用微投影和对角渐变去构建视觉层级和营造空间感,使界面中光影和色彩过渡的感觉是自然和谐的。

6:卡片式设计

首页页优化广告图设计,采用卡片式结构,更聚焦。缩小了广告图的大小便于页面 加载,品牌宣传信息也采用卡片式滑动呈现,显得界面更灵动,优化新手广告图呈现方式,更突出和聚焦,产生点击欲望。品牌宣传信息也采用卡片式滑动呈现,显得界面更灵动。

7:留白的设计

满屏的信息堆砌会吓走用户,采用多种形式的设计,以及余白的充分利用增强页面的呼吸感。优化通信息字段的字体大小以及灰度。增强其可阅读性,强化重要信息,弱化非重要信息,让整个页面看起来通透干净。

8:更简约的设计

少即是多,极简的UI设计突出核心的元素,让用户行为更为直观也更具有目的性。简约的界面看起来不那么复杂,也足够简洁,令人满意的审美趋势也让极简的UI设计拥有良好的用户体验。

9:更灵动的设计

运用弧线动感的线条,以及有层次的渐变和投影让界面感觉充满动感及活力。

 

04.界面部分效果图:

 

 

我内心激动,有话要说