百度网盘品牌升级背后的故事

16 评论 17690 浏览 132 收藏 18 分钟

百度网盘这次的品牌升级,我们希望不管是从视觉层面,还是文案互动,以及运营手法,都更加年轻化及趣味性。因此,本次品牌升级主要是从品牌识别、APP设计、品牌延伸三个方向出发。

项目背景

百度网盘是百度提供的个人云存储服务,自2012年上线至今,通过强大的技术能力以及承担高额的带宽成本,为7亿用户提供文件存储、备份、分享、共享等服务,成为行业领先位置。

这6年里,我们从满足基础存储需求的一款工具,到现在越来越意识到高品质和情感化的体验对于用户的重要性。

因此,团队希望通过本次的品牌升级,能够从视觉识别、产品体验、线上线下推广等多维度来传递品牌核心价值,同时遵从极简克制的百度“高级感”设计理念,形成一套完整统一的设计语言,真正的做到像slogan所传递的:“让美好永远陪伴”。

品牌升级目标

本次品牌升级希望传递用户3个核心点:

  1. 更有温度;
  2. 更便捷;
  3. 更年轻。

1. 为什么要“更有温度”?

网盘一直以来存储着用户的美好回忆,比如:每一次难忘旅途的照片,宝宝成长记录,家人团圆时的合影,激情工作时的陪伴。因此,它不仅仅是一款冰冷的工具,而是一个懂你的、有情感、有温度的生活助手。

2. 为什么要“更便捷”?

过去几年,网盘一直主打的品牌核心点是“安全”、“免费”、“大空间”,不可否认之前的品牌传递是成功的,因为通过这些核心点,在同行业的用户占有率达到80%以上。

但是,未来除了最基础的“安全”以外,还需要传递什么感受呢?

我们深知产品体验还有很大的提升空间,比如:如何让产品更易用、存储更便捷、查找更方便、浏览更沉浸、等等……因此,“便捷”是接下来品牌需要传达给用户的核心价值。

3. 为什么要“更年轻”?

通过数据分析,网盘的用户24岁左右占大多数,也就意味着我们的主流群体是年轻人。除此之外,保持品牌的年轻化,也是每一个公司都希望做到的。

因此,本次品牌升级,我们希望不管是从视觉层面,还是文案互动,以及运营手法,都更加年轻化及趣味性。

品牌理念渗透

品牌升级不是虚喊口号,而是应该通过各个设计触点的配合给用户传达融合、一致的感受和体验。因此,我们从以下几个场景进行渗透:

  1. 品牌识别;
  2. APP设计;
  3. 品牌延伸。

1. 品牌识别

在品牌识别渗透环节,涉及到以下几个方面进行优化设计:a.品牌色b.品牌标识c.品牌字体。

a. 品牌色

品牌色是用户感知品牌最直观的方式,比如:想到可口可乐就想到红色,想到百事可乐就是蓝色,想零度可乐就是黑色。对,好的品牌色能够占领用户心智,从而产生联想,这就是品牌色的重要性。

那么百度网盘呢?

网盘的品牌不是从0到1的小而美的创新设计,需要兼顾7亿用户量对品牌的已有认知,这是一个令人头秃的挑战。

因此在品牌色的选择上,考虑到较大改动带来的用户认知成本的增加,所以经过多轮尝试和讨论后,决定延续用户已有认知的“红蓝”配色,在此基础上,进行调整并渗透新品牌的理念。

同时,在品牌色上希望传递“更年轻”的品牌理念。我们大收集体现“年轻”的场景进行多轮讨论筛选,提取色调,结合情绪版,最终提炼并定义了我们的品牌色。

b. 品牌标识

在做品牌标识(LOGO)阶段,大家发散了很多想法,尝试了很多方案。

通过多维度思考以及利弊权衡,最后选择在延续原有logo特征上,体现新品牌理念-“更有温度”的感受。

那么,现实生活中什么场景,会给人“有温度的”感受呢?

我们想到了拥抱、爱心、阳光、火焰,等等…最终觉得“微笑”更符合我们所传递的感受,同时也能更好的跟原有LOGO特征进行结合。

以下是LOGO的设计思路,用颜色体现“年轻”,微笑体现“温度”。

LOGO的最终造型。

c. 品牌字体

LOGO确定后,还需要设计与之搭配的品牌文字,这个阶段最主要是找到跟品牌性格以及图形风格相契合的字体骨架。同时兼顾原有字体的认知,在此基础上进行微调。比如:统一字体的粗细,以及切角的角度,使整体视觉更加协调。

LOGO和字体组合的最终版本。

2. APP设计—NA端9.0全新升级

不可否认,传递品牌理念最直接的方式,就是在用户使用它时。因此,我们对产品NA端进行9.0全新升级(这是自上线以来第一次大改版)。

a. 品牌基因

在互联网产品越来越同质化的今天,做出有差异性和符合品牌调性的设计是我们面临的挑战。因此,在品牌基因方面,做了大量的尝试。

经过多轮讨论,我们选择以“积木”作为网盘的品牌基因。因为“积木”陪伴这我们成长,代表着我们的童年,给人温暖的感受,同时,不同几何形的积木看似单一,组合起来又有很多可能性,体现了年轻和趣味。

在图形设计(ICON)时,提取“积木”中的几何元素进行叠加处理,用色上更加鲜亮,突显年轻化,形成网盘自己的图形体系。

