扫一扫 扫一扫 扫一扫 扫一扫 @Jenny黄静雯 :节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。 一、节日闪屏是什么?1. 定义 节日闪屏属于闪屏的一部分。 闪屏出现在 APP 启动页之后,首页之前,通常2秒左右。 2. 种类 闪屏包括日常运营活动、品牌广告、节日闪屏等。 3. 节日闪屏的作用 节日闪屏通过结合特定节日氛围进行情感化运营,通过引起用户的情感共鸣拉进用户与 APP 的距离。 △ 优秀的闪屏总能戳中用户心灵最柔软的深处 明确节日闪屏的重要作用后,我们还需要了解节日。 二、了解节日1. 有哪些节日 国内传统节日、国际节日、国外传统节日、网络节日、 24节气、热点事件等。 每个月至少有一个需要运营的重要节日。 2. 节日的大致基调 每个节日都有自己大致的基调,在基调内调整的同时又需要有所突破,以免落入俗套。 一些节日拥有多个基调,在设计时可以使用接近自身产品的基调。 在契合节日基调的情况下,找到出人意料又情理之中的点。 3. 节日的重要程度 结合自身产品划分节日的重要程度,分配设计资源。如,女性类产品的重要节日是3.7女神节、母亲节、520、圣诞节等。 将与产品相关的重要节日给予更多的设计资源与推广。 三、抛砖引玉,案例展示1. 明确需求及设计方向 以我拿到的需求,五一闪屏为例。劳动是五一的主基调,但现在的年轻用户想到的是放假、睡、宅、刷剧、玩、吃、各种约;心情好可能也不想劳动,所以把宅和浪设为五一主题。 △ 发散的设计思路 结合美啦美妆社区的定位及用户多为年轻女性,收敛了2个方向:
确定方向后与运营同学碰需求,结合美啦每周一晒的活动「五一出游不出油」, 确定1为设计方向。 2. 资料收集 & 草图 意向风格的插图收集、海边相关的场景图收集,五一处于春末夏初,既有春意盎然,又有初夏燥热,在场景的设计时都需要考虑。 结合多方面的资料收集,绘制了3个场景的草图,草图可以让设计运营同学提前看到方案是否 OK,减少试错成本。 △ 草图绘制 3. 步骤图 步骤图包括从草图到黑白稿、色稿、细节明暗、材质、文字,最终调整整体画面。 4. GIF图 & 完成稿适配不同尺寸 最后要将画面制作为 GIF,一开始设计时便考虑好做动画的部分,包括树叶、云、海、沙滩、光晕、海鸥、裙子、头发、帽子。GIF 图与静态图相比,更能传递画面氛围,吸引用户的眼光。 △ 完成稿 完成后将画面适用到闪屏、运营活动、feed 图、微博有利于印象的强化,同时节省设计资源。 △ 五一闪屏画面的多平台应用 节日闪屏虽然最后的呈现只是一个画面,但知其然并且知其所以然,了解设计背后的来龙去脉,才能让设计有根可寻。 欢迎关注作者的微信公众号:「Jenny黄静雯」 「主题设计案例总结」
================明星栏目推荐================ 优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。 设计导航:国内人气最高的设计网址导航,设计师必备: https://www.muzisucai.com/ 手机扫一扫,阅读下载更方便˃ʍ˂ |
@版权声明
1、本网站文章、帖子等仅代表作者本人的观点,与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样,并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络,仅用作展示,如有侵权请联系站长!QQ: 13671295。