做节日闪屏,你需要知道这些

1 评论 16109 浏览 44 收藏 7 分钟
🔗 B端产品经理需要更多地进行深入的用户访谈、调研、分析,而C端产品经理需要更多地快速的用户测试、反馈、迭代

节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。

一. 节日闪屏是什么?​

1. 定义​

节日闪屏属于闪屏的一部分。

闪屏出现在APP启动页之后,首页之前,通常2秒左右。

2. 种类​

​闪屏包括日常运营活动、品牌广告、节日闪屏等。

​3. 节日闪屏的作用

节日闪屏通过结合特定节日氛围进行情感化运营,通过引起用户的情感共鸣拉进用户与APP的距离。​

优秀的闪屏总能戳中用户心灵最柔软的深处

​明确节日闪屏的重要作用后,我们还需要了解节日。

二. 了解节日

1. 有哪些节日

国内传统节日、国际节日、国外传统节日、网络节日、 24节气、热点事件等​。

每个月至少有一个需要运营的重要节日。

​2. 节日的大致基调

​每个节日都有自己大致的基调,在基调内调整的同时又需要 有所突破,以免落入俗套。

一些节日拥有多个基调,在设计时可以使用接近自身产品的基调。

在契合节日基调的情况下,找到出人意料又情理之中的点。

​3. 节日的重要程度

​结合自身产品划分节日的重要程度,分配设计资源。如,女性类产品的重要节日是3.7女神节、母亲节、520、圣诞节等。

将与产品相关的重要节日给予更多的设计资源与推广。

三. 抛砖引玉,案例展示

1. 明确需求及设计方向

​以我拿到的需求:五一闪屏为例,劳动是五一的主基调。但现在的年轻用户想到的是放假、睡、宅、刷剧、玩、吃、各种约;心情好可能也不想劳动,所以把宅和浪设为五一主题。

发散的设计思路

​结合美啦美妆社区的定位及用户多为年轻女性,收敛了2个方向:

  1. 打扮美美出去浪,外出游玩的同时当然要注意防晒;
  2. 趁五一小假整理自己败的妆品也不失为比较贴合美啦用户的方向。

​确定方向后与运营童鞋碰需求,结合美啦每周一晒的活动“五一出游不出油”, 确定1为设计方向。

2. 资料收集&草图

​意向风格的插图收集、海边相关的场景图收集,五一处于春末夏初,既有春意盎然,又有初夏燥热,在场景的设计时都需要考虑。

​结合多方面的资料收集,绘制了3个场景的草图,草图可以让设计运营童鞋提前看到方案是否OK,减少试错成本。

草图绘制

​3. 步骤图

步骤图包括从草图到黑白稿、色稿、细节明暗、材质、文字 最终调整整体画面。

4. GIF图&完成稿适配不同尺寸​

最后要将画面制作为GIF,一开始设计时便考虑好做动画的部分,包括树叶、云、海、沙滩、光晕、海鸥、裙子、头发、帽子。GIF图较静态图更能传递画面氛围,吸引用户的眼光。

完成稿

完成后将画面适用到闪屏、运营活动、feed图、微博有利于印象的强化,同时节省设计资源

五一闪屏画面的多平台应用

​节日闪屏虽然最后的呈现只是一个画面,但知其然并且知其所以然,了解设计背后的来龙去脉,才能让设计有根可寻。

 

作者:Jenny黄静雯 (微信公众号:「Jenny黄静雯」),平安银行视觉&插画设计师。微博设计美学博主,花瓣认证设计师,优优网入驻设计讲师,深圳市插画协会专业会员,视觉中国签约设计师。

本文由 @Jenny黄静雯 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 图裂了。。。

    来自广东 回复
专题
12395人已学习13篇文章
AI技术的出现给各行各业都带来了重塑的机会,那么,当AI与社交赛道碰撞时,会讲述出怎样的故事?各家产品的表现如何?
专题
40001人已学习22篇文章
不想当CEO的产品经理不是好运营
专题
15221人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。
专题
13315人已学习13篇文章
增长模型是产品增长的通用思维框架。本专题的文章分享了如何构建增长模型。
专题
11793人已学习12篇文章
针对新零售行业的发展现状,面向新零售企业的SaaS系统,可以如何进行系统架构和规划?本专题的文章分享了新零售saas架构指南。
专题
12619人已学习14篇文章
对电商行业的从业者们而言,GMV这个概念估计都不陌生,不少人也开始拿GMV作为评判各家电商平台市占率的指标之一。本专题的文章分享了GMV破亿的经验总结。