MXD

取消

4秒的闪耀-QQ浏览器闪屏设计

mxder

mxder

2017.8.28

有人说,闪屏不就是广告么?

今天我要在这里澄清!

对!没错!它就是广告!

不过…如何让广告更容易被接受愿意去消费,让用户觉得这是一个有趣的存在且愿意分享。是值得深挖的课题~

首先我们来科普一下,什么是闪屏?

…….闪瞎眼睛的启动屏!(奸笑脸)

通常我们把手机app的启动页面称为“闪屏”,为什么用“闪”来形容呢,因为它稍纵即逝,一般为3~4s!因此,为了在几秒的时间内抓住用户的眼球,我们绞尽脑汁、呕心沥血、费尽心机!不对,费尽心思~

早期为了不让用户在这过程中感觉漫长, 就在启动时展示品牌logo和Slogan,用以加深品牌感知,可谓是一举两得。

后期随着app种类越来越多,乱花渐欲迷人眼,各自“心怀鬼胎”的想成为闪屏界的霸主!每到一个节日,当你打开app的瞬间,它们都精心为你准备了节日的视觉盛宴。

QQ浏览器在此期间,不断的寻找突破口,希望在众多的闪屏洪流中脱颖而出,树立独特的个性和血液。

2015-2016闪屏

不管是表达情怀,还是表达态度,我们希望能更好的应用视觉语言来讲故事,给人好的感官体验。

2015-2016期间,我们的节日闪屏仍专注于传统的插画形式,用画面的饱满度以及故事场景来传达情感。

2016 除夕

《家》

市场现状

随着时间的推移,我们发现,市面上大部分的产品在节日的关怀闪屏上多为全画幅插画的形式,虽然画面精美,每次都会感叹画面所带来的愉悦感。

但通过“移花接木”你会发现,它好像适用于所有同类型的app闪屏,具有“通用性”。就好比十个不同长相不同性格的人都叫阿花!从讲述故事的方式来看较为传统,缺乏自身品牌的个性与态度。

QQ浏览器用户特征

70%的年轻群体

男女比例为6:4

追求个性新潮,血液沸腾的小年轻

挖掘出人物特征,赋予产品个性和态度

A.  品牌精神:跟着兴趣走下去

B.  有个性:敢想敢做,善于社交,元气满满

C.  有态度:见解独到,不随大流

创意方向的调整

1.  观点尽量体现“个性”(文案or画面)

2.  角度不同,有个性、能引起共鸣

3.  “节日的问候”转变成“态度的表达”

视觉语言创新

较以往不同的地方在于,我们尝试了不同的领域,而不是闭门造车采用单一的绘画形式。

1.  表现手法多样化,不受主题限制

2.  品牌感知强,利于传播品牌理念

3.  体系感(以品牌logo作为创意核心载体)

新颖有趣的诞生过程

以2016年的感恩节为例,如何制作一款新颖有趣的闪屏?

有趣的定义难以界定,但画面有趣和观点有趣至少要占一点swag~

a.  网路上get到感恩节的图片基本都和火鸡有关!

b.  内容大部分都是感谢家人或朋友的!

然而这次我们并不想为了避免矫情而抛弃感恩的主旨,有爱就要表达出来,不要压抑自己的天性!!!因此,我们尝试在表现形式上进行一些突破,让情感用诙谐有趣的方式传达。

1.工具(一切可以利用的物体)

2.超轻粘土若干

3.开始塑形(靠手上功夫的时候到了)

4.小崽子们陆续诞生

5.将小碎件贴到圆环上,注意构成logo的形

6.选择若干彩纸作为背景

7.尝试不同氛围的色彩

8.最终选择介于热情红和冰冷蓝之间的温暖橙,成稿get

2017 春分

西兰花也有春天,不负春光不负卿

大家心中的西兰花一定是这样的

 然而它还可以这样!

阳春三月春光正好,远离快节奏的都市生活,到大自然中撒野去。这才是2017年最流行时尚的生活方式。

美的画面不一定都靠画的,春分闪屏结合了新潮的理念,试着换个角度表达创意,食物塑形+微缩景观拍摄。用不一样的视觉表现形式,传达出QQ浏览器春天去接触新生命的生活态度。

有情怀的字体

“待到春暖花开,定然不负春光不负卿”中提取了“不负春光”这四个字,希望大家珍惜眼前的一切,不辜负春天的大好时光,配上漂亮洒脱的手写字体,让这份情感升温。

2016 愚人节

《愚你同乐》

取自”谁动了我的奶酪”,微观的愚人趣味

2016 儿童节

《童心未泯》

叮当猫也有童年,而雪糕成为最甜的记忆

2016 冬至

忘不掉记忆里水饺的味道,冬日冷心却暖

2017 除夕

《超鸡棒》

新年一定鸡年超鸡棒!

2017 劳动节

《懒三天》

挣脱繁忙的工作节奏,劳动节偏要懒三天!

2017 母亲节

《想你的怀抱》

是你教会我用行动追求梦想,而我只想拥抱你!

2017 儿童节

《还记得年少时的梦吗?》

那时爱谈天说地,梦想好像触手可及

 新增闪屏合集页

QQ浏览器—菜单—设置—关于QQ浏览器—封面印象

新增闪屏合集页的沉淀入口,让闪屏有迹可循(不要问我为什么入口这么深,因为对你的感情很真!)在此处可以下载和分享喜欢的闪屏,查看闪屏背后的故事,了解神奇的制作过程哟~

闪屏设计心得:

闪屏是浏览器和用户情感交流的窗口,也是通过品牌触达用户的桥梁。不同的节日传达不同的情感,不同的品牌态度。无论是为你带来一秒静静的感动,或是脱口而出的笑声,我们都希望闪屏能给用户带来美好的心情,温暖的瞬间。

未来,我们将用一颗“匠”心带来更有趣的作品

感谢帅气逼人貌美如花~闪屏Team的骚年们