相比“尖锐”的直角,圆角给人柔和的视觉感受,同时经过多轮的尝试,最终确定圆角大小为8px。

同时在空白页上延续图形风格,能够更好的统一视觉语言,传递更加一致的品牌感。

动效上,采用了符合“积木”运动特征的物理属性。因此,运动节奏上利落的不拖泥带水。比如,积木受到一个力,由于摩擦力会快速停止,而并非很Q的弹性动效。

下图中,“蓝球”代表目前网盘中元素的运动方式,“红球”代表了市面上常见的弹性运动方式。

下图,是将这种运动规则使用在产品界面中时。

同时底tab在运动节奏上,也采用相同的运动规律,赋予产品年轻活力的视觉感受,同时又不会喧宾夺主过度抢戏。

下拉刷新,是增强品牌记忆的最好体现。本次提取logo基本元素,同时强调“微笑”,加深用户对品牌的印象。

b. 功能设计

前面有提到,百度网盘保存着用户非常多美好回忆的照片,或许那些回忆,用户都已经忘记,但往往这些才是最大的惊喜和感动。

因此,9.0版本新增“故事”模块,让美好回忆与你不期而遇。通过技术对优质、精彩照片的筛选,生成故事卡片,推送给你,给你带来温暖。

为了节省用户时间,传递品牌“更便捷”的理念,本次改版我们优化“分类”模块,将“分类”外置于首页顶部,减少用户操作步长,轻松查找自己的文件。

同时在首页新增“最近”功能,方便用户便捷查找历史操作,而不是像以前,反复点击层层相套的文件夹去浏览与查找。

c. 排版布局

文件列表是用户使用网盘最高频的路径,针对这个场景,我们遵循视觉服从功能,极简克制的百度“高级感”设计理念,通过视觉手段区分信息层级,让用户浏览时“更便捷”。

因此,本次对文件列表排版布局,从以下几个维度进行优化:大小;重量;间距。

(1)大小

改版前,用户打开文件列表,首先看到的是满屏黄色的文件夹,而这些并不能帮助用户进行浏览或筛选,反而会造成视觉干扰。

因此,本次对文件图标大小,缩略图尺寸,以及标题信息大小,进行整体调整,从而提升浏览效率。

(2)重量

对于文件列表,信息层级重要性依次为:名称>图标>时间,因此,本次优化了视觉重量对比。

通过视觉重量的处理(对标题字号加粗、颜色增强),让用户更加便捷的获取有效信息。

(3)间距

以下是旧版安卓端和改版后对比,去除顶部蓝色双导航的同时,通过缩小文件图标,进而缩小列表间距。

同时,调研行业内有代表性产品的列表行间距,综合分析对比,最终确定列表行间距为“180px”,平衡体验的同时,让用户在首屏看到更多内容。

还对NA端进行统一的栅格化布局,让页面富有统一的秩序感和韵律。让元素模块页面间距有规律可循。

栅格化布局落地全部界面。

以上,是品牌理念渗透到APP设计中,进行9.0大改版的相关设计,从品牌基因、功能设计到排版布局,统一的传递全新品牌理念。

3. 品牌延伸

线上线下的活动和物料设计,也是品牌和用户的触点,在设计的时候需要延续整体的品牌调性,传递出统一的品牌感。

总结

以上,是百度网盘本次品牌升级背后的原因,以及相关体验设计优化。

从前期定义品牌核心理念(更有温度、更便捷、更年轻),到通过不同场景及接触点进行渗透(品牌识别、APP设计、品牌延伸),线上线下多维度的传达统一的品牌理念。所做的这一切,都是希望能为用户提供更好的服务。

本次品牌升级,是百度网盘所有同学努力的结果,我们深知还有很多体验需要提升,这次升级只是开始,会持续让用户感受到“让美好永远陪伴”。

感谢大家一直以来的支持。

#专栏作家#

大牙,微信公众号:大牙的设计笔记,人人都是产品经理专栏作家。百度资深UI设计师。一个对生活充满好奇心,擅长用直白的语言去分析产品、交互、视觉的同学。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图作者提供

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
海报
评论
评论请登录
  1. 百度有温度,安全笑skr人(>_<)

    回复
  2. 现在保存的文件是单独自建一个文件夹吗?

    回复
  3. 很高级的文章,设计触点,品牌识别,品牌延展。都OK的

    来自山东 回复
  4. 总感觉上传照片不安全。

    回复
  5. 一打开,整个交互都不一样了,以前那个设计真的像是从安卓4.0一直没进化的感觉

    回复
  6. 图标并没体现温度但是文件夹的大小,字体加粗,行间距调整优化了体验,确实有温度

    回复
  7. 有乱用

    回复
  8. 挺好的!

    来自北京 回复
  9. 设计的好棒,百度网盘真的越来越好啦

    回复
  10. 又美又专的小姐姐。又学到了不少。

    回复
  11. ios端啥时候上线

    来自北京 回复
  12. 设计的很专业!有水平!
    从整个过程看很接受,但不知为什么,到最后,想到这是百度的产品,联想到百度的种种做的表现,长期以来不在位的状态,直到现在才进行改版,以及网盘俗不可耐的logo,恕我直言,你的才华被耽误了。

    来自北京 回复
  13. 嘿,小姐姐小姐姐!

    来自北京 回复
  14. 说百度网盘有温度?会员之后又会员么?哎

    来自上海 回复
  15. ios端啥时候上线

    来自北京 回复
    1. 看到更新了哈哈

      回复