@苏大牙牙牙 :章包括牌念、牌识别、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设计、品延伸),线上线下多维度传统品理念。所做这切,都是希望能为用户提供更好服务。
本品升级,是百度网盘所有学努力结,我们深知有很多体验需要提升,这升级是开始,会持续让用户感受到「让美好永远陪伴」。
欢迎关注作者的微信公众:「牙的设笔记」