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

品牌设计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」

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

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

相关文章

我们在进行设计的时候,往往遇到以下的场景: 这就是信息的无限性和手机屏幕的有限性之间的矛盾,如何把信息合理的展示给...
App设计
虽说临近年底,但鄙司团队又闪出几个 HC,以至于这段时间是即忙活着一堆 PPT,也得抽空面面试什么的;也许是因为岗位的综合性...
品牌升级
对于一款社交产品,面临最大的挑战也许不是来自竞争对手,而是随时间飞逝不断进化的互联网环境。作为已诞生 20 年的 QQ,历经...
QQ
@菜心设计铺 :前几天做了《暴风影音 App 重设计》,不过还没做完,所以今天主要讲讲我寻找改版切入点的方法——品牌探索。 到...
ICON
在数字时代,传统的医疗行业也在互联网科技的发展下飞快转型升级,各种数字科技辅助医疗技术,如慢病管理,医学科普,医疗辅...
3D可视化
编者按:占据社交领域大半个江山的腾讯,到底是如何做社交产品的?今天用一个腾讯的实战案例,为你完整展现腾讯内部是如何从...
DOV
2015 年之后的中国互联网,人口红利、流量红利逐渐退场。2019 年遭遇第一场资本寒冬,上半年投资总金额同比下降了 58.5%。也...
数据分析
本期 SOAP,我们邀请到京东物流「快递小鸽」的 IP 创意主理人方宇宁MIMI,和大家分享「小鸽」的创意思路及为大厂创作 IP 的心...
IP设计