MXD

取消

不会做手工的摄影不是好设计 — 闪屏故事

MXDer

MXDer

2017.12.25

冬至闪屏
圣诞节闪屏

手机 app 的启动页也就是我们经常说的闪屏,这些种类繁杂,设计风格迥异,传达信息多样的页面已经成为用户接触产品的第一门面。很多竞品都在费尽心思的往上承载商业价值和品牌价值,闪屏的设计自然就显得异常重要。不管是要达到商业的目的还是要做到品牌的传达,在这短短的几秒无疑最重要的就是要抓住用户的眼球。为此,我们抠破了脑门,一轮又一轮的脑暴,定位,竞品分析,流行趋势参考……

从2017年开始,QQ 浏览器就开始尝试用不同的手法去表现闪屏。重要是 logo 为主形。进行不同的质感和形式的表达,我们不局限于仅仅用插画的方式去表现。引入3d、手工、拍摄等表现手法,其中手工制作在近几次闪屏制作中频率最高。手工制品通常给人一种亲近和温度的感觉,从而使浏览器这种工具化的产品增加用户亲和力。

接下来就以冬至和圣诞闪屏为例,给大家展示这些闪屏背后的制作故事,也希望大家能看到我们的用心

冬至闪屏

12月22日,朋友间一听到冬至就会蹦出“羊肉汤、火锅、饺子、汤圆”等满足味蕾的食物。这天白昼一天比一天长,阳气回升,下一个循环开始啦。嗯,这不重要!重要的是大吉之日需要“仪式感“!因此,在仅有的两天设计时间里,为了使命般的“仪式感”,选择了如图神圣般存在的物体~

为了实现这个仪式,做了一些前期准备(奸笑脸),这次的冬至闪屏结合了一直想尝试的微缩景观拍摄+实景对比,以常用的“盐”作为主场景搭建的主要元素,轻松诙谐的表现出冬日节气的氛围与态度。

有人就问:为什么要用盐,而不是面粉?

你猜呀!猜中也没奖哦!

为了表现出画面是在制作饺子的过程中发生的事情,案板上出现的虚拟现实雪景。特地准备了擀面杖,饺子皮等道具,营造真实的feel~

基本的场景搭建完,就开始培养“演员”,滑雪的模型找不到现成的,于是就自己买了软陶手动制作。希望在迷你的基础上又有细节的体现,于是用了牙签、牙线棒等,作为辅助工具塑形。

演员塑造完成,需要经历高温的酷刑才能定型,放到微波炉里进行30s-1m的技能考验。

演员就为,开始一镜表演。期间反复打磨画面构图,而品牌logo以融入场景的形式,更加自然的以故事氛围呈现。

经过画面的反复修整推敲,一部《冬季恋歌》哦,不对,冬至清新俏皮画面终于完成!

接下来就让我们看看圣诞节闪屏的制作过程吧!

圣诞节闪屏

我住的城市从不下雪,记忆却堆满冷的感觉。这句歌词用来形容本设计狗所在的城市再合适不过了,没有暖气,我们只能在南方的艳阳里大雪纷飞了(何况成都艳阳都少得可怜orz)。今年的圣诞节各位都有着落了么,是在大街上拥抱情侣喧哗过节,还是独自庆祝尽量喝醉。不管怎样,都让本设计狗送你一句大吉大利的花,剩蛋快乐啊(啥?打错了,都怪输入法)说回正题,你们想着欢度节日的时候鄙狗正在思考如何呈现节日闪屏,有草图为证。

在找风格的时候想到毛毡布这种表现形式,觉得毛毡布的质感和圣诞节能很好的契合。选取圣诞树、圣诞老人、麋鹿、雪,这些都是圣诞节非常典型的元素,保持品牌统一传达与浏览器logo结合。材料主要是毛毡和填充棉花,工具主要使用刻刀和剪刀。接下来就开始根据打印的草图裁剪毛毡布。

把主要的元素裁剪出来,粘贴好。为了增加立体感,需要将下面的外框填充棉花,从来没用过绣花针的设计狗开始慢慢摸索,缝合,填充。

填充缝合之后,开始组合,于是,我得到一个彩色甜甜圈…

为了整体的质感和统一,字体同样用毛毡的形式剪裁。剪这个字体基本耗尽了本设计狗的洪荒之力,曲线太多,打印的太小。最后,用上了十八般武艺总算是剪出来了。

最后,也是最重要的一步,拍摄成品。用万能的白色宣纸做底,摆上圣诞树,把logo和文案悬挂起来,后期加上雪花点缀,就得到本次圣诞节闪屏啦!

结语

即使同样都是用手工的方式,冬至用一把盐营造出浪漫雪景,圣诞节用毛毡剪裁出节日的氛围。可以看到手作的方式在闪屏的表现上非常具有可操作性和强烈的视觉冲击力。设计师用一双巧手,通过不同的材质和元素体现节日的特点。冬至和圣诞闪屏时间比较接近,所以放到一起展示,以后我们还有更多精彩和用心的设计呈现给大家,希望你们喜欢。

彩蛋

由于平时设计师很少露脸,特将两位设计师童鞋美照奉上,这都是被设计璀璨的容颜,且用且珍惜!

冬至闪屏设计师:Luciading(江湖人称,丁丁,我仿佛看到了你们猥琐的笑容)

圣诞闪屏设计师:Leonidashu(江湖人称,大叔,不要问我为什么,拼一下英文名就知道了)

故事就讲到这里,敬请期待我们后续更精彩的设计!