高手怎么做设计?来看腾讯文档背后的品牌设计过程!

腾讯文档是一款可多人协作的在线文档。支持 Word 和 Excel 类型,打开网页就能查看和编辑,云端实时保存;可多人实时编辑文档,权限安全可控。腾讯文档由 ISUX 品牌设定,QXD 体验设计合力打造!

一、品牌概述

腾讯文档是一款能够随时随地查看、创建、编辑、分享,并进行多人协作的免费文档工具。腾讯文档由腾讯公司自主研发,目前已支持 Word/Excel 等文档类型,具有免费、免安装、数据云端实时保存、手机和电脑多端同步、支持多人协作编辑等特点。

二、品牌梳理

腾讯办公体系由腾讯文档、TIM、云文件等办公类应用组成。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

三、设计目标

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

四、设计关键词

品牌设计中,腾讯、办公、文档、协作这四个关键词最为核心。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

五、品牌标志

1. 设计概念

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

2. 创意过程

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

3. 细节打磨

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

4. 方案确定

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

5. 标志基础规范

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

六、品牌色

为打造腾讯文档专业可靠的品牌形象,蓝色为主色。强调色使用明快的蓝色,白色的配搭使品牌更高端大气。主蓝色、绿色、玫红色分别运用在子品牌在线文档、在线表格、在线幻灯片(幻灯片未发布)。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

七、品牌应用系统

1. 设计概念

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

2. 纹理

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

3. 品牌应用

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

八、UI 应用

1. 办公文件图标系统

腾讯文档的图标,通过极简的造型及鲜明的彩色,将信息传达给用户,并且呈现轻松的办公感受。同时此次品牌建设对办公类文件图标进行了系统性的统一设计,全新的在线及本地图标将应用至腾讯文档/ TIM / QQ 各端。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

2. 标志动效

从标志的小三角开始进行动效刷新,突出一种「翻页」的刷新感觉,从而与整个办公场景相互呼应。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

3. 闪屏 & 登录

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

4. 插画 - 空页面图形

空白页是暗示用户缺失的场景,因此图形呈现不能太抢眼。整体使用灰色描边,强调内容使用品牌蓝点缀。蓝色在灰色线条中带来新鲜感,也强调品牌感。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

九、品牌发布会

腾讯文档发布会于2018.4.18在北京举行。大会主题为:连接你我 赋能办公。

高手怎么做设计?来看腾讯文档背后的品牌设计过程!

腾讯文档已经发布,欢迎大家下载使用。谢谢!

腾讯文档官方下载地址:

https://docs.qq.com/index.html?share=1&adtag=SHARE#id-home-download

「腾讯团队设计实战」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

收藏 183
点赞 9

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。