项目案例 | 焕然一新-百度贴吧12.0品牌升级

三分设

共 2685字,需浏览 6分钟

 ·

2021-07-02 14:28

点击"三分"关注,回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设|连接知识,帮助全球 1 亿设计师成长

阿里巴巴设计官方认证 MCN 机构

SUXA 深圳体验设计协会华东分会

全球服务设计共创节城市站发起者

·

转自:百度MEUX

编辑:刘丽

共 2658 字,预计阅读 7分钟



在内容生态大爆发期间,内容产业已成为移动互联网新的生力军,同时也出现内容同质化,用户体验趋同的现象,而用户对审美的需求也在不断提升。百度贴吧作为一个历经 17 年的 “全球最大中文社区” 产品,虽取得了令人印象深刻的成就,为广大用户提供了一个兴趣丰富多元的社交平台,但随着产品的不断发展,百度贴吧的品牌形象已无法与多元兴趣社区的定位相匹配。对此贴吧设计团队从 品牌形象,品牌策略,视觉识别、用户体验 等多个维度重新构建百度贴吧品牌体验。凸显产品核心价值 - 聊兴趣,打造出一套完整的视觉品牌形象识别系统。



进化 - 品牌理念
 
我们把贴吧的品牌因子比作桥梁,通过兴趣构建人与人的连接。在丰富多元的兴趣中,以 “聊” 创造出无限可能,希望在贴吧发生的每一次兴趣交流与碰撞,都是将你我拉近。


品牌关键词

以 “聊兴趣,上贴吧” 为核心的用户价值,配合年轻化的设计思路,梳理出符合贴吧品牌定位的关键词。并将更加简洁纯粹的关键词提炼出来。以继承、活力、简洁为核心对百度贴吧品牌进行升级。


构建 - 贴吧 LOGO 的进化


1.标准 - 制定指导原则
LOGO 设计大师保罗·兰德曾提出 logo 的效用需要依靠独特性、可视性、适应性、持久性,可记忆性等七条基础原则。将这些原则融入到视觉设计中进而搭建起品牌形象设计的标准。在此标准的指导下,结合品牌关键词,逐步完成贴吧品牌形象的蜕变。


2.探索 - 分析设计趋势
流行趋势的分析,可以帮助我们准确预判设计方向及表现手法,为品牌升级提供理论支撑,总结提炼出 色彩丰富、图形圆融、聚合叠加、年轻活力 四个设计趋势。


3.继承 - 提炼品牌印记
继承代表着产品内涵与文化的延续,是对多年价值积累的挖掘与探索。在梳理代表贴吧的品牌元素时,我们发现 「贴」 字是百度贴吧沉淀下最具代表性的品牌烙印,也是贴吧最具独特性的视觉符号。因此我们选取 「贴」 字为传承基因,并对其进行精细化设计,使 「贴」 字更加柔和圆润。


4.重构 - 明确图形语意
通过 理念、趋势、品牌、设计、业务,五个维度,构建五维支撑体系让设计具备立足点。以 “聊兴趣” 为核心,通过气泡图形传达产品社交属性,以贴吧超椭圆为基础对气泡进行重新绘制。同时引入图形叠加等年轻化的设计手法,用双气泡叠加的方式增强空间层次感,凸显贴吧兴趣多样性与丰富度。最终结合贴吧品牌印记 「贴」 完成对 logo 的图形语意重构。


5.复兴 - 定义品牌颜色
以复兴贴吧为理念,受到文艺复兴时期伟大绘画作品的启发,我们探索如何将文艺复兴与现代艺术相融合,在定义品牌颜色时,基于 LOGO 图形叠加的效果,设计组内尝试以透光的方式对颜色进行叠加选取并尝试多种配色方案。


在继承原有贴吧蓝色的基础上,以碰撞叠加的方式选取更加年轻有活力且更符合全新品牌定位的蓝紫色为贴吧新主色。并拓展出更加多元的辅助颜色。

最终通过 对流行趋势的研究、品牌印记的提炼、图形语义的明确、品牌颜色的制定,设计团队完成了贴吧 LOGO 的进化,为用户呈现出一个多元,包容,更具活力的贴吧。



拓展 - 品牌图形延展

在贴吧品牌升级中,基于 logo 的图形语义,以超椭圆,气泡等图形为基础,通过延展,变形,排列组合及叠加等方式,设计出一套能够清晰传达贴吧年轻、聚合、多彩的图形语言。


并重新定义百度贴吧品牌色。规范色彩属性,确保全场景物料应用。助力保持品牌 VI 的一致性。同时恰当的应用颜色比例,确保用户对百度贴吧品牌认知的统一。



渗透 - 品牌透传


为构建更加稳固的品牌记忆,我们探索更多品牌外露的场景,从市场推广、周边应用到客户端覆盖,立志打造全链路的品牌曝光以增强用户的品牌认知。

周边应用
 

端内覆盖 - 全新设计语言

伴随百度贴吧品牌升级,如何增强用户在产品层面的感知成为品牌渗透中的重点。
将品牌升级延续到贴吧客户端,我们采用百度系产品的 “共生” 设计语言,将包容万物,万物共生的设计理念引入贴吧的设计语言中。
 
1.色彩应用-全新色彩体系
结合品牌升级中对贴吧主色的重新定义,延展出丰富的色彩体系,并应用于产品页面设计中,最终构建出百度贴吧色彩组件。


2. Icon 绘制 —— 简单明确的线条
整体 icon 设计遵循品牌升级中的图形语义,配合年轻有活力的配色,以圆润的设计语言确保图标整体的统一性和识别性。

3.卡片化设计
为提升用户阅读体验,我们对信息载体进行优化,以卡片的方式聚合各类信息,更加清晰地展示信息流内容。

以轻量化的设计方式,配合具备品牌色相的灰色衬底及圆角设计,明确卡片容器区域,为百度贴吧丰富多元的内容形式,提供更具包容性的承载方式。


焕然一新 - 百度贴吧 12.0 品牌升级项目已取得了阶段性的成果,通过对品牌理念的挖掘,关键词的提取, LOGO 的升级和品牌图形的扩展与透传,贴吧设计团队已沉淀出更加完善的品牌资源,为传达产品核心价值,增强用户品牌认知打下了坚实的基础。同时我们仍会以继承与进化的理念不断 完善品牌基因,持续探索品牌透传场景,强化品牌影响力。向用户呈现出一个更为年轻有活力的百度贴吧。



推 荐 阅 读
华为用户体验设计的体系搭建方法
超 10 亿用户的产品,到底是怎么做用户体验的?
揭秘滴滴、蔚来等大厂的用户体验设计策略
一款为你带来难忘体验的美食 APP
谷歌的新一代 Web 性能体验和质量指标
2021 年用户体验设计趋势分析
想要引导用户行为转化,理解这 4 个认知心理学理论
让设计圈一片哗然的 Google 新 logo 到底出了什么问题?
如何系统的增强用户粘性,提升产品转化率?
设计新趋势「玻璃拟态」到底是什么?
如何将设计系统快速的从 Sketch 切换到 Figma?



欢迎大家关注三分设,每天分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。


浏览 28
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报