·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室
DZ插件网 门户 站长圈 查看内容

腾讯设计周 2021 品牌视觉设计作品集.pdf

2023-8-4 00:36| 发布者: 哥斯拉| 查看: 40248| 评论: 0

摘要: 腾讯设计周 2021年活动总结,包括了腾讯设计周的主题、活动形式以及设计理念。了解2021TDW腾讯设计周的视觉设计系统和品牌应用,探索「高效设计,轻松协同」的主题呈现方式。详细内容请访问https://mp.weixin.qq.com/s/cpg_Wfc2PQ1ApURHJBOXOA,感受4D设计方式的全新视觉体验。
2021TDW腾讯设计周已于去年12月底圆满落幕,与往年不同的是,2021年我们尝试了用【4D】的设计方式去诠释“高效设计,轻松协同”这一全新主题。


腾讯设计周 2021 品牌视觉设计作品集.pdf125 作者: 来源: 发布时间:2023-8-4 00:36

内容来自:腾讯云设计中心文章来源:https://mp.weixin.qq.com/s/cpg_Wfc2PQ1ApURHJBOXOA

活动背景

腾讯设计周(TDW)由腾讯设计通道联合腾讯学堂共同举办,活动形式主要由设计峰会和创意市集组成,基于"DESIGN FOR GOOD"理念,旨在打造一年一度的设计行业盛会,持续对外传递腾讯的理念、愿景和使命。

2021年腾讯设计周的主题为「高效设计,轻松协同」,本届设计周包含精彩的嘉宾大咖分享社区、火热的设计周边创意市集,以及腾讯设计云相关产品发布会。

设计理念



本届TDW的视觉设计系统由主题「高效设计,轻松协同」衍生而来,将主题关键词拆分去对应视觉系统的四个部分:

高 效: 从更高维度解决问题,提升协作效率;

设 计: 从设计源头出发,用三原色作为主品牌色,表现设计可衍生出的万象色彩;

轻 松: 用平面设计最基础的几何图形,像积木一样,通过组合搭建得到不同的图形,模拟儿时玩乐的轻松氛围;

协 同: 在各自空间的个体,通过空间错视协力组合成“TDW”的图样,以表达协同的意义。

腾讯设计周 2021 品牌视觉设计作品集.pdf8268 作者: 来源: 发布时间:2023-8-4 00:36
2021TDW视觉系统

我们对如何用视觉呈现「高效设计,轻松协同」这一主题进行了探索:

腾讯设计周 2021 品牌视觉设计作品集.pdf6810 作者: 来源: 发布时间:2023-8-4 00:36
什么是高效

腾讯设计周 2021 品牌视觉设计作品集.pdf6833 作者: 来源: 发布时间:2023-8-4 00:36
如何表现【4D】场景

腾讯设计周 2021 品牌视觉设计作品集.pdf555 作者: 来源: 发布时间:2023-8-4 00:36
如何表现空间协同

腾讯设计周 2021 品牌视觉设计作品集.pdf4856 作者: 来源: 发布时间:2023-8-4 00:36
平面效果

品牌基础系统



标识:TDW2021的整体标识保留了TDW2020年的标识主体,仅在已有的坐标上绘制了年份数字,以延续品牌感。

腾讯设计周 2021 品牌视觉设计作品集.pdf6678 作者: 来源: 发布时间:2023-8-4 00:36
TDW标识

主题字体: 标题字体采用大字面的字体设计来提高文字传达力度,简化笔画结构,使用水平垂直切角的设计,从阅读和识别层面体现“高效”这一概念。

腾讯设计周 2021 品牌视觉设计作品集.pdf8882 作者: 来源: 发布时间:2023-8-4 00:36
主题字体

品牌色: 整体色彩以设计三原色“红黄蓝”为主,从腾讯蓝出发,调节色彩明度,得到以深蓝和浅蓝作为整体视觉的辅助色,最后加入相应的渐变色去表达更多质感和层次,适应更多的使用环境。

腾讯设计周 2021 品牌视觉设计作品集.pdf4159 作者: 来源: 发布时间:2023-8-4 00:36
品牌色

文本字体: 中文字体采用汉仪旗黑,整体字体结构更严谨,字面大而不过,与主题字体传达的“高效阅读”相得益彰。英文字体则采用Google Fonts开源平台的Poppins字体,Poppins整体圆润饱满,现代感十足,与汉仪旗黑的适配度较高,很适合本次主题的表达。

腾讯设计周 2021 品牌视觉设计作品集.pdf6170 作者: 来源: 发布时间:2023-8-4 00:36
文本字体

辅助图形: 主视觉三个字母均由长方体、圆环及三棱柱组合而成,通过提取主视觉这三种基础形状,绘制了2d及3d两种不同的表达风格,以适应更多延展需求。

腾讯设计周 2021 品牌视觉设计作品集.pdf3612 作者: 来源: 发布时间:2023-8-4 00:36
辅助图形

品牌应用 - 官网


头部模块



线上官网是设计周的重要阵地,相比线下辐射的人群更广一些,如何让用户感受到4维空间的同时,延续品牌一致性,是这次的官网设计的核心。

