UI設(shè)計(jì)中節(jié)日閃屏設(shè)計(jì)指南

　　UI設(shè)計(jì)創(chuàng)新技能層出不窮，UI設(shè)計(jì)滿(mǎn)足著形形色色各種垂直化的需求,在設(shè)計(jì)方面大家也是想方設(shè)法去做一些創(chuàng)新,希望自己能夠在各種應(yīng)用中脫穎而出,今天AAA教育小編就針對(duì)UI設(shè)計(jì)中節(jié)日閃屏設(shè)計(jì)指南進(jìn)行簡(jiǎn)單的說(shuō)明。
 

　　什么是閃屏：每個(gè)app打開(kāi)的時(shí)候都會(huì)優(yōu)先跳轉(zhuǎn)出來(lái)的頁(yè)面
 

　　在設(shè)計(jì)閃屏的時(shí)候大多數(shù)設(shè)計(jì)師認(rèn)為要設(shè)計(jì)越酷炫越好，所以大家就去Dribbble找靈感。Dribbble就像一個(gè)閃屏頁(yè)面的博物館，但是幸運(yùn)的是，其實(shí)你不必做一個(gè)酷炫到冒泡的閃屏。
 

　　接下來(lái)給大家介紹閃屏的正確設(shè)計(jì)姿勢(shì)。
 

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

　　1. 定義?
 

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

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

　　2. 種類(lèi)?
 

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

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

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

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

　　?明確節(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é)日基調(diào)的情況下，找到出人意料又情理之中的點(diǎn)。
 

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

　　?結(jié)合自身產(chǎn)品劃分節(jié)日的重要程度，分配設(shè)計(jì)資源。如，女性類(lèi)產(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)在的年輕用戶(hù)想到的是放假、睡、宅、刷劇、玩、吃、各種約;心情好可能也不想勞動(dòng)，所以把宅和浪設(shè)為五一主題。
 

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

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

　　打扮美美的出去浪，外出游玩的同時(shí)當(dāng)然要注意防曬。
 

　　趁五一小假整理自己敗的妝品也不失為比較貼合美啦用戶(hù)的方向。
 

　　?確定方向后與運(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)整整體畫(huà)面。

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

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

　　完成稿
 

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

　　總結(jié)
 

　　?　　?節(jié)日閃屏雖然最后的呈現(xiàn)只是一個(gè)畫(huà)面，但知其然并且知其所以然，了解設(shè)計(jì)背后的來(lái)龍去脈，才能讓設(shè)計(jì)有根可尋。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)?jiān)L問(wèn)AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。