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

2018/04/24 7986

腾讯文档是一款可多人协作的在线文档。支持 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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/tencent-docs-brand-design-process

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里