做節(jié)日閃屏,你需要知道這些
節(jié)日閃屏的呈現(xiàn)雖然只有一個畫面,但了解設(shè)計背后的來龍去脈,才能讓設(shè)計有根可尋。
一. 節(jié)日閃屏是什么??
1. 定義?
節(jié)日閃屏屬于閃屏的一部分。
閃屏出現(xiàn)在APP啟動頁之后,首頁之前,通常2秒左右。
2. 種類?
?閃屏包括日常運(yùn)營活動、品牌廣告、節(jié)日閃屏等。
?3. 節(jié)日閃屏的作用
節(jié)日閃屏通過結(jié)合特定節(jié)日氛圍進(jìn)行情感化運(yùn)營,通過引起用戶的情感共鳴拉進(jìn)用戶與APP的距離。?
優(yōu)秀的閃屏總能戳中用戶心靈最柔軟的深處
?明確節(jié)日閃屏的重要作用后,我們還需要了解節(jié)日。
二. 了解節(jié)日
?1. 有哪些節(jié)日
國內(nèi)傳統(tǒng)節(jié)日、國際節(jié)日、國外傳統(tǒng)節(jié)日、網(wǎng)絡(luò)節(jié)日、 24節(jié)氣、熱點(diǎn)事件等?。
每個月至少有一個需要運(yùn)營的重要節(jié)日。
?2. 節(jié)日的大致基調(diào)
?每個節(jié)日都有自己大致的基調(diào),在基調(diào)內(nèi)調(diào)整的同時又需要 有所突破,以免落入俗套。
一些節(jié)日擁有多個基調(diào),在設(shè)計時可以使用接近自身產(chǎn)品的基調(diào)。
在契合節(jié)日基調(diào)的情況下,找到出人意料又情理之中的點(diǎn)。
?3. 節(jié)日的重要程度
?結(jié)合自身產(chǎn)品劃分節(jié)日的重要程度,分配設(shè)計資源。如,女性類產(chǎn)品的重要節(jié)日是3.7女神節(jié)、母親節(jié)、520、圣誕節(jié)等。
將與產(chǎn)品相關(guān)的重要節(jié)日給予更多的設(shè)計資源與推廣。
三. 拋磚引玉,案例展示
1. 明確需求及設(shè)計方向?
?以我拿到的需求:五一閃屏為例,勞動是五一的主基調(diào)。但現(xiàn)在的年輕用戶想到的是放假、睡、宅、刷劇、玩、吃、各種約;心情好可能也不想勞動,所以把宅和浪設(shè)為五一主題。
發(fā)散的設(shè)計思路
?結(jié)合美啦美妝社區(qū)的定位及用戶多為年輕女性,收斂了2個方向:
- 打扮美美出去浪,外出游玩的同時當(dāng)然要注意防曬;
- 趁五一小假整理自己敗的妝品也不失為比較貼合美啦用戶的方向。
?確定方向后與運(yùn)營童鞋碰需求,結(jié)合美啦每周一曬的活動“五一出游不出油”, 確定1為設(shè)計方向。
2. 資料收集&草圖?
?意向風(fēng)格的插圖收集、海邊相關(guān)的場景圖收集,五一處于春末夏初,既有春意盎然,又有初夏燥熱,在場景的設(shè)計時都需要考慮。
?結(jié)合多方面的資料收集,繪制了3個場景的草圖,草圖可以讓設(shè)計運(yùn)營童鞋提前看到方案是否OK,減少試錯成本。
草圖繪制
?3. 步驟圖
步驟圖包括從草圖到黑白稿、色稿、細(xì)節(jié)明暗、材質(zhì)、文字 最終調(diào)整整體畫面。
4. GIF圖&完成稿適配不同尺寸?
最后要將畫面制作為GIF,一開始設(shè)計時便考慮好做動畫的部分,包括樹葉、云、海、沙灘、光暈、海鷗、裙子、頭發(fā)、帽子。GIF圖較靜態(tài)圖更能傳遞畫面氛圍,吸引用戶的眼光。
完成稿
完成后將畫面適用到閃屏、運(yùn)營活動、feed圖、微博有利于印象的強(qiáng)化,同時節(jié)省設(shè)計資源
五一閃屏畫面的多平臺應(yīng)用
?節(jié)日閃屏雖然最后的呈現(xiàn)只是一個畫面,但知其然并且知其所以然,了解設(shè)計背后的來龍去脈,才能讓設(shè)計有根可尋。
作者:Jenny黃靜雯?(微信公眾號:「Jenny黃靜雯」),平安銀行視覺&插畫設(shè)計師。微博設(shè)計美學(xué)博主,花瓣認(rèn)證設(shè)計師,優(yōu)優(yōu)網(wǎng)入駐設(shè)計講師,深圳市插畫協(xié)會專業(yè)會員,視覺中國簽約設(shè)計師。
本文由 @Jenny黃靜雯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
圖裂了。。。