設(shè)計節(jié)日閃屏?收下這份超全面的知識點總結(jié)!

      作者:
      分類: 教程
      2018-03-22
      10340

      節(jié)日閃屏的呈現(xiàn)雖然只有一個畫面,但了解設(shè)計背后的來龍去脈,才能讓設(shè)計有根可尋。

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

      1. 定義

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

      閃屏出現(xiàn)在 APP 啟動頁之后,首頁之前,通常2秒左右。

      uisdc-sp-20180319-1.jpg

      2. 種類

      閃屏包括日常運營活動、品牌廣告、節(jié)日閃屏等。

      uisdc-sp-20180319-2.jpg

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

      節(jié)日閃屏通過結(jié)合特定節(jié)日氛圍進行情感化運營,通過引起用戶的情感共鳴拉進用戶與 APP 的距離。

      uisdc-sp-20180319-3.jpg

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

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

      二、了解節(jié)日

      1. 有哪些節(jié)日

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

      uisdc-sp-20180319-4.jpg

      每個月至少有一個需要運營的重要節(jié)日。

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

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

      uisdc-sp-20180319-8.jpg

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

      uisdc-sp-20180319-6.jpg

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

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

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

      uisdc-sp-20180319-7.jpg

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

      三、拋磚引玉,案例展示

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

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

      uisdc-sp-20180319-5.jpg

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

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

      打扮美美的出去浪,外出游玩的同時當然要注意防曬。

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

      確定方向后與運營同學碰需求,結(jié)合美啦每周一曬的活動「五一出游不出油」, 確定1為設(shè)計方向。

      2. 資料收集 & 草圖

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

      uisdc-sp-20180319-9.jpg

      結(jié)合多方面的資料收集,繪制了3個場景的草圖,草圖可以讓設(shè)計運營同學提前看到方案是否 OK,減少試錯成本。

      3. 步驟圖

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

      uisdc-sp-20180319-11.jpg


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

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

      uisdc-sp-20180319-13.gif

      △ 完成稿

      完成后將畫面適用到閃屏、運營活動、feed 圖、微博有利于印象的強化,同時節(jié)省設(shè)計資源。

      uisdc-sp-20180319-12.jpg

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

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

      1
      5
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 一本一道波多野结衣一区| 亚洲av不卡一区二区三区| 精品一区精品二区制服| 久久久一区二区三区| 国产av夜夜欢一区二区三区| 亚洲国产精品一区| 中文字幕av无码一区二区三区电影| 国产精品日韩一区二区三区| 亚洲a∨无码一区二区| 无码人妻精品一区二区三区在线| 久久精品人妻一区二区三区| 男插女高潮一区二区| 国产美女一区二区三区| 亚欧在线精品免费观看一区| 人妻少妇久久中文字幕一区二区| 亚洲乱码一区二区三区在线观看 | 国产一区二区三区免费在线观看| 91福利视频一区| 精品无码人妻一区二区三区| 色老头在线一区二区三区| 国产福利精品一区二区| 日韩精品无码免费一区二区三区| 无码毛片视频一区二区本码| 国产精品女同一区二区| 日韩人妻一区二区三区免费| 蜜臀Av午夜一区二区三区| 精品乱码一区二区三区四区| 国产香蕉一区二区在线网站| 人妻少妇精品视频三区二区一区| 亚洲欧洲无码一区二区三区| 99偷拍视频精品一区二区| 日韩AV无码一区二区三区不卡| 日本精品一区二区三区视频 | 国产熟女一区二区三区四区五区| 日本精品高清一区二区| 中文字幕一区二区三区在线观看 | 制服中文字幕一区二区| 国产一区二区三区不卡观| 亚洲av无码一区二区三区观看| 亚洲中文字幕久久久一区| 精品视频一区二区观看|