@Jenny黃靜雯 ：節(jié)日閃屏的呈現(xiàn)雖然只有一個(gè)畫面，但了解設(shè)計(jì)背后的來龍去脈，才能讓設(shè)計(jì)有根可尋。

一、節(jié)日閃屏是什么？?

1. 定義?

節(jié)日閃屏屬于閃屏的一部分。

閃屏出現(xiàn)在 APP 啟動(dòng)頁(yè)之后，首頁(yè)之前，通常2秒左右。

2. 種類?

?閃屏包括日常運(yùn)營(yíng)活動(dòng)、品牌廣告、節(jié)日閃屏等。

?3. 節(jié)日閃屏的作用

節(jié)日閃屏通過結(jié)合特定節(jié)日氛圍進(jìn)行情感化運(yùn)營(yíng)，通過引起用戶的情感共鳴拉進(jìn)用戶與 APP 的距離。?

△ 優(yōu)秀的閃屏總能戳中用戶心靈最柔軟的深處

?明確節(jié)日閃屏的重要作用后，我們還需要了解節(jié)日。

二、了解節(jié)日

?1. 有哪些節(jié)日

國(guó)內(nèi)傳統(tǒng)節(jié)日、國(guó)際節(jié)日、國(guó)外傳統(tǒng)節(jié)日、網(wǎng)絡(luò)節(jié)日、 24節(jié)氣、熱點(diǎn)事件等?。

每個(gè)月至少有一個(gè)需要運(yùn)營(yíng)的重要節(jié)日。

?2. 節(jié)日的大致基調(diào)

?每個(gè)節(jié)日都有自己大致的基調(diào)，在基調(diào)內(nèi)調(diào)整的同時(shí)又需要有所突破，以免落入俗套。

一些節(jié)日擁有多個(gè)基調(diào)，在設(shè)計(jì)時(shí)可以使用接近自身產(chǎn)品的基調(diào)。

在契合節(jié)日基調(diào)的情況下，找到出人意料又情理之中的點(diǎn)。

?3. 節(jié)日的重要程度

?結(jié)合自身產(chǎn)品劃分節(jié)日的重要程度，分配設(shè)計(jì)資源。如，女性類產(chǎn)品的重要節(jié)日是3.7女神節(jié)、母親節(jié)、520、圣誕節(jié)等。

將與產(chǎn)品相關(guān)的重要節(jié)日給予更多的設(shè)計(jì)資源與推廣。

三、拋磚引玉，案例展示

1. 明確需求及設(shè)計(jì)方向?

?以我拿到的需求，五一閃屏為例。勞動(dòng)是五一的主基調(diào)，但現(xiàn)在的年輕用戶想到的是放假、睡、宅、刷劇、玩、吃、各種約；心情好可能也不想勞動(dòng)，所以把宅和浪設(shè)為五一主題。

△ 發(fā)散的設(shè)計(jì)思路

?結(jié)合美啦美妝社區(qū)的定位及用戶多為年輕女性，收斂了2個(gè)方向：

• 打扮美美的出去浪，外出游玩的同時(shí)當(dāng)然要注意防曬。
• 趁五一小假整理自己敗的妝品也不失為比較貼合美啦用戶的方向。

?確定方向后與運(yùn)營(yíng)同學(xué)碰需求，結(jié)合美啦每周一曬的活動(dòng)「五一出游不出油」， 確定1為設(shè)計(jì)方向。

2. 資料收集 & 草圖?

?意向風(fēng)格的插圖收集、海邊相關(guān)的場(chǎng)景圖收集，五一處于春末夏初，既有春意盎然，又有初夏燥熱，在場(chǎng)景的設(shè)計(jì)時(shí)都需要考慮。

?結(jié)合多方面的資料收集，繪制了3個(gè)場(chǎng)景的草圖，草圖可以讓設(shè)計(jì)運(yùn)營(yíng)同學(xué)提前看到方案是否 OK，減少試錯(cuò)成本。

△ 草圖繪制

?3. 步驟圖

步驟圖包括從草圖到黑白稿、色稿、細(xì)節(jié)明暗、材質(zhì)、文字，最終調(diào)整整體畫面。

4. GIF圖 & 完成稿適配不同尺寸?

最后要將畫面制作為 GIF，一開始設(shè)計(jì)時(shí)便考慮好做動(dòng)畫的部分，包括樹葉、云、海、沙灘、光暈、海鷗、裙子、頭發(fā)、帽子。GIF 圖與靜態(tài)圖相比，更能傳遞畫面氛圍，吸引用戶的眼光。

△ 完成稿

完成后將畫面適用到閃屏、運(yùn)營(yíng)活動(dòng)、feed 圖、微博有利于印象的強(qiáng)化，同時(shí)節(jié)省設(shè)計(jì)資源。

△ 五一閃屏畫面的多平臺(tái)應(yīng)用

?節(jié)日閃屏雖然最后的呈現(xiàn)只是一個(gè)畫面，但知其然并且知其所以然，了解設(shè)計(jì)背后的來龍去脈，才能讓設(shè)計(jì)有根可尋。

歡迎關(guān)注作者的微信公眾號(hào)：「Jenny黃靜雯」

「主題設(shè)計(jì)案例總結(jié)」

• 《一個(gè)App 閃屏的完整設(shè)計(jì)過程》
• 《如何給節(jié)日主題做設(shè)計(jì)，來看這篇超全面的分析！》
• 《首度揭秘！春節(jié)期間滴滴地圖小車圖標(biāo)的換裝設(shè)計(jì)過程》
• 《ofo小黃車是如何打造情感化設(shè)計(jì)的？來看總監(jiān)的自述！》
• 《實(shí)戰(zhàn)深度總結(jié)！如何設(shè)計(jì)和運(yùn)營(yíng)品牌形象？》

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備： http://hao.uisdc.com