浙江铃声推荐联盟

让观众第一眼就爱上,芒果台这些年在包装上费尽心思

广电独家2018-12-11 10:43:13

来源|公众号“媒玩媒聊”(ID:MediaForU)


也许你一直知道湖南台的频道品牌包装理念(Channel Branding)走在了卫视前面。但你不一定知道,它的包装还一直都紧跟互联网设计的潮流。


不信你看~

2008
折纸风

那个时候折纸风就是设计界的极简风,可谓是红极一时。按钮、网页设计翻一个小角都会被夸“有设计感”。




2009

网页设计JS特效

那时候还没有什么HTML5,在网页设计中应用较为广泛的是js语言。JS语言可以给静态的HTML网站增加动态效果,比如我们常见的这种可翻页的头条Banner。




所以,这一年的芒果台包装估计请的团队是网页设计师出身,鼠标点击、loading加载……几乎处处都是HTML元素。


2010
网页设计

10版更换了主视觉Logo(从折纸变成圆球),但是包装还只是对09的优化,橙色主色调得以强化。



这次改版主要是细节处理上,比如把鼠标改为台标。



跨越09、10两年度的网页设计风格,其实有一个原因是为了连接起金鹰网,以实现更统一的视觉传播效果。

2011
Aero风

由windows Vista系统开始的新型UI——Aero风格,主打透明玻璃效果。


圆形呼号logo所延伸的MG动画是一大亮点,就像吐泡泡一样,很有活力。



但这一版的缺点是色调偏冷,带有严肃感,这与芒果台的作风可不搭。


2012
Aero风

11版是对10版的进一步优化,延续并优化Aero风。




欢迎界面,高饱和橙色使用的面积更大了。




也是从这一年开始,视觉包装系统中增加了版权画面。



2013
Metro风

Metro(美俏)是微软在Win Phone里的一种界面设计语言,后来在Win8里第一次使用,当时还受到了极大争议。




2013版频道包装做了较大改变,主要是Metro引领的时下最流行扁平化设计。



文字:中文文本使用了正中黑的字体。


用色:首度突破了满屏“橙色”元素,颜色搭配上更多元,整体饱和度较高


细节:新增了这些横条元素。



当然,这一版还是有很多问题,比如受到UI设计师们吐槽的片尾贴片。


2014
Metro风



14版承袭了13风格,主要区别是把单一色块变成了渐变色块,MG动画细节更加丰满。




颜色:在13版高饱和度的色块基础上,增加效果渐变。


字体:中文字体保持不变,英文字体使用锐线体。


MG:运动设计都在模仿Windows 8的Metro。




2014版也修复了以往版本的bug。



2015
极简风

配合iOS8的发布,“极简风”成为设计界的新晋网红。15版在14版基础上做了减法,又向苹果系统所引领的“极简风”靠拢。



中文字幕采用了苹果同款的平黑。


“少即是多”,这就是极简化的设计美学。

2016
聊天界面UI

 年初芒果台出了一系列通稿,称 “芒果表情”是中国内地电视台的第一套系统化电视表情,它是湖南卫视的最具互联网气质的情绪表达。




其实就是对移动端聊天界面UI的艺术化啦。主要是文字内容从原来的卡片,变成了聊天气泡。在整体风格上还是继承了iOS风。



哈哈哈哈哈哈大张伟


你看,从Vista的Aero,到Win8的Metro、再到苹果的iOS极简风,湖南台的CBS活生生就是一段设计史啊~


转载自“媒玩媒聊”,点击二维码即可订阅