赞助商
立即赞助

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

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

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

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

相关文章

本文从What和How两个部分阐述如何输出清晰有效的设计方案,为大家建立系统的设计思路提供帮助。 很多初入职场的设计师在审美...
腾讯ISUX
一直在做金融行业产品的用户体验设计,深刻地意识到用户的金融行为习惯和观念正在发生变化。 曾经,办理银行业务我们依赖的...
交互设计
2015 年之后的中国互联网,人口红利、流量红利逐渐退场。2019 年遭遇第一场资本寒冬,上半年投资总金额同比下降了 58.5%。也...
数据分析
58UXD:我们认为,视觉设计在产品中主要起以下作用,视觉可用性、信息设计、品牌输出等。 借空状态改版,我们尝试落实视觉设...
品牌设计
编者按:这是来自设计师 Eugen Eşanu 的 Jimmy & Sarah 系列文章。两位设计师通过对谈的形式来为你揭示一些产品和设计的...
Eugen Eşanu
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
学历一般、履历一般,也没有做过啥厉害项目的同学,如何升级自己 Hi,大家好,我是彩云。最近有群友问我,现在在小公司每天...
大厂设计
饿了么蓝骑士作为本地生活的重要支撑,为我们每天的餐食带来便利。我们能否通过打造一个虚拟的蓝骑士形象,在各类传播触点中...
AlibabaDesign