赞助商
立即赞助

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

UI设计3年前 (2021)更新 流光
2.1K 0 0

@苏大牙牙牙 :章包括牌念、牌识别、APP大改版、牌延伸。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

△ 点击查看整视频

一、项目背景

百度网盘是百供的个人存储务,自2012年上线至今,通过强大的技术及承担额的带宽成本,为7亿户供件存储、备份、分享、共享等务,成为行领先位置。

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

因此,队希望通过本次的品牌升级,能够从视识别、产品验、上下推等度来传递品牌核心价值,同时遵从极简克的百度「高级感」设计理念,形成一套完整统一的设计语言,正的做到像 slogan 所传递的:「让美永远陪伴」。

二、品牌升级目标

次品牌升级希望传递用户3个核心点:更有温度、更便捷、更年轻。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

1. 为什么要「更有温度」?

盘一直来存储着户的美好忆,如:每一次难忘旅途的照片,宝宝成长记录,人团圆时的合影,激情工作时的陪伴。因此,它仅仅是一款冰冷的工具,而是一个懂你的、有情感、有温的生助手。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

2. 为什么要「更便捷」?

过去几,网盘一直主打的品牌核点「安全」、「免费」、「空间」,不可否认之的品牌传递功的,因通过这些核点,同行业的用户占率达到80%以。

但是,未来除了最基础的「全」外,还需要传递么感受呢?我们深知产体验还有很大的升空间,如:如何产更易、存储更捷、查更方、浏览更沉浸等等。因此,「捷」是接来牌需要传达给户的核心值。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

3. 为什么要「更年轻」?

通过数据分析,网盘的用户24岁左右占多数,也就意我们的主流群体轻人。除此之外,保持品牌的轻化,也每一公司都希望到的。

因此,本次牌升级,我们希望管是从视觉层面,还是案互,及营手法,都更年轻及趣味性。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

三、品牌理念渗透

品牌升级不虚喊口,应该通过各设触点的配合给用户传达融合、一致的感受体验。因此,我们从以下几场景行渗透:品牌识别、APP设、品牌延伸。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

1. 品牌识别

在品识渗透环节,涉及到以下几个进优化设计:品色、品标识、品体。

品色

品色是用户感知品最观,比如:想到可口可乐想到红色,想到百事可乐是蓝色,想零度可乐是黑色。,好品色能够占领用户心智,从而生联想,这是品色要性。

那么度网盘呢?网盘的品牌不从0到1的小的创新设,需兼顾7亿用户对品牌的已认知,这一令人疼的挑战。

因此在牌色的择上,考虑到较大改带来的户认知成本的增,经过多轮尝试和讨论后,决定延续户已有认知的「红蓝」配色,在此基础上,进行调整并渗透牌的念。

同时,在品牌上希望传递「更年轻」的品牌理念。我们大量收集现「年轻」的场进行轮讨论筛选,提取,结合情绪板,最终提炼并定义我们的品牌。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

品牌标识

品牌标识(LOGO)阶段,家发散了很多法,试了很多方案。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

通过多维度思考以及利弊权衡,后选择延续原 logo 特征,体新品牌理念——「温度」的感受。

那么,现实生中么场景,会给人「有温的」感受呢?我们想到了拥抱、爱心、阳光、火焰等等。最终觉得「微笑」更符合我们传递的感受,同时更好的跟原有 LOGO 特征进行结合。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

是 LOGO 的设计思路,颜色体现「年轻」,微笑体现「温」。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

LOGO的最终:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

品牌字体

LOGO 确后,还需设与之搭配的品牌文字,这阶段主找到品牌性格以及图形风格相契合的字体骨架。同时兼顾原字体的认知,此基础行微调。比如:统一字体的粗细,以及切角的角度,使整体视觉加协调。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

LOGO字体组合的终版本:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

不可否认,传递品理念最接,是在用户使用它时。此,我们品 NA端进9.0全新升级(这是自上线以来第大改版)。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

品牌基因

