转瞬之美 四时旖旎--企鹅号节气闪屏小结

用户头像
北京/插画师/6年前/6220浏览
转瞬之美 四时旖旎--企鹅号节气闪屏小结
用户头像
Yan0610

2019年整年份的企鹅号节气闪屏分享,归整了一下整个项目的过程,从启动到年尾成效。


undefined











首语///

年初时,接到了企鹅号闪屏的项目需求,年底完结,在此做一个小总结分享,把着开放学习的态度与大家来共同探讨关于设计在产品的情感化设计中的作用。也希望通过这次的分享,梳理的一个简单的插画类的闪屏制作思路,从启动到闪屏上线,过程中的点点滴滴,给大家一点启发~

1,背景--闪屏的定义为何?

2,启动--结合产品,定制节气闪屏的运营项目

3,思考--确定风格及样式

4,实施--创作思路具象化,分析理清绘制思路

5,推进/成效--项目整年的节气推进,在合理的思路下,整年的节气闪屏效果

undefined



背景


A--何为闪屏呢~?

百科是这么解释的:闪屏是在手机应用开启时展示固定时间(3~5秒),展示完毕后自动关闭并进入应用页面的一种广告形式,并支持定向。

对撒,简单一句就是:广告!

所有的手机APP的应用,开机都会有一个闪屏页面。

大多页面常规都是该应用的品牌口号和主形象。




B--形式搜集

那么问题来了,开机第一眼展示的页面就是显示整个应用的品牌调性和方向。所以,由于展现在应用刚刚开启时,用户的注意力非常集中,特别适合进行品牌宣传和产品推广

现在随便打开其他的产品应用,闪屏都有相关的广告的内容。

市面上的产品中,闪屏的样式花样繁多,丰富多彩。有推广活动的,也有顺应当下节日节气的,让人眼花缭乱。收集下来,发现插画类的闪屏内容占了多数(具体多数到多少,没有官方数据,请见谅~^-^)






启动


C--形式确定

插图的运用相当广泛,从广告到影视剧,从海报到片头,无处不出现插画形式的艺术设计形式。

插画形式包容性大,可能性也非常大,风格可以贴合一切的产品应用,可谓推广的“灵丹妙药”~



D--对症下药

结合企鹅号的产品调性,调研产品的用户画像,产品剖析,对企鹅号有了一个大概的了解:

企鹅号是一个包容性很大的内容平台,用户兼职率达到了75%,且平均年龄都在25周岁左右,当初定义用户为--斜杠青年。

斜杠青年来源于英文Slash,指的是一圈不再满足“专一职业”的生活方式,而选择拥有多重职业和身份的多元生活的人群。

用户偏向稳重,强调个性,崇尚自由,对待事物也严肃冷静。

所以,结合产品调性,探索插画更多可能~~~






思考


A--背景分析

进项目时,企鹅号的闪屏是处于半空白状态--即没有广告推广,很干净。

所以结合产品,为了给产品增加活力,让用户感知到另外一种温度,推出2019年整年节气的闪屏推广运营计划。



B--脑暴

内容(节气)和形式(插图)确定后,就进入设计的脑暴环节了,往往任何设计项目的启动点,是即痛苦也兴奋的。

思考~节气本身是很有中国特色的,也是中国特有的,联想到国风,在到最近几年都很火的故宫这个超级大IP的运营成功,所以有了大概的方向和思路。

因为手绘的习惯一直保留至今,所以任何的脑暴我都喜欢用纸和笔去呈现,笔尖触碰纸的时刻,也会激发很多的灵感

草稿定了三个方向,其实对于插画,真的可实现的方式和呈现方式太多太多,这也是这种形式吸引我的一点,构图,颜色,风格,角度,其中一个变风格就会很大的差别,很有魅力。

在与产品和部门组长碰后,最终选择了方案B


实施


A--构思细化

因为选择了国风的形式,我会先去研究一下国风里的一些构图和色调等,一张国画有几个必然的元素----留白,印章,文案落款。国风的构图(因为手机终端是竖构图,所以这里主要指的是竖构图的形式),多都是疏密搭配的构图,使得的画面很平衡很稳定。这就得益于大量的留白运用。 右边系列的图例中,A处的不管是文字还是印章,就起到平衡画面的作用,类似杠杆理论中的那个秤砣,即使B处在密集在重,A处也能很好的平衡画面。





B--在创作

国画,形式古老,古老的几千年历史,但是,当下,国潮又有卷土重新来过的强大势头,历史与新潮的碰撞,结合一下,就有了这次的创作结果。


第一步a:拿到产品方的文案后,根据文案做分解---第一张惊蛰,又是春天,文案很有寓意"万物复苏,创作春天",即体现了春天的节气特性,又和产品创作的调性契合。所以元素也在分解后,有了具象的呈现。

第二步b:既然是国风的调性,文案的呈现在画面也要契合,出了五款的字体展示(当然是结合了画面统一一起来选择的,并不是单独选择的),不同的毛笔体现了不同的风格,最终选了A款~~    

 

第三步c:排版,采取了中心构图--文案在上方,印章显示当下节气,画面核心是企鹅载体的内容设计,下方LOGO品牌露出及平衡画面。




第四步d:配色,春天的颜色都是欣欣向荣一片色彩斑斓,画面做了取舍,绿色象征新生复苏,黄色代表活力灵动。


