UI設計創(chuàng)新技能層出不窮,UI設計滿足著形形色色各種垂直化的需求,在設計方面大家也是想方設法去做一些創(chuàng)新,希望自己能夠在各種應用中脫穎而出,今天AAA教育小編就針對UI設計中節(jié)日閃屏設計指南進行簡單的說明。
什么是閃屏:每個app打開的時候都會優(yōu)先跳轉(zhuǎn)出來的頁面
在設計閃屏的時候大多數(shù)設計師認為要設計越酷炫越好,所以大家就去Dribbble找靈感。Dribbble就像一個閃屏頁面的博物館,但是幸運的是,其實你不必做一個酷炫到冒泡的閃屏。
接下來給大家介紹閃屏的正確設計姿勢。
一、節(jié)日閃屏是什么??
1. 定義?
節(jié)日閃屏屬于閃屏的一部分。
閃屏出現(xiàn)在 APP 啟動頁之后,首頁之前,通常2秒左右。
2. 種類?
?閃屏包括日常運營活動、品牌廣告、節(jié)日閃屏等。
3. 節(jié)日閃屏的作用
節(jié)日閃屏通過結(jié)合特定節(jié)日氛圍進行情感化運營,通過引起用戶的情感共鳴拉進用戶與 APP 的距離。
優(yōu)秀的閃屏總能戳中用戶心靈最柔軟的深處
?明確節(jié)日閃屏的重要作用后,我們還需要了解節(jié)日。
二、了解節(jié)日
?1. 有哪些節(jié)日
國內(nèi)傳統(tǒng)節(jié)日、國際節(jié)日、國外傳統(tǒng)節(jié)日、網(wǎng)絡節(jié)日、 24節(jié)氣、熱點事件等?。
每個月至少有一個需要運營的重要節(jié)日。
?2. 節(jié)日的大致基調(diào)
?每個節(jié)日都有自己大致的基調(diào),在基調(diào)內(nèi)調(diào)整的同時又需要有所突破,以免落入俗套。
在契合節(jié)日基調(diào)的情況下,找到出人意料又情理之中的點。
?3. 節(jié)日的重要程度
?結(jié)合自身產(chǎn)品劃分節(jié)日的重要程度,分配設計資源。如,女性類產(chǎn)品的重要節(jié)日是3.7女神節(jié)、母親節(jié)、520、圣誕節(jié)等。
將與產(chǎn)品相關的重要節(jié)日給予更多的設計資源與推廣。
三、拋磚引玉,案例展示
1. 明確需求及設計方向?
?以我拿到的需求,五一閃屏為例。勞動是五一的主基調(diào),但現(xiàn)在的年輕用戶想到的是放假、睡、宅、刷劇、玩、吃、各種約;心情好可能也不想勞動,所以把宅和浪設為五一主題。
發(fā)散的設計思路
?結(jié)合美啦美妝社區(qū)的定位及用戶多為年輕女性,收斂了2個方向:
打扮美美的出去浪,外出游玩的同時當然要注意防曬。
趁五一小假整理自己敗的妝品也不失為比較貼合美啦用戶的方向。
?確定方向后與運營同學碰需求,結(jié)合美啦每周一曬的活動「五一出游不出油」,確定1為設計方向。
2. 資料收集、草圖?
?意向風格的插圖收集、海邊相關的場景圖收集,五一處于春末夏初,既有春意盎然,又有初夏燥熱,在場景的設計時都需要考慮。
結(jié)合多方面的資料收集,繪制了3個場景的草圖,草圖可以讓設計運營同學提前看到方案是否 OK,減少試錯成本。
?3. 步驟圖
步驟圖包括從草圖到黑白稿、色稿、細節(jié)明暗、材質(zhì)、文字,最終調(diào)整整體畫面。
4. GIF圖 & 完成稿適配不同尺寸?
最后要將畫面制作為 GIF,一開始設計時便考慮好做動畫的部分,包括樹葉、云、海、沙灘、光暈、海鷗、裙子、頭發(fā)、帽子。GIF 圖與靜態(tài)圖相比,更能傳遞畫面氛圍,吸引用戶的眼光。
完成稿
完成后將畫面適用到閃屏、運營活動、feed 圖、微博有利于印象的強化,同時節(jié)省設計資源。
總結(jié)
? ?節(jié)日閃屏雖然最后的呈現(xiàn)只是一個畫面,但知其然并且知其所以然,了解設計背后的來龍去脈,才能讓設計有根可尋。因此,您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息,請訪問AAA教育,包含有關在該領域工作的更多相關文章。
填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc