关于国外养老基金的六个要点：

（1）国外养老基金的网站设计一般色调偏浅，用低饱和度的色体现出简洁大气的感觉，一般多采用精致的摄影图作为背景或者头图，矢量图形的设计偏少。

（2）一般都注重数据的分析，体现该基金公司的专业性。

（3）平面营销类的设计多是在精致高清的图片再做图形排版设计，比起国内的营销设计，更注重页面的秩序和排版。

（4）卡片流可最直观且有秩序地展现数据，合理使用有很大的沉浸式体验，在表达众多文字及数据时，有很好的引导性作用。

（5）尽量保持页面的简洁，减少过多的视觉干扰。

（6）用长远的目光打造基金品牌，可多使用如标志性图形做延展。

一、国际基金三巨头

在这里，我们拿了前两个来作为例子分析。

（三家公司占据了养老目标基金超过一半的市场份额）

（一）先锋基金（https://investor.vanguard.com）

（1）导航栏：整体文字比较多，没有太多图片；但是分类很仔细，针对不同用户做了不同入口。

（2）在网页上有个退休收入计算器，看起来像养老计算器，在右边数据拖动，实时展示退休后每个月的收入。用户操作比较简单，直接操作拖动滑动条，实时看到数据变化，但选项较多，层级可以较少一点。

（先锋官网导航以及养老计算器页面）

（二）富达国际（http://www.fidelity.com.cn）

（1）富达首页采用简洁的风格，色块与其乐融融氛围的照片的搭配，使得整体页面风格很舒服，简约并且营销欲望感没有表现得那么强烈，再者黑白灰可以很好地营造品质感。

（2）产品介绍页采用了电子书的感觉，给用户一种翻阅杂志的感觉，交互效果棒。

   （富达官网首页头部以及产品介绍页）

二、美国401k计划

（一）401K计划的详细内容

（1）这个图是介绍是401K计划的详细内容，因为绿色在美国股市是涨的表达色，整个长图都是绿色调性，版块区分明显，大段文字偏少，提高页面的可读性。

（2）流程图起了很好的引导作用，不会让用户面对多信息的图无从下“读”。

（401k计划介绍页）

（二）退休养老计划的长图

（1）这是主题表达怎么做你的退休养老计划的长图；视觉上用色块区分内容版块，更吸引用户注意力。

（2）每个版块都有想突出的数据或者名次，会让用户马上找到关键词，抓到想看的内容。

（401k养老计划长图）

（三）活动长图

（1）“从小额储蓄中获得大回报”的图，绿色调性为主，符合文章主题，通过不同金额的纸币做背景，匹配每星期投入金额不同，2.5D的柱状图显示收益对比，整体色调清晰，文字较少，可视性高。

（401k回报长图）

三、香港的基金

（一）香港的强积金管理局

（1）视觉上采用官网主色调，橙色为主，交互上也是滑动操作为主，一些详细的问题，然后计算得出退休每月开支，需要金额。

（2）值得学习的点：滑动操作在交互上方便用户操作；vi的主色调也应用在按钮上，延展品牌形象，在滑动的按钮上有相关选项的小icon，加深用户对自己所做选项对信息告知。

（香港强积金管理局计算器页面）

（二）美盛集团（国外）

（1）视觉：布局合理，标题突出，主题明确；在官网上出现的icon和在基金资料上icon的表达形式统一，直角端点的线描，精致细节。

（2）值得参考点：颜色突出标题，信息布局合理，整个品牌和相应基金的icon保持统一风格，精致细节，延展品牌VI。

（美盛国外官网首页）

（三）美盛集团（香港 http://www.leggmason.com.hk/zh/index.aspx）

（1）在美盛集团的香港官网首页，视觉比较简约大气，在适应屏幕尺寸上是以14寸的笔记本电脑尺寸为准，信息较多，但清晰明了。

（2）值得学习点：在信息较多情况下，用灰色和品牌色做信息处理，让信息可读性更高，既能保持页面统一，又凸显重要信息。

（美盛集团香港官网）

四、澳大利亚基金

（一）AustralianSuper

（1）给用户最想看到的。

（2）规模/ 品质/ 资产/ 价格。

（3）可信赖的付出/ 看得见的回报。

（AustralianSuper中国官网首页）

五、韩国

（一）未来基金公司

（1）未来基金，首页以轮播图开始，整个官网的颜色均围绕着其公司的Logo颜色（蓝色、橙色）进行设计。

（2）banner的风格统一，都是以人物模型结合一些场景的摄影图为主。

（未来基金韩国官网）

（未来基金英文官网）

（未来基金香港官网）

六、英国

（一）施罗德基金公司

（1）不论是公司的官网以及他的推特账号，都可以发现施罗德公司的喜好是偏向于色块划分的，没有过多复杂的手法，在信息卡片、图片上颜色都比较简洁大气。

（2）在整个设计延展中多数都在用自己的品牌logo图形，加强vi感及加大宣传品牌的力度。

（施罗德基金公司官网）

七、其他国家

（一）新西兰及法国

（1）整体网站的视觉设计,配色主要围绕着logo展开，比如说导航信息，底部信息，banner，配图和文案，甚至交互主色都是离不开logo颜色，排版清晰简洁。

（左）法国ORPEA基金公司和（右）新西兰ryman  healthcare基金公司的官网

希望本文能给您带来收获，谢谢阅读。