四步(其实是四大步五小步),每一步都有它自己环节所承载的内容和责任,当然这样思路下来,出错率也不会太大,即使有也是可以返回上一步再去做修改和调整。一步一个点,总归是会达到自己想要的目的地。当然,c这一步线稿构图是最费时费力的,需要很强的耐心,反复去实验去推敲,才能达到最终和谐的效果。




推进


有了第一张的惊蛰开拓经营,总结了四步的简单方法(范例为谷雨节气)

a,元素确定

b,构思画面构图(中心企鹅画面)

c,细化,具象化(我称呼这过程为死亡线稿过程)

d,配色(给这个过程起名叫魔鬼上色过程)

(e,调整,可算做第四步)


思路清晰后,后面的推进就会比较顺畅,当然每一次的绘制都是新的创作,构图线稿配色都是全新的,只是在一个大的系统里面寻求变化和创新。


端午

立夏

大暑


--每一张构思,都会去考察当前的节气需要什么元素,文案也会给很多信息,所以,好的文案和画面契合的越高,越相辅相成的。




成效


从接到项目开始,我就心中有一个理念--做成系列,完整的系列。从二月到十一月,十张的高品质的闪屏产出,给自己一个较为满意的答卷,给用户带来了愉悦的节气节日祝福。

肥企鹅线稿~~~线稿和成稿,少部分会有出入,不太一样,这就是上色过程中的调整,为了呈现更好的画面做的微调~~在不打扰用户的前提下,闪屏的输出给他们带来会心一笑:咦~?今天都大暑了呀,小蝌蚪小青蛙,有没有想起小时候田间抓青蛙捞蝌蚪的调皮经历呢~?端午到了,是吃甜粽子还是咸粽子呢~?那只树下的猫咪,有没有捉到树上的吵闹的蝉呢~?等等等等






惊蛰///

春雷滚滚,万物苏醒。燕子归来,嘴中叼着绿叶,带来了春天的气息,大地被唤醒,绿草和蒲公英开始生长,採几只迎春放在瓶中,留住春天的味道,后面的蔓藤也开始慢慢长出新芽,预示着一切都恢复生机,也和文案有了好的呼应。



清明///

三月清明,雨纷纷,点一支香,祭奠逝去的先人,后面瓶中插两只菊花,祭祀故人,左上角构图木兰花枝头鸣笛的麻雀,平衡了画面,也为这气氛增添几分悲伤,让画面更有灵动感。



谷雨///

4月谷子在春雨的滋润下,茁壮快速成长,水田中的稻谷,石头后面的玉米,都象征着春天一切欣欣向荣的生命力,鸟儿在谷田间找虫子,为画面增添活力。



立夏///

"秀"字用五月初各种花开来表现---月季,野菊花,虞美人,牵牛花,都是当季盛开的花~~~用丰盛的水果来代表夏天的到来(荔枝,妃子笑,有没有想到那句诗词),牵牛花在企鹅的右上角,形式企鹅妹妹右上角的那朵蝴蝶,鲜花开发,谁能不爱呢?



夏至///

夏雨绵绵,葡萄开始熟了,采摘青梅入酒,配上夏天的西瓜,闻着夏天独有的栀子花香,翠鸟都舍不得离开了~~~



端午///

托盘上放着雄黄酒和小绿植,后面假山上放着粽子,一个拆开的粽子香气溢出,飘向远处。门上挂着艾叶(现在还有几家保留这样的习俗),远山给画面带来空间感,使画面更有层次。



大暑///

最喜欢的夏天最喜欢的荷花~~荷花为主体,蜻蜓做点缀,水池里青蛙和蝌蚪带来更多生命力,夏天的雷雨点,落在荷花叶和芭蕉叶上,给炎热的夏天带来一丝丝凉意。



立秋///

梧桐树上,蝉鸣叫,吸引到树下的猫咪,好奇心强的猫随时准备伺机而动,给画面一种隐性动态感,野菊也预示着酷暑已慢慢远离,秋天的凉爽即将到来~



中秋///

这次用企鹅形象做窗栏,窗外庭院松树挂灯笼上灯谜和着轻纱随微风飘动,吹开云层露出圆圆的月亮。窗内香炉轻烟渺渺,让人倍思亲,小桌上放着温热桂花酒还有月饼,还有未解开的灯谜,顺着桌角兔子的眼观看去,坐垫的主人去了画面外,是为何离坐呢?



寒露///

大雁在晨雾中南飞,水塘边的螃蟹已经很肥美,木槿花开的正欢(花语我很喜欢——温柔的坚持,坚韧,永恒美丽木槿花朝开幕落,但每一次凋谢都是为了下一次更绚烂的开放),正如秋天的节气,落叶归根,化作春泥为了来年更好额生长。远处的人字形大雁,给画面以空间感。



结语

画到现在,从春天到冬天,一年真的过的很快~~~,希望大家在忙碌之中,打开企鹅号的应用,刚好看见当下节气的闪屏,能感受到一些不一样的小惊喜体验,即使在忙碌,也不要忘记我们的初衷是为了更美好的生活~~~

生活还在继续,产品也在不断更新迭代中,新版本会有新的一批闪屏上线。希望我们也能和用户一起共同进步,让世界看到不一样的自己~~

在此也感谢项目组的文案小姐姐,是她们的文案让我更有画面感,让整个意境更加的有诗意,感谢组长给我一个试炼的机会,让我更深入了解到不管是产品还是国风类插画设计。


也希望整理的这个小教程对大家有所帮助~~~。





307
Report
|
431
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in