近两年年是整个短视频大爆发的时期,内容产业逐渐成为移动互联网新的生力军。短视频产品同质化,用户体验趋同,团队希望运用品牌体验的全局设计思维,从视觉识别,用户体验,线上线下推广及r A b 9 – ~ M产品礼品等多{ o ` M q A $ /个维度来凸显产品核心价值,搭建p B D P [ % % $ R一套完整统一的产品设计语言。下面是超详细的微视品牌体验设计分享。
目标 d 2 P F m . ;3;
微视目标很r F [ O清晰,需要在短时间内快速进入短视频第一集G d ) | \ P Q团,切入短视频社交领域,挖掘更多机会点,也希望借这个机会能成为像微信这样的腾r S ; . ^ C 7讯战略级产品。 : , [ A x R r3;

# c 4 5 S I \ 2 P;
设计挑战 
H C w Q E v d K;
&#, U 0 h H *13;

z Q L X *;
设计的* 5 0 H x挑战点( \ – 1,短视频无论是产品形态还是设计体验都已很成熟,如何避免同质化,在设计上寻求自己的核心竞争力;另外短视频产品强调内容运营,设计如何能够给产品u f c带来价值,也是微视设计在这次的最大挑战。
微视在刚起步阶段,品牌团队曾经给微视做过1.0版本的设计,当时微视的设计思路没有太清晰,j N u . S最终设计偏向于简洁专注的方向;但随着短视频逐步上升为腾讯的战略方向,微视单一的设计风格已经不能满足本身需求了,微视需要一个更丰富的设计语言,这给微视的新设计重新提供R ^ {了一次机会u + _ ) 3 x o , %。
我们梳理了微视的设g ? N P 2 ; h * l计流程,整个微视品牌设计分为三大块内容,策略,设计和体验;设计前期需要明确微视的整体品牌定位以及挖掘产品的核心价值,推导出一套符合产品气质的e F ~设计原则,品牌设计上,应该是整个产品的设计语言素材库,其中包括了! l l J H } G d标志的设计,字体库的建立,色彩系统的搭建,图形延展设计,插画风格的提炼,动~ ] _ / J w效概念等核心设计元素;( + t Q S在最后一环的品牌体P $ t b ; [ ] s *验,代表了微视所有的场景媒介,都需要从设计语言素材库, Y + i % 6 r内提取设计元素并适配对应的设计,保证所有媒介场景的高度统~ \ _ P b K一。
“做年轻人的潮流分享社区”是整个微视的品牌定位,让年轻人R J S g r c n ]感知玩微视是一种潮流,在微视Y } i K里能够挖掘更多很酷的事情和有趣内容,成: 3 G b为年轻人分享潮流和趣味的平台;微视的slogan是“发现更有趣”,发现更多有趣的人,和事,或者说是一种生活态度;基– K % 5于整个品牌定位,我们挖掘微视的三大核心价值:保持好奇,寻找生活趣事;微视展现与众不同的自我;打造微视达人的潮流文化。三个核心价值,我们构建出微视的基础设计原则:微视是具备丰富内; l / ?容和玩法多变的产品;它应该有有个性化的标签来彰显自己的态度;微视是一个自带潮流属性的平台,在潮流圈中有很好的认可度,通过它来传播自己的态度和生活方式。
微视slogan:发[ 1 E \ R e W现更有趣
T W 6 g # D H
通过整体的品牌策略与其它短视频拉开差异化,当下主要竞品的品牌定位都是强调记录生活,记录美好时刻;微视则强调用户自己,主动去挖掘更多有趣的人,有趣的玩法,生活趣事,探索世界,发现更多精彩。
我们在设计的第一阶段,logo设计,就是围绕d & P + * i ^ s @“有趣”来展开发散设计。设计t _ ? Y M `方案是否有趣,是我们的第一标准;它可能是一个实际A h W 0 x . 2 k y存在的事物,它也有可能是一个抽象的造型,但它必须是有趣值得玩_ – I v y味的,也可能是别的t G 2 1 V概念会引起你的兴趣点。最终我们决定使用一个特别的播放i , ( ] &键来代表微视,参考深圳极客补发标志设计手法,播放键的造型能让用户感受它是拥有多个维度的,2D,3D甚至是异度空间等,寓意着用户可以从多个维度来看世界,寻找p z Y有趣的内容。
我们针对这个大方向再进行了几轮细化,右/ H q边是最终的设计方案,这个logH { 3o希望它在多数的app当中表现的足够抢眼,所以色彩纯度足够高,渐变四色的搭配能让它M ? m n F e从众多app中跳跃出来。
logo设计确定后,接下来补充logo在各使用场景中的基础设计规范,另外会增加一个) k ~ P a f t不带app底的场景,微视不只是单纯的应用在app上,它还需要有很好的扩展性。
&8 h x 1 ; – u X |#13;
四色渐变是微视的品牌色,确定了微视红是它的主品牌色,紫色,蓝色和桃红则是它的子品牌色。
& | 9 u l ` . H
另外在品牌字体的选择上,我们选择了三款原生字体作为微视的标准品牌字体。Fugaz-One是一款能够广泛用于各种书刊画K E O册的艺术字体,它的大写字体具s c +有强烈的视觉冲击力,选择它作为微视标准英文( } F 5 y ]字体;汉仪雅酷黑也是一款用于艺术设计方面的简体中文字体,字体线条粗壮,字形端正大方,并且字库相对其它艺术字体更完整;汉仪旗黑系列则作为微视信息类字体的补充,汉仪旗黑是汉仪字库推出的一款非常庞大而完整的家族字体,字体的各类粗细度都很齐全,并且能完美的实现各类终端环境的呈现。
&I = % e d v#13;
微视的pattern是从logo的造型延展出来的纹理设计,这套pattern会应用在许多应用场景上,包括广告,内容模版,周边产品等需要r E U V辅助设计的场景中。 &d ! x n Z v 3 |#13;
(微视网站)
(微视内容模板)
Pattern也会结合激光\ F ) n a z ! Z |动效的理y y U Z ~ t ? B念运用到微视K X N ~ y $的场景中,例如官网设计,内容模版,视频结束页等,Pattern会作为底层展现品牌形象,在整个过程中会有品牌色激光动效,让整个场景丰富立体起来。

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

] G 8 i H;
 9 2 l $13;
品牌视频通过多个几何维度来诠释logo理t Y b B @ x ] U念,强调微视品牌趣味性。
&s s V 3 ^#13;
结N Q w q Z合logo的造型特征,我们打造了一套完整的图形系统素材库,里面包含了i _ m ] y ]完整的字母与# * + M U i数字,还有结合短视频特性的图标体系;目前这套c 3 & = S K @ ^素材库仍在不K ^ ~ l P ]断完善中,所有的图形设计都会运用到后期微视的广告和运营活动当中,霓虹灯的实体效果会结合线下的活动装置中使用,这套图形系统素材库,不但具备很好的品牌识别度,而且强调了微视有趣的设计理念。

# h 9 i K 0 n * );
品牌体验模块把我们确定的这套设计语言结合到与用户面对面的场景中来。品牌体验主要阐述微视的广告,活动和礼品三大块内容上。
在整体的微视广告设计中,我们把微视达人的个性拆成{ 3 h六大类别,每一类型都会拥有一个抽象的图形来代表这一类人群,向往美好生活和生活趣事的人;作风个性炸J y w , H裂,酷炫的人;有才华的人;潮流网红;二次元;甚至m W n a : 2 b C是闷骚奇葩的人等。
&$ 2 % u _#13;
每类个性标签的人群都有与之对应的风格与设计手法O ` $ y t s匹, % & L 8配,例如美趣标签的设计风格偏向暖色氛围与立体化图形的搭\ 7 B = / ( P配;炸裂& A L e标签的达人,风格酷炫,广告整体运用撞色叠加的手法+霓虹灯的视觉效果;每种标签的设定都会不一样的定义,让微视的广告语言更丰富和多元化。

c M q $;
i 8 R D J B = ; U3;
微视官方品牌广告d i x L h K ? B N采用微视的标准品牌风格,对比其它标签的设计,它需要更加微视的风格。在首波微视推广中都采用了标准风格。我们给每套风格设定一套设计规范,方便后期CP和其他设计师介入制作广告提供一套标准。
另外在微视的IP形象微视狗的推广上,也采用微视的品牌风d o ] * – 3 7 O格来宣T s x } o传。
微视中期的推广投放量非常巨大,所以也是微视广告语言需要多元化的原因,只有一套风格设定,不能满足微视的推广需求,美趣风格也是专门为101打造的微视广告,设定的糖果色氛围和3d设计很D @ U符合101女团的风格。
N / t T
酷炫风强调撞色对比来体现氛围感,搭配品牌霓虹灯的视觉效果来呈现,霓虹灯设计也是运用微视图标素材库里提取出来的元素设计参考了金华极客补发。在NBA总决赛推广期,微视狗与nba合作的广告采用了这套风格设定。
= z $ ` g
微视广告在后期陆续补充了未来概念,街头时尚等风格,都是围绕大量不同个性的明星设定。
&#Z ) \ a d l , I (13;
二次元作为近几年影响力逐渐壮大的群体,微视也打造了一套插画风格的设计,风格抽象,色彩纯度高,画质的细节多,适用于年轻搞怪的明星使用。 K ~ X S s F / g #3;
微视官网也采用插画作为主要设计的风格,这套推7 p N广插画偏向潮流感科技感,服装特地设计成wesee出品,让用户看到微视和其它竞品不一样的设计定位。
&z 6 [ H Z ] | –#13;
微视设计原则的第二条是微视拥有很强烈的个性标签,代表微视自身的态度。
r ~ A b A U 5 4
我们采用了警示带的概念,作为微视品牌的专属元素,警示带能够彰显一个人的态度,同时又有趣味性和潮流感。我们结合了微视达人的特性,提炼出6段个性的词语作为警示带内容(拒R O Z绝雷同,发现有趣,忠于态度,潮流支配,躁动时代,极度爆炸)让警示带的设计更多选择和多样化。
在vans和微视的联名活动中,微V Y U – X视采用了警示带概念来对整个活动场馆进行铺装。
&#m B o – 3 g13;
警示带概念还运用到微视线下潮流商品的设计中,背包,帽子,tee,+ M x j s 0手机壳等单品。
‡ 1 k q W d x;
微视的最后一条设计原则,阐述微视的潮流文化。最主要的场景是在微视的达人商品设计上。
我们不希望只把微视当作是一个短视频的产品来做,设计师希望把它打造成一个新生的潮流生活品牌2 B * m K D ?,无论是在选择产品的类型,到设计,打样,还有拍摄推广,都和普通的公司文化衫,或者纪念品拉开差距。
微视的潮流贴纸,除了作为线下达人活D B J k c ~ ? P A动的礼品,也作为线上APP贴纸库的内容资源,提供给用户使用。
&#m 2 / }13;
微视后续会继续生产更多的周边商品,比如拖鞋,背包,卫衣,毛巾等,3 # ` [ 0 ^ {这些都属于生产周期短,没有复杂I p I ` = K 2工艺,性价比极高,属于潮流圈的基础单品,人手一件。这些单品N 1 ~都拿到能够触达用户的官方线下活动和品牌联名活动中,手递手传播微视的潮流品牌影响力。
总结
微视设计不仅包含了APP的体验设计,还包含了市场营销,运营活动,达人推广,周边商品等多个设计环节,环环相扣,缺一不可,D { z一起构建了整个大微视的设计i B _体系;互联网品牌体验在这几年逐渐显得重要,在如何设计同质化严重的? A , a E _ y Q产品上,如何打造竞品差异化的设计上,整体规划清晰的品牌设计能够让产品E h X x ^有更好的唯一性和专属感。
文章来自腾讯ISUX设计网,大公司的品牌设O k i Y P Q o B计非常严谨且有深度,值得学习。