赞助商
立即赞助

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

品牌设计3年前 (2021)发布 流光
2.2K 0 0

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

为什么要做品牌升级

“效率一直是公共舆论中的一个重要话题:在古希腊人眼中,它是政治和社会运转的方式;工业革命早期,亚当·斯密将其视作提升生产力的劲动力。”至今日,它被奉为公共生活的首要目标,效率升实质是广义界生产力的一次革新。

技和物联网以看不见正塑这个世界,从生活到工作,技把张有形办公桌移到了云端,让场可能发生话跨过了坐标限制。技术开放地定义着我们所理解现实工作环境,腾讯文档以对效率协作界新的理解重新归来。

我们希望“让协作更高效,让创作更轻松。” 站在新旧交替路口,是时候以全新设计语言,让工具退去冷冰壳,走进与智能隔空话新世界。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

品感知关键词:

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

Phase 1 Concept 品牌理念

把腾讯文档的品牌因比做是架落岸的桥,从间和空间的角度,现在未来。在这,代表效率协作先进生产力创造的新界,转承着庞大息流的无限可能性。希望在这发生的每一次虚拟现实间的交流都是如此贴近你。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

数字之美

在此,我们赋予个新世界以“数字”之名为前缀:

在数的数字(number),从有限0无限∞;在物的数字(digital),从有形无形。

像霍所说,宇宙最根本东西首先是空,其是物质,再是时。为物质存在和运动必须是在空里进。而没有物质,谈论时是没有意义。

这广阔的效率世界里,由无形的空间结构支持,答应无声的时钟….

1. 关键词的联

连结、握手、相遇、构建、乐高、晶体、方块、魔、火花、梦、就、序、几何、空间、数字、码、窗口

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

2. 从联想提炼具有关键隐喻和形

把关键性隐喻抽象出来,找到表现形,使其更简洁纯粹,更容易被组合

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

品牌关键词

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

秩序一切天体、质、时间、命、形态形式秩序状态运行的基本法则。

万物有序,虽然呈现的现象千变万,但褪复杂的外表,在规律却是变的。更规整和原始的抽象基础形为有应元素的开端,秩序作为布的基本准则。

正我们腾文档一直在思考的,寻找秩序中的效率,从效率中找到变化的规律。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

早世,透明性通透感就追随设的平面到立面。从沃德装饰语言的中立性到密斯凡德罗建造的清晰,以形式的通透对内的冗杂,以质的纯粹对结构的多样。

在这里,我们“轻和透”来体现技术带来的未来感,在画面中叙述的更多是余白空间带来的无边想象。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

“从来都是为了它所照亮事物存在而不是为了它本身。”

流质的光影颜色整体设中氛围的基调,用颜色之间缓慢的渐变预演空间中发或者即将发的故事。

我们了色盘中相对沉静的极光色系(蓝紫绿),拓宽空间的边界感。

与正在融和变化的颜中间态,一同隐喻智能和科技用下的每一次协和创的现。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

Phase 2 DNA cube 演化

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

Metaphor Box 协作盒子,我们用一变化的立方隐喻一协作空间站。这里可能发的各种各样的碰撞。思的火花,创作的灵感,执行的高效。这里属于一也属于一群人的精彩。

Phase 3 Application 应用设计

终我们将腾讯文档的Logo图形化,赋予Metaphor Box协作空间的概念。利用序的几何线条空间背景构图。原本的智慧的品牌蓝基础,添加了一点灵动偏暖的渐变色,整体画面增添命力及亲力。终完善后应用到官网、官网登录页、闪屏页、空页面的场景。

闪屏

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

在闪屏延展,我们基于大品理念延展出两个不样。

A. 以腾讯文档logo的形状视觉元素载体空间,向里呈一轻盈机的未世界。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

B. 以腾讯文档产品“协作盒子”的概念,立体的展一表科技基底,多方协同运转的动力世界。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

终,我们选择了整体画面清晰,主体清透明确的主图形。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

调整细节后应用到闪屏

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

官网

官网首页Banner是最接、最具感染力视觉传路径,我们需要让用户在进入 docs.qq.com 即刻形成品印象,过Slogan传腾讯文档品价值,时在Slogan段上添加了正在编辑态标元素,体现文档高效协作能力,最终以响应适配到移动端。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

在官网其他页,我们将品语言进步落地。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

空页面

在腾讯文档空状的计中,以何的IP形象为页面穿插一个个不一的故事性叙。传递腾讯文档易近人的智能语调。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

在画面的整体构成中,增加了一些轻透的质素,结何形的整体图形语言,让画面轻盈也丰。

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

写在最后

古尔在《奇妙的生命》一书中写道:“有人得(人类是唯一智慧生命的)前令人沮丧,我却总为之感到振奋。我将它当成是一个源泉,它带来自由,也带来道上的责任。”效率的背不止是关工方式的改变,仍需要不负所望:构建责任。

在逐步进化腾讯文档的整体视觉语言系统。后续将推出下篇,向大家展示腾讯文档品牌在UI语言和其品牌延展中的更多计。

在这个快时代,精耕出自己风格,打造更舒适用户体验,敬请期待……

以下腾讯文档APP小程序二维码链接,欢迎家扫码体验!

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

欢迎关注作者微信公众:「腾讯ISUX」

腾讯文档如何做品牌升级?来看这份复盘总结 (上)

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

相关文章

流利说今年发布了新的品牌视觉规范手册,作为负责该项目的品牌设计师,今天想和大家聊聊关于品牌设计上的一些知识及心得。 企...
VI设计
为了迎接六一鹅童节的到来,「ABCmouse 如何在众多教育竞品及各类节日广告中脱颖而出?」成为了近一个月团队最关切和热门的探...
小游戏
前言 随着直播的发展,秀场直播出现了各种形式,在直播间里衍生出了越来越丰富多样的玩法,多人连麦直播则是近年来衍生出的另...
企鹅电竞
QQ 像用户的一个小小星球,可以随意的装点展示自己的个性,同时也能看到其他好友的小星球。然而人是动态成长和变化的,纷繁的...
QQ
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
2019 年 6 月,我们的增值团队推出了全新增值业务 QQ 大会员,其定位是基于 QQ 超级会员和豪华黄钻所有特权,同时提供更多增...
QQ会员
粤省事小程序是一个基于移动端的聚合式政务服务平台。作为一个平台型产品,它集成了广东省各地市、各部门的多项民生、政务类...
实战案例
编者按:微视作为今年腾讯对抗抖音的核心产品,其重要性不言而喻。在短视频App 百花齐放的今天,腾讯微视该如何做品牌设计才...
品牌故事