• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 高手怎么做设计?来看腾讯文档背后的品牌设计过程!

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

作者:腾讯ISUX 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含ISUX,品牌设计,实战案例,经验分享,腾讯ISUX,设计案例等相关知识,腾讯ISUX希望在学习及工作中可以帮助到您

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

「腾讯团队设计实战」

  • 《实战案例!腾讯QQ支付品牌重塑设计背后的经验总结》
  • 《微云使用效率大幅提高的背后,腾讯设计师这样做改版!》
  • 《让身处异国的菲佣能更快转账回家,腾讯汇款产品是如何设计的?》

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

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

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

优设大课堂

您可能想查找下面的文章:

  • 腾讯出品!你离高效制作动画只差这一篇文章的距离
  • 腾讯出品!设计师辅技手册之项目同步管理法
  • 腾讯设计师用实战案例,告诉你一个实现设计驱动的创新流程!
  • 看似最简单的空白页,腾讯微云的高手是如何设计的?
  • 火爆全网的天天P图“前世青年照”是怎么设计出来的?
  • 高手怎么做设计?来看腾讯文档背后的品牌设计过程!
  • 腾讯ISUX :2018年的品牌体验趋势
  • H5页面如何适配iPhone X ?腾讯设计师给出了通用解决方案!
  • 想让产品更受欢迎?来看这5个增加设计趣味性的方法
  • 上亿人使用的QQ iPad版「斗图神器」原来是这么设计出来的!

相关文章

  • 2017-08-06css样式div或li在ie6下背景平铺及border边框断线解决技巧
  • 2017-08-06网站设计经验 建设网站常犯错误汇总
  • 2017-08-06优秀的网页前端设计的一些指标
  • 2018-08-23这8种手绘元素的使用方法,让你的网页更有意思
  • 2018-08-23茅塞顿开!如何学会版式设计中的主要元素提取?
  • 2018-08-23实例演示!深入浅出帮你学会网格系统应用
  • 2018-08-23超10万阅读!腾讯设计师在路边摊的“暖心实践” 
  • 2018-08-23实在干货!为老年用户做体验设计应该注意的6个细节
  • 2017-08-06鼠标经过图片超链接时改变图片的大小(宽、高)的css
  • 2018-08-23从零开始带你掌握空状态设计的正确方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实战干货!​网页设计中如何运用方框/方形元素?
    • 网站视觉设计中的信息传达的作用以及方法介绍(图文)
    • 超全面!值得新手学习收藏的平面设计版式法则大全
    • 实战案例!众安保险PC官网的改版设计经验总结
    • 163邮箱登录框交互设计的改进经验与分享
    • UI实战教程!做设计稿前应该做哪些准备工作?
    • 趁着节假日,不如看这6部电影学学艺术史
    • 超实用!UX团队如何给设计原则做优先级排序?
    • 如何设计优秀的弹出框?这儿有一份全面总结!
    • 交互基础小课堂!全面的筛选功能设计总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有