腾讯设计周 2021 品牌视觉设计作品集.pdf8489 作者: 来源: 发布时间:2023-8-4 00:36
头部模块

我们通过视频来引出空间的概念,结合Web 3D技术让用户可以在网页中进行交互。这次的Web渲染引擎选择了three.js,在Octane烘培贴图的基础上优化贴图,使用PBR流程还原质感。

腾讯设计周 2021 品牌视觉设计作品集.pdf9056 作者: 来源: 发布时间:2023-8-4 00:36

网页的背景会随着鼠标有相对应的交互,我们将背景拆分为前景和后景,前景的阴影和前景的模型一起渲染,前景和后景分别定义不同的运动速度,从而达到视差的效果。

实际效果可移步线上浏览:

https://tdw.tencent.com/#/

腾讯设计周 2021 品牌视觉设计作品集.pdf6255 作者: 来源: 发布时间:2023-8-4 00:36



品牌应用 - 视频


故事框架



我们的动画视频以TDW的主题概念为先导,将“高维高效”、“空间协同”两个关键词进行场景化抽象与表达。

全片讲述了一枚小球在多维度空间穿梭旅行、成长演变的过程。画面首先以小球作为一维空间上的点出现,逐步形成线与面的二维空间,随后小球穿梭在三维空间里,变化成三棱柱、圆环、立方体三种视觉元素,并在最后构建出TDW的形态,表达出“高维高效”和“空间协同” 的理念。

腾讯设计周 2021 品牌视觉设计作品集.pdf5692 作者: 来源: 发布时间:2023-8-4 00:36

故事框架

动画分镜



动画场景以几何构成为主,表现“轻松协同”氛围。我们以小球在途中碰撞、通力合作、陆续组成新图形的经历,表达工作协同是高效运作催化剂的理念。我们对动画分镜进行了多次模拟和修改,匹配音乐节奏,力求流畅舒适,有韵律感。

腾讯设计周 2021 品牌视觉设计作品集.pdf3208 作者: 来源: 发布时间:2023-8-4 00:36
动画分镜

腾讯设计周 2021 品牌视觉设计作品集.pdf256 作者: 来源: 发布时间:2023-8-4 00:36
线框预览动画

材质展示



材质延续了主视觉的渐变配色,以干净清爽的色彩表现材质的简约,透明与半透明两类材质在画面里搭配使用,共同构建画面主次、虚实与冷暖的平衡感,让画面更具轻盈、空气感,渲染“轻松协同”的氛围。

腾讯设计周 2021 品牌视觉设计作品集.pdf189 作者: 来源: 发布时间:2023-8-4 00:36
元素材质

腾讯设计周 2021 品牌视觉设计作品集.pdf3933 作者: 来源: 发布时间:2023-8-4 00:36

材质渲染

最终效果展示



腾讯设计周 2021 品牌视觉设计作品集.pdf4066 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf163 作者: 来源: 发布时间:2023-8-4 00:36

video: https://mp.weixin.qq.com/mp/readtemplate?t=pages/video_player_tmpl&action=mpvideo&auto=0&vid=wxv_2373162281296953346



品牌应用 - 会场



腾讯设计周 2021 品牌视觉设计作品集.pdf248 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf7232 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf6848 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf9228 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf5717 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf8229 作者: 来源: 发布时间:2023-8-4 00:36



品牌应用 - 装置



我们希望把“高效协同”的空间概念也带入市集的互动装置中。我们以170cm身高为参考观察高度,人眼22mm的焦距测试,对互动拍照点进行了视觉模拟,在6x3m的环境中将错视的kv还原出来。当观众入场后,顺着走廊前移,会逐个看到“T”“D”“W”的字样展现。

腾讯设计周 2021 品牌视觉设计作品集.pdf7100 作者: 来源: 发布时间:2023-8-4 00:36

视觉模拟

腾讯设计周 2021 品牌视觉设计作品集.pdf9770 作者: 来源: 发布时间:2023-8-4 00:36
装置效果

更多现场记录



腾讯设计周 2021 品牌视觉设计作品集.pdf1546 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf7793 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf8161 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf909 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf2490 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf8541 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf5513 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf6202 作者: 来源: 发布时间:2023-8-4 00:36

腾讯设计周 2021 品牌视觉设计作品集.pdf8219 作者: 来源: 发布时间:2023-8-4 00:36

关注笔记哥,聊设计前沿资讯

腾讯设计周 2021 品牌视觉设计作品集.pdf5180 作者: 来源: 发布时间:2023-8-4 00:36


上一篇:蒋涛:重新回归的我,将带领 CSDN 全方位升级,为 AI 转型者打造一站式平台
下一篇:姬十三:果壳有意思,我没意思

鲜花

握手

雷人

路过

鸡蛋

评论

您需要登录后才可以发表言论 登录立即注册
关闭

站长推荐上一条 /1 下一条

投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.135.202.58,GMT+8, 2025-2-22 18:21 , Processed in 0.237866 second(s), 44 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯
扫一扫添加微信客服
QQ客服返回顶部
返回顶部