在互网产品越来越同质化的今,做出有差异性和符品牌调性的计是面临的挑战。因此,在品牌基因方面,做了大量的尝。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

经过多轮讨论,选择以「积木」作为网盘的品牌基因。因为「积木」陪伴着成长,代表着的童年,给人温暖的受,同,不同何形的积木似一,组起来有多可能性,体现了年轻和趣味。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

在图形计(ICON),提取「积木」中的何素进行叠加理,用色上更加鲜亮,突显年轻化,形成网盘的图形体系。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

相比「尖锐」的直角,圆角给人柔和的视觉受,同经过多轮的尝,最终确定圆角大为8px。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

下图,「蓝球」代表目前网盘元素运动,「红球」代表了市上常见弹性运动。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

下图,是将这运动规则使用在品界时:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

下刷新,是增强品记忆最好体现。本提取 logo 基本元素,时强调「微笑」,加深用户品印象。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

功能计

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

此,9.0版本新增「故事」模块,让美好回忆与你不期而遇。过技术优质、精照片筛选,生成故事卡片,送你,你带来温暖。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

为了节用户间,传递品牌「更便捷」的理念,本次改版优化「类」模块,将「类」外置于首页顶部,减少用户操作步长,轻查找的文件。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

排版局

文件列表是用户使用网盘最高频的路径,针对个场,我们遵循视服从功能,极简克的百度「高级感」设计理念,通视手段区分信息级,让用户浏览时「更便捷」。

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

大小

改版,用户打文件列表,首先看到的满屏黄色的文件夹,这些并不能帮用户行浏览或筛选,反会造视觉扰。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

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

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

重

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

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

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

间距

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

时,调研业内有代表性品列表距,综合分析比,最终确定列表距为「180px」,平衡体验时,让用户在首屏看到更多内容。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

 NA端进统栅格化布局,让页富有统秩序感和韵律。让元素、模块、页距有规律可循。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

栅格化布局落地全部界:

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

以上,是品理念渗透到 APP 设计,进9.0大改版相关设计,从品基、功能设计到排版布局,统传递全新品理念。

3. 品牌延伸

线上线下活动和物料设计,也是品和用户触,在设计时候需要延续体品调性,传递出统品感。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

总结

以上,是百度网盘本品升级背后原,以及相关体验设计优化。从前期定义品核心理念(更有温度、更便捷、更年轻),到过不场景及接触进渗透(品识、APP设计、品延伸),线上线下多维度传统品理念。所做这切,都是希望能为用户提供更好服务。

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

本品升级,是百度网盘所有学努力结,我们深知有很多体验需要提升,这升级是开始,会持续让用户感受到「让美好永远陪伴」。

欢迎关注作者的微信公众:「牙的设笔记」

实战复盘!上亿人使用的百度网盘是如何做品牌升级的?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

前言 高德作为国民出行平台,随着用户量的不断增加,业务覆盖也越来越广。目前除了提供更精准的导航服务外,还陆续推出了聚合...
AlibabaDesign
2019年农历春节就要到了,各大互联网平台的红包大战也正式拉开帷幕。作为腾讯旗下深度运营年轻用户的QQ,被赋予了更多娱乐社...
QQ游园会
@菜心设计铺 :图标——界面设计最重要的元素之一。 菜心经常写关于图标的教程和感悟,可见图标设计在我日常工作中占了很大比...
图标设计
金山 WPS Office 移动端是金山公司打造的、运行于多平台上的全方位全功能办公软件,国内同类产品长期排名领先,支持查看、创...
WPS
最近《创造101》让 pick 一词大火,大家都在讨论自己 pick 了哪位小姐姐,pick 到一定地步的人被称为铁粉,极端失去理智的叫...
QQ空间
作者将向你展示 QQ团队在打磨短视频拍摄能力的思考和经验沉淀,展现一个完整的设计过程。 文章概述 短视频产品成为年轻用户社...
实战案例
本文来和大家讨论数值框架提取与数据分析运用是怎么相辅相成来推动游戏化项目,帮助设计团队提升设计专业性和展示产品思维的...
京东
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群