上亿人使用的腾讯微视,是如何做品牌体验设计的?

Date 2026-05-11 11:07:53

上亿人使用的腾讯微视,是如何做品牌体验设计的?

编者按:微视作为腾讯今年对抗抖音的核心产品,其重要性不言而喻。短视频应用程序 今天百花齐放,腾讯微视如何做品牌设计,避免同质化,给产品带来价值?本文来自腾讯设计师的回顾,可以看到大厂的完整设计流程。

一、项目背景

2017年是短视频爆发的整个时期,内容行业逐渐成为移动互联网的新力量。短视频产品同质化,用户体验趋同。团队希望从视觉识别、用户体验、线上线下推广、产品礼品等方面突出产品的核心价值,构建一套完整统一的产品设计语言。

二、目标

微视觉的目标非常明确。我们需要在短时间内快速进入第一组短视频,切入短视频社交网络领域,探索更多机会。我们也希望借此机会成为腾讯的战略产品,如微信。

三、设计挑战

设计挑战点,短视频产品形式和设计体验已经成熟,如何避免同质化,在设计中寻求核心竞争力;此外,短视频产品强调内容操作,设计如何给产品带来价值,也是微视觉设计的最大挑战。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

在微视的初始阶段,品牌团队设计了1.0版的微视。当时,微视的设计理念不太清晰,最终设计倾向于简单和专注的方向;然而,随着短视频逐渐上升到腾讯的战略方向,单一的微视设计风格不能满足自己的需求,微视需要更丰富的设计语言,为新的微视设计提供了机会。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

我们梳理了微视觉的设计过程,整个微视觉品牌设计分为策略、设计和体验三部分;在设计初期,需要明确微视觉的整体品牌定位,挖掘产品的核心价值,推导出一套符合产品气质的设计原则。在品牌设计中,应该是整个产品的设计语言材料数据库,包括标志设计、字体数据库建立、色彩系统建设、图形延伸设计、插图风格细化、动态效果概念等核心设计元素;最后一个环节的品牌体验代表了微视觉的所有场景媒体,需要从设计语言材料数据库中提取设计元素,并适应相应的设计,以确保所有媒体场景的高度统一。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

「分享社区作为年轻人的趋势」是整个微视的品牌定位,让年轻人觉得玩微视是一种趋势,可以挖掘更酷的东西和有趣的内容,成为年轻人分享趋势和乐趣的平台;微视 slogan 是「发现更有趣」,找到更多有趣的人,事物,或一种生活态度;基于整个品牌定位,我们探索微视觉的三个核心价值:保持好奇心,寻找有趣的生活;微视觉展示不同的自我;创造微视觉人才的时尚文化。三个核心价值,我们构建了微视觉的基本设计原则:微视觉是内容丰富、玩法多变的产品;应该有个性化的标签来展示他们的态度;微视觉是一个具有自己趋势属性的平台,在趋势圈中有良好的认可,通过它传播他们的态度和生活方式。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

四、微视slogan:发现更有趣

通过整体品牌策略与其他短视频的区别,主要竞争产品的品牌定位强调记录生活和美好时刻;微视觉强调用户本身,主动挖掘更多有趣的人、有趣的游戏玩法、有趣的生活故事,探索世界,找到更多美好的东西。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

在设计的第一阶段,logo设计就是围绕「有趣」开展发散设计。设计方案是否有趣是我们的第一个标准;它可能是一件实际的事情,也可能是一个抽象的形状,但它必须有趣和有趣,或者其他概念可能会引起你的兴趣。最后,我们决定使用一个特殊的播放键来代表微视图。播放键的形状可以让用户觉得它有多个维度、2D、3D甚至异常空间,这意味着用户可以从多个维度看世界,并找到有趣的内容。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

我们对这个大方向进行了几轮细化,右边是最终的设计方案,这个 logo 希望它在大多数 app 它足够引人注目,所以颜色纯度足够高,渐变四色的搭配可以让它从众多 app 中跳出来。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

logo设计确定后,再补充 logo 每个使用场景中的基本设计规范将增加一个没有 app底部的场景,微视不仅仅是简单的应用 app 上面,它还需要具有良好的扩展性。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

四色渐变是微视的品牌色,确定微视红是其主品牌色,紫、蓝、桃是其子品牌色。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

此外,在品牌字体的选择上,我们选择了三种原始字体作为标准的微视品牌字体。Fugaz-One 它是一种可广泛应用于各种书籍、期刊和相册的艺术字体。它的大写字体具有很强的视觉冲击力。选择它作为微视觉标准英文字体;汉仪雅酷黑也是一种用于艺术设计的简体中文字体。字体线条粗壮,字体端正大方,字体库比其他艺术字体更完整;汉仪旗黑系列是微视信息字体的补充。汉仪旗黑是汉仪字体库推出的一种非常大、完整的家族字体。字体的各种厚度和细度都非常完整,可以完美地呈现各种终端环境。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视的 pattern 是从 logo 这套造型延伸出来的纹理设计, pattern会 应用程序应用于许多应用场景,需要辅助设计的场景包括广告、内容模板、周边产品等。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

△ 微视网站

上亿人使用的腾讯微视,是如何做品牌体验设计的?

△ 微视内容模板

上亿人使用的腾讯微视,是如何做品牌体验设计的?

△ 品牌视频结束页

