设计方案-国际版SDK产品设计提案

项目背景：

根据咪咕文化战略需求，各子公司业务有拓展到国外市场的规划，一级用户中心和统一认证SDK界面需要针对海外用户的需求和使用习惯，进行全新的UI设计，以SDK的形式方便各子公司APP产品集成。

现有国内版本的视觉问题：

1.     咪咕的品牌定位是乐玩世界，现有基线产品形象不符合公司气质，让用户在使用产品时留下深刻的品牌印象是个问题

2.    对于信息层级的关系处理，页面的元素比例分布不够合理

3.    视觉样式老旧，跟不上设计趋势

产品认知和定位:

国际版主要针对海外市场的华人和华裔，可能是留学海外的年轻学生，也可能是商界的白领精英，这些人群往往对生活品质有独特的追求，个性化要求强烈。通过对咪咕用户数据分析，咪咕用户群主要分布在城市，快节奏的生活方式，使得人们对注册登录的使用痛点主要集中在快速，操作便捷，轻量、效率对于用户来说是第一位的。此次设计不仅需要展示产品的个性化一面，也要保证用户使用产品的高效率。

海外产品分析:

一级用户中心统一认证sdk产品覆盖的咪咕业务较广，包括阅读、视频、游戏、漫画、音乐，业务方向偏娱乐化。所以在竞品对象在选择上，挑选了国外使用率较高的几款偏娱乐化的APP。竞品对象：Instagram（图片），facebook（社交），snapchat（社交），shazam（音乐），skype（社交），twitter（社交），musical.ly（音乐）pocket（阅读）Youtube（视频），ouora(阅读)

西方地区和东方地区人们对产品喜好的视觉差异不同，由上图分析，发现国外产品对登录注册页的设计偏好：

1.     Instagram、facebook等主流app，都喜欢采用主色调大色块背景设计，考虑的sdk产品需要接入到各业务产品中，主色调大色块背景设计适配成本高，不适用sdk产品。

2.   Instagram、  musical.ly等都采用动态背景设计，增加页面生命感。

3.    列举的海外产品整体视觉风格偏向简洁,sdk产品设计风格方向可以往此方面考虑。

2017年互联网设计趋势:

1.     半扁平化设计，简洁轻量的设计语言

轻柔的阴影增加了深度和复杂性，却不会破坏扁平化设计的感觉，是扁平化趋势新增的一个特征。

2.    几何图形运用（图案，线条和圆等）

基本图形的运用，创造不同的信息韵律

3.    大胆用色 

使用大胆的颜色来强调，和扁平化设计相衬

4.    动效运用

动效越来越多运用到，赋予页面生命，带来惊喜。

设计方案:

基于现有的视觉问题，产品认知和定位、海外产品分析和设计趋势分析，基本确定视觉设计的基调方向：高端、品质、轻量、快捷。针对不同人群的喜好，从登录页面着手设计，提出以下风格设计方案。

通过确定设计方向基调，提取简约、品质、轻盈三个关键词发散，提取设计元素

视觉展示：

设计分析：

1.半扁平化设计

迎合设计的潮流趋势，高饱和度的颜色，轻柔的阴影增加了深度和复杂性，让页面更有活力和呼吸感。体现简约、品质和轻盈的主题。

2.几何圆形元素运用，呼应咪咕logo的圆形设计

咪咕的品牌logo里面运用了大量的圆形设计，此次把圆形作为主题的载体，不仅呼应简约、品质和轻盈的主题，也是在传达品牌的基调。

                                                                                                               谢谢观看   BY汀烟轻冉冉