Peopeo助力广发基金4.0改版设计
2019-03-03 本文已影响0人
Peopeo
![](https://img.haomeiwen.com/i1512220/bb7b427a20463966.gif)
项目背景
2018年peopeo对广发基金APP进行了迭代改版工作,与广发基金的产品经理一起对APP内功能及交互流程进行了整合优化,重新制定了视觉规范,提高品牌视觉标识的统一性。我们一起借势金融科技趋势,在广发基金成立15周年——这个具有里程碑意义的时间点,对UI交互服务进行了全新升级,正式上线APP4.0版本。
![](https://img.haomeiwen.com/i1512220/4a6fb883cb17970a.jpg)
HOMEPAGE/首页
颜色上依旧沿用了广发橙色系VI,设计上以功能为主,整体视觉简洁扁平。
四个主要功能入口用了卡片式的设计,突出首页重点。
大标题大网格的布局,强化突出数据展示,并尽可能把数字视觉化展现,让用户在浏览时第一时间注意,增强整个页面的易读性和实操性。
简洁而不简单
![](https://img.haomeiwen.com/i1512220/dbf341dc1ae70a79.jpg)
![](https://img.haomeiwen.com/i1512220/80fc46cb4bb082d0.jpg)
APPCOLOR/APP配色方案
以下是APP主要的配色,沿用广发的橙色系VI的同时增加一点活泼色彩。
![](https://img.haomeiwen.com/i1512220/23ef6f724ce71377.jpg)
ICONSPECIFICATION/图标规范
不同页面对于ICON的分量需求是不一样的,线条式的ICON让页面更轻量化、扁平化;填充式ICON让页面层次感更强。
![](https://img.haomeiwen.com/i1512220/6c2e46e76e581e5b.jpg)
TEXTSTYLES/字体规范
文字的大小规范,关系着整个APP界面的统一性、协调性。我们制定了文字的规范,并用不同的大小、粗细、色彩,让文字信息更有层次感。
![](https://img.haomeiwen.com/i1512220/69e5aae3e798e5b3.jpg)
THEMAININTERFACE/主要界面设计
经过不断的研究和实践,以下是部分上线的主要界面设计。
![](https://img.haomeiwen.com/i1512220/9d073919da2f2494.jpg)
![](https://img.haomeiwen.com/i1512220/e585f5251220e576.jpg)
![](https://img.haomeiwen.com/i1512220/dff06c29713a00a5.jpg)
![](https://img.haomeiwen.com/i1512220/2c63ec612c2544f9.jpg)