Pattern 微视场景也将结合激光动效的概念,如官网设计、内容模板、视频结尾页等,Pattern 作为品牌形象的底层展示,整个过程中会有品牌色激光动态效果,使整个场景丰富立体。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视logo 它具有多维特性,应用于这一特性 UI场景的 loading 在微视水印效果上,增强品牌的独特性和趣味性;此外,我们还将 logo 在线下活动中展示霓虹灯立体装置,让用户感受到 logo 丰富多变。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

△ 点击查看完整的视频

品牌视频通过多个几何维度进行解释 logo 理念强调微视品牌的趣味性。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

结合 logo 我们建立了一个完整的图形系统材料库,包括完整的字母和数字,以及结合短视频特征的图标系统;所有图形设计都将应用于后期的微视广告和运营活动,霓虹灯的物理效果将与离线活动设备相结合,图形系统材料库不仅具有良好的品牌识别,而且强调了微视觉有趣的设计理念。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

品牌体验模块将我们确定的设计语言与用户面对面的场景相结合。品牌体验主要阐述三个内容:微视广告、活动和礼品。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

在整体微视广告设计中,我们将微视人才的个性分为六类。每种类型都会有一个抽象的图形来代表这类人,渴望更好的生活和有趣的生活;风格和个性破裂,酷人;有才华的人;时尚网络名人;二维;甚至闷热的人等等。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

每种个性化标签的人都有相应的风格和设计技术,如有趣标签的设计风格倾向于暖色氛围和三维图形的搭配;破碎的标签,酷的风格,整个广告使用+霓虹灯的视觉效果;每个标签都有不同的定义,使微视觉广告语言更加丰富和多样化。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视官方品牌广告采用微视的标准品牌风格。与其他标签的设计相比,它需要更多的微视风格。第一波微视推广采用标准风格。我们为每种风格设置了一套设计规范,以方便以后的CP 提供一套与其他设计师介入制作广告的标准。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

另外,微视 在推广IP形象微视狗时,也采用微视品牌风格进行宣传。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视觉中期的推广量非常大,这也是微视觉广告语言需要多样化的原因。只有一套风格设置不能满足微视觉的推广需求。美乐风格也是专门为101打造的微视觉广告。糖果色氛围和3D设计非常符合101女子联赛的风格。

“数亿人使用的腾讯微视是如何设计品牌体验的?”

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

酷风强调色彩对比,体现氛围感,呈现品牌霓虹灯的视觉效果。霓虹灯设计也是从微视图标材料库中提取的元素设计。在 NBA总决赛推广期,微视狗和 nba 合作广告采用这种风格设置。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

后期微视广告补充了未来的概念,街头时尚等风格,都围绕着大量不同个性的明星。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

作为近年来影响力逐渐增强的群体,微视也创造了一套插画风格的设计,风格抽象,色彩纯度高,画质细节多,适合年轻搞笑的明星。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视官网也以插图为主要设计风格。这套推广插图倾向于科技感的潮流感,服装专门设计成 wesee 制作,让用户看到微视等竞争产品不同的设计定位。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

第二个微视设计原则是微视有很强的个性标签,代表了微视本身的态度。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

我们采用了警示带的概念,作为微视觉品牌的独家元素,它可以突出一个人的态度,同时也很有趣和时尚感。结合微视觉专家的特点,我们提取了六个个性词作为警示带的内容(拒绝相似、发现乐趣、忠于态度、趋势主导、不安时代、极端爆炸),使警示带的设计更加选择和多样化。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

在 vans 在与微视的联合活动中,微视采用了警示带的概念来铺设整个活动场馆。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

背包、帽子、微视线下潮流商品的设计也采用了警示带的概念tee,手机壳等单品。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视的最后一个设计原则,阐述了微视的潮流文化。最重要的场景是微视的商品设计。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

我们不想只把微视作为短视频产品。设计师希望把它打造成一个新的时尚生活品牌。无论是在选择产品类型、设计、打样、拍摄推广等方面,都与普通公司文化衬衫或纪念品拉开了差距。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

“数亿人使用的腾讯微视是如何设计品牌体验的?”

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视时尚贴纸不仅是线下人才活动的礼物,也是线上APP 为用户提供贴纸库的内容资源。

上亿人使用的腾讯微视,是如何做品牌体验设计的?

上亿人使用的腾讯微视,是如何做品牌体验设计的?

微视将继续生产更多的周边商品,如拖鞋、背包、毛衣、毛巾等,生产周期短,工艺不复杂,性价比高,属于潮流圈的基本单一产品,每人一件。这些物品都获得了官方的线下活动和品牌联合活动,可以接触用户,并携手传播微视的时尚品牌影响力。

总结

微视觉设计不仅包括应用程序体验设计,还包括营销、运营活动、人才推广、周边商品等设计环节,连锁、不可或缺,共同构建整个大微视觉设计体系;互联网品牌体验近年来逐渐重要,如何设计同质化产品,如何创造竞争产品差异化设计,整体规划清晰的品牌设计可以使产品具有更好的独特性和独家性。

「腾讯团队品牌设计实战案例」

“QQ空间黄钻10周年,设计师是如何做品牌设计的?”“大师是如何设计的?让我们来看看腾讯文档背后的品牌设计过程!”“大师做标志!腾讯「游戏应用中心」品牌重设计过程全揭秘。