查看原文
其他

腾讯微视品牌设计过程实录!

范盒 2022-12-07

文章来源: 腾讯ISUX(ID:tencent_isux)


前一段时间

大家的朋友圈增添了微视视频的入口

引发了大家的热议

微视也重新回到了大家的视线之中


而就在今天

腾讯公布了微视品牌设计的过程

快跟大大君一起看看吧!


项目背景

2017年是整个短视频大爆发的时期,内容产业逐渐成为移动互联网新的生力军。短视频产品同质化,用户体验趋同,团队希望运用品牌体验的全局设计思维,从视觉识别,用户体验,线上线下推广及产品礼品等多个维度来凸显产品核心价值,搭建一套完整统一的产品设计语言。


目标

微视目标很清晰,需要在短时间内快速进入短视频第一集团,切入短视频社交领域,挖掘更多机会点,也希望借这个机会能成为像微信这样的腾讯战略级产品。


设计挑战

设计的挑战点,短视频无论是产品形态还是设计体验都已很成熟,如何避免同质化,在设计上寻求自己的核心竞争力;另外短视频产品强调内容运营,设计如何能够给产品带来价值,也是微视设计在这次的最大挑战。



微视在刚起步阶段,品牌团队曾经给微视做过1.0版本的设计,当时微视的设计思路没有太清晰,最终设计偏向于简洁专注的方向;但随着短视频逐步上升为腾讯的战略方向,微视单一的设计风格已经不能满足本身需求了,微视需要一个更丰富的设计语言,这给微视的新设计重新提供了一次机会。



我们梳理了微视的设计流程,整个微视品牌设计分为三大块内容:策略,设计和体验;设计前期需要明确微视的整体品牌定位以及挖掘产品的核心价值,推导出一套符合产品气质的设计原则。


品牌设计上,应该是整个产品的设计语言素材库,其中包括了标志的设计,字体库的建立,色彩系统的搭建,图形延展设计,插画风格的提炼,动效概念等核心设计元素;在最后一环的品牌体验,代表了微视所有的场景媒介,都需要从设计语言素材库内提取设计元素并适配对应的设计,保证所有媒介场景的高度统一。



“做年轻人的潮流分享社区”是整个微视的品牌定位,让年轻人感知玩微视是一种潮流,在微视里能够挖掘更多很酷的事情和有趣内容,成为年轻人分享潮流和趣味的平台;


微视的slogan是“发现更有趣”,发现更多有趣的人,和事,或者说是一种生活态度;


基于整个品牌定位挖掘出微视的三大核心价值:保持好奇,寻找生活趣事;微视展现与众不同的自我;打造微视达人的潮流文化。


三个核心价值构建出微视的基础设计原则:微视是具备丰富内容和玩法多变的产品;它应该有有个性化的标签来彰显自己的态度;微视是一个自带潮流属性的平台,在潮流圈中有很好的认可度,通过它来传播自己的态度和生活方式。



微视slogan:发现更有趣

通过整体的品牌策略与其它短视频拉开差异化,当下主要竞品的品牌定位都是强调记录生活,记录美好时刻;微视则强调用户自己,主动去挖掘更多有趣的人,有趣的玩法,生活趣事,探索世界,发现更多精彩。



在设计的第一阶段—— LOGO设计,就是围绕“有趣”来展开发散设计


设计方案是否有趣,是我们的第一标准;它可能是一个实际存在的事物,它也有可能是一个抽象的造型,但它必须是有趣值得玩味的,也可能是别的概念会引起你的兴趣点。


最终设计团队决定使用一个特别的播放键来代表微视,播放键的造型能让用户感受它是拥有多个维度的,2D,3D甚至是异度空间等,寓意着用户可以从多个维度来看世界,寻找有趣的内容。



设计团队针对这个大方向再进行了几轮细化,右边是最终的设计方案。


希望这个LOGO在多数的app当中表现的足够抢眼,所以色彩纯度足够高,渐变四色的搭配能让它从众多app中跳跃出来。



LOGO设计确定后,接下来补充LOGO在各使用场景中的基础设计规范,另外会增加一个不带app底的场景,微视不只是单纯的应用在app上,它还需要有很好的扩展性。



四色渐变是微视的品牌色,确定了微视红是它的主品牌色,紫色,蓝色和桃红则是它的子品牌色。



另外在品牌字体的选择上,设计团队选择了三款原生字体作为微视的标准品牌字体。


Fugaz-One是一款能够广泛用于各种书刊画册的艺术字体,它的大写字体具有强烈的视觉冲击力,选择它作为微视标准英文字体;


汉仪雅酷黑也是一款用于艺术设计方面的简体中文字体,字体线条粗壮,字形端正大方,并且字库相对其它艺术字体更完整;


汉仪旗黑系列则作为微视信息类字体的补充,汉仪旗黑是汉仪字库推出的一款非常庞大而完整的家族字体,字体的各类粗细度都很齐全,并且能完美的实现各类终端环境的呈现。



微视的辅助图案是从LOGO的造型延展出来的纹理设计,这套图案会应用在许多应用场景上,包括广告,内容模版,周边产品等需要辅助设计的场景中。


微视网站


微视内容模板


品牌视频结束页


图案也会结合激光动效的理念运用到微视的场景中,例如官网设计,内容模版,视频结束页等,Pattern会作为底层展现品牌形象,在整个过程中会有品牌色激光动效,让整个场景丰富立体起来。




微视LOGO具备多维度的特性,将这种特性运用到UI场景的loading和微视水印效果上,增强品牌的独特性和趣味性;另外我们也会将LOGO做成霓虹灯的立体装置在线下活动中展出,让用户感受logo的丰富多变。


品牌视频通过多个几何维度来诠释LOGO理念,强调微视品牌趣味性。



结合LOGO的造型特征,设计团队打造了一套完整的图形系统素材库,里面包含了完整的字母与数字,还有结合短视频特性的图标体系;霓虹灯的实体效果会结合线下的活动装置中使用,这套图形系统素材库,不但具备很好的品牌识别度,而且强调了微视有趣的设计理念。



在整体的微视广告设计中,我们把微视达人的个性拆成六大类别,每一类型都会拥有一个抽象的图形来代表这一类人群,向往美好生活和生活趣事的人;作风个性炸裂,酷炫的人;有才华的人;潮流网红;二次元;甚至是闷骚奇葩的人等。



每类个性标签的人群都有与之对应的风格与设计手法匹配,例如美趣标签的设计风格偏向暖色氛围与立体化图形的搭配;炸裂标签的达人,风格酷炫,广告整体运用撞色叠加的手法+霓虹灯的视觉效果;每种标签的设定都会不一样的定义,让微视的广告语言更丰富和多元化。


周边


设计师希望把它打造成一个新生的潮流生活品牌,无论是在选择产品的类型,到设计,打样,还有拍摄推广,都和普通的公司文化衫,或者纪念品拉开差距。



总结

微视设计不仅包含了APP的体验设计,还包含了市场营销,运营活动,达人推广,周边商品等多个设计环节,环环相扣,缺一不可,一起构建了整个大微视的设计体系;互联网品牌体验在这几年逐渐显得重要,在如何设计同质化严重的产品上,如何打造竞品差异化的设计上,整体规划清晰的品牌设计能够让产品有更好的唯一性和专属感。


文章来自公众号:

腾讯ISUX 

(https://isux.tencent.com/articles/wesee-brand-design.html)


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存