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

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

腾讯文档是一款可多人协作的在线文档。支持 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在北京举行。大会主题为:连接你我 赋能办公。

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

 

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

相关文章

网易UEDC – 徐恺 :相信不少同学都尝试过建立自查表,但最后是否有真正利用起来呢?这一次就和大家分享一下,我们团队所用的...
团队协作
作为设计师,你是否遇到过这些问题:一直都在做产品的体验优化设计,但怎么知道是否真的有所改进?有 A、B 两种设计方案,要...
入门
从一开始的立项到现在落地上线,可以说是从零开始进行 APP 全部细节的梳理并且规定规范,这一路走过来还是能总结出很多心得,...
组件化设计
在设计的时候,各种视觉要素以有序的方式排列,设计师需要通过对各部分空间的精妙设置来实现这一点。通常而言,我们的目光总...
格式塔原理
一次会议的演示文稿,通常是一个 .pptx 格式的文档,而日常来往的邮件附件里的文档则多是 .docx 和 .pdf 格式的文档。当然,...
交互文档
很多产品在设计之初,会有一个默认的基础设置,绝大多数的用户并不会主动去调整它们,这使得这些默认的设置参数,会影响用户...
Eugen Eşanu
对于设计趋势,我们一直都在定期总结和梳理。但是以往的设计趋势总结通常只会聚焦在某个很小的、特定的点上。实际上,在设计...
2019设计趋势
我刚刚进入设计这个行业时,非常差劲。曾经有一段时间,我沉迷于模仿 Dribbble 上流行的设计元素,却不知道该如何把它们和谐...
App分析