专栏名称: 优秀网页设计
优设网官方帐号,国内知名设计师学习平台。和大家一起来利用碎片时间学习设计和PS技术吧!
目录
相关文章推荐
庞门正道  ·  走,跟我去环游世界! ·  16 小时前  
Duncan艺术菌  ·  Blanco ... ·  昨天  
庞门正道  ·  今天,起码瘦1斤。 ·  5 天前  
庞门正道  ·  现在你是想吸猫,还是想吃宵夜? ·  5 天前  
字体设计  ·  10种时间及优惠劵排版 ·  6 天前  
51好读  ›  专栏  ›  优秀网页设计

如何设计一个能把用户看哭的App闪屏?

优秀网页设计  · 公众号  · 设计  · 2017-09-27 12:46

正文

封面设计:ABOO YANG

中秋国庆就快来了,以为终于可以休息一下了,然而老板说要提前赶工把App的闪屏页面制作好...

闪屏这个词大家可能不熟,但你一定很郁闷每次打开App都会跳出一个广告页面,有的还非要待够5秒才消失。尤其是一些审美比较清奇的闪屏广告,设计师看了以后,可以说是非常焦虑了。

但如果,App的闪屏广告的正确打开方式是下面这种……

“5秒不够,可以再看5小时!”

“诶诶诶诶,我还没看清呢怎么就消失了!”

看过了这些闪屏,小编才知道自己naive了。原来闪屏也可以美如一帧插画。中秋将至,这次小编为大家分类介绍一组各大App曾使用过的插画风中秋闪屏,配合月饼食用更佳哦。

在欣赏之前,我们得先谈谈什么是好的闪屏。

闪屏最大的特点是“闪”,用户往往注意不到非常细节的东西,所以画面简洁、主体突出是首要的判断标准。细节部分的作用主要表现为增强审美,而非增加信息混淆视听。

1. 经典元素

月亮、兔、桂花、月饼、灯笼(小编才知道中秋节也有点灯笼的风俗)是中秋节的经典元素。“多看阅读”App这张闪屏将扁平插画与立体效果结合,运用经典元素打造出简洁突出的远近景。

月亮和云朵、星空使用扁平风格,用渐变来丰富层次。兔子增加了阴影表现立体感,而前景灯笼还通过灯笼近大远小的方式突出了景深。虽然简单,但分析起来有很多精巧的地方。

“什么值得买”App闪屏的亮点是在一群小兔子。小兔子采用流行的颗粒肌理绘画方式,像贴纸一样被贴在立体的画面中。兔子手里的月饼增强了画面的细节和温馨感。说点好玩的,我一直觉得前面那三只兔老像这张表情包了:

“链家”的这张闪屏也是同样的元素,但是改变了视角——兔子们从地球上看星空变成了月球看星空,孔明灯也变成了兔子喜欢的胡萝卜样的。脑补一下,大兔叽对小兔叽说:“你看到那个萝卜灯了吗,它是我送给你的星星!”像不像你男票和你?这张闪屏温馨程度我给五颗星,放到七夕用也无压力。

虽然用的都是基础元素,但是两只兔的互动、萝卜灯、月球视角这些小创意,大大增强了画面吸引力。

2. 情感烘托

虽然UC浏览器给大家的第一印象都是“震惊!……”,但我翻过UC浏览器的闪屏相册,却发现他们的闪屏一直走的是用氛围烘托情感路线。插画方式也是区别于上一组矢量插画转而使用手绘。

这两张闪屏中,用来传递主要信息的已经不是某些元素,而是光影场景的整体氛围。比如第一张柔软的暖黄色光,第二张水中的缱绻月影与漆黑的天空倒影,寓意家始终是游子在黑暗森林一样的城市中的最光明最温暖的存在。

中秋,是归家人温暖,未归人的愁绪。放假太短,加班打拼,还有那么多个家,在中秋是不团圆的,是这两幅闪屏戳心坎的原因。因为要表现乡愁,这两幅作品都用了冷色调。大面积的冷蓝中一点星火一点光,像是某种希望和寄托。人类的情感本就是复杂的,如果我们在做设计时能关注同一个节日中另一种情怀另一种思绪,亦可以成功。

3. 融入品牌

闪屏的一个重要目的是为了构建品牌形象,延伸品牌文化。很多闪屏虽美,但是人们往往记不住他们是哪个App的。在我看来,QQ音乐是把品牌logo在闪屏中用的最淋漓尽致的。

无论是什么场景,均可毫无违和感的和“圆盘+音符”融合在一起。这种操作大家可以学习一波了。

下面这张闪屏还是腾讯公司的。中秋节不一定都是小兔子嘛,还可以直接使用企业自身的卡通形象。自从QQ卡通形象增加了多良、多多、小橘子这几个形象后,企鹅再也不孤单了。QQ这种通过打造企业卡通IP形象增强和用户的情感化联系的方式,后来受到多家公司的追捧。

眼尖的观众朋友们来找一找这张闪屏哪里用了融入了品牌元素。等等……我看到了天猫和狗东(京东),它们非常和平地居然坐在一起撸串?!这张同样也是用了卡通化的品牌形象,我就不赘述了。这张闪屏内涵很丰富啊,但我有点怀疑用户能不能在5秒之内发现天猫和狗东。

4. 创意类比

这是我们目前最缺的闪屏类型了,让人眼前一亮的创意放在哪里都是珍贵的。翻过我找到的中秋闪屏,感觉其他的更偏向于操作创新但这张更偏向思路创新。关于月亮的联想有很多,但广告创意就是要“想他人所未想”。

融入品牌的闪屏会让用户觉得“噢原来是这个App”,但极富创意的闪屏却让用户有种“让我看看是谁在造作”的冲动。包公眉心一刀月,这种别样的中秋解读就有这样的魅力。

然而创意大多数时候是有关灵感的,在灵感坠入思绪之前,我们只要做好经典元素、情感烘托和融入品牌,就不失为优秀。



戳 阅读原文 查看 UiiiUiii.com。可能是国内最好的免费中文教程网站。零基础学习PS、AI、AE、C4D等热门软件,开启自学新篇章。紧跟设计潮流,每日更新4篇以上教程。设计没灵感?全新灵感频道上线。