本文作者將給大家分享的是關(guān)于中秋閃屏設(shè)計(jì)的一些知識(shí)梳理，希望帶給你新的思路與靈感。enjoy~

關(guān)于閃屏

閃屏約等于啟動(dòng)頁(yè)，其存在的目的都是為了緩解用戶等待過(guò)程中產(chǎn)生的焦躁情緒，也輔助傳達(dá)了品牌信息、產(chǎn)品基礎(chǔ)信息、廣告內(nèi)容、節(jié)日氛圍等等。一般展示時(shí)間在3S左右，大部分應(yīng)用提供了“跳過(guò)”這個(gè)功能。

閃屏/啟動(dòng)頁(yè)呈現(xiàn)類別

閃屏頁(yè)與啟動(dòng)頁(yè)承載的功能是一致的，只是閃屏頁(yè)一般都是品牌宣傳、廣告內(nèi)容、節(jié)日氛圍等，兩者在呈現(xiàn)形式上面主要有下面幾種形式：

1. 只有啟動(dòng)頁(yè)呈現(xiàn)，通常為品牌信息傳播；
2. 啟動(dòng)頁(yè)+閃屏先后呈現(xiàn)，一般啟動(dòng)頁(yè)為品牌信息，閃屏為廣告內(nèi)容、節(jié)日氛圍等；
3. 啟動(dòng)頁(yè)和閃屏交替呈現(xiàn)，在平時(shí)以品牌信息等默認(rèn)啟動(dòng)頁(yè)，節(jié)日活動(dòng)時(shí)展示閃屏頁(yè)。

節(jié)日氛圍閃屏

閃屏的設(shè)計(jì)中除了廣告內(nèi)容以外，節(jié)日氛圍營(yíng)造也是較為常見(jiàn)的形式。這也是今天為大家分享的主要內(nèi)容，以中秋閃屏設(shè)計(jì)為案例解剖，為大家梳理一下中秋閃屏在設(shè)計(jì)中的表現(xiàn)形式與設(shè)計(jì)思路。

廣告內(nèi)容結(jié)合中秋熱點(diǎn)

在節(jié)日氛圍中結(jié)合廣告內(nèi)容是商家最慣用的伎倆之一，這也是為啥現(xiàn)在節(jié)日變的越來(lái)越多，除了傳統(tǒng)節(jié)日以外，一些商家自定義形成的節(jié)日也逐步開(kāi)始流行，如：雙十一、雙十二、618、購(gòu)物節(jié)等等。

中秋這個(gè)熱點(diǎn)中加入廣告內(nèi)容是最好不過(guò)的了，這個(gè)熱點(diǎn)是最利于達(dá)成交易的節(jié)日熱點(diǎn)之一。

品牌信息的結(jié)合

品牌信息結(jié)合中秋主題主要體現(xiàn)在品牌特征元素或者LOGO圖形通過(guò)藝術(shù)化處理相互結(jié)合，在突出中秋主題的同時(shí)加強(qiáng)了品牌的親和力。在閃屏設(shè)計(jì)的表現(xiàn)形式上面也各有不同，主要集中在以下形式：

1. 品牌信息直接嵌入

這是最為簡(jiǎn)單的手法，只要設(shè)計(jì)一幅與中秋相關(guān)內(nèi)容的閃屏畫(huà)面，然后直接露出品牌信息即可。

2. 利用同構(gòu)圖形的創(chuàng)意手法

這樣的設(shè)計(jì)形式比較考驗(yàn)品牌圖形與中秋元素的融合性，一般是以LOGO圖形與中秋相關(guān)元素進(jìn)行同構(gòu)。中秋相關(guān)元素包含：月餅、圓月、玉兔等，如360手機(jī)瀏覽器的閃屏設(shè)計(jì)就是LOGO圖形結(jié)合月餅造型同構(gòu)而成。

3. LOGO圖形剪影形式

這個(gè)設(shè)計(jì)形式較為少見(jiàn)，是利用LOGO圖形或者其他特征圖形的外形形成剪影，然后結(jié)合中秋場(chǎng)景插畫(huà)，是比較簡(jiǎn)單的設(shè)計(jì)手法之一，如百度地圖就是以這樣的形式設(shè)計(jì)過(guò)一次中秋主題的閃屏作品。

4. 品牌特征圖形、品牌簡(jiǎn)稱、字母等形式作為紋理結(jié)合中秋元素

這樣的設(shè)計(jì)形式是充分利用中秋元素的造型紋理與品牌圖形或者字形進(jìn)行組合，組合形式比較巧妙。

5. 品牌產(chǎn)品特征融入到場(chǎng)景角色中

將品牌產(chǎn)品特征結(jié)合中秋場(chǎng)景中的人物或者卡通形象等角色，從側(cè)面?zhèn)鞑テ放菩畔?、服?wù)和產(chǎn)品推廣。這樣的形式靈活性比較高，在一些無(wú)法直接與中秋主題融合的產(chǎn)品，利用變相的手法也是非常巧妙的搭上了中秋的熱點(diǎn)。

6. 吉祥物與中秋場(chǎng)景的結(jié)合

對(duì)于一些擁有吉祥物的品牌，將其融入到中秋場(chǎng)景中是比較常見(jiàn)的創(chuàng)意手法。由于吉祥物本身具備很強(qiáng)的親和力，更加能夠體現(xiàn)出中秋的氛圍，拉進(jìn)與用戶之間的距離感。

插畫(huà)在中秋閃屏設(shè)計(jì)中的運(yùn)用

插畫(huà)在閃屏設(shè)計(jì)中是非常常見(jiàn)的形式，搜索中秋閃屏設(shè)計(jì)作品中，幾乎都是插畫(huà)的表現(xiàn)形式。根據(jù)對(duì)中秋相關(guān)閃屏的分析，大致總結(jié)出在中秋閃屏設(shè)計(jì)中的插畫(huà)表現(xiàn)風(fēng)格與思路，希望帶給你一些啟示。

1. 全家福與圓月的組合

中秋是團(tuán)圓的象征，利用全家福的場(chǎng)景與圓月進(jìn)行組合可以在沒(méi)有任何文案點(diǎn)題的前提下準(zhǔn)確的進(jìn)行信息傳達(dá)。這樣的形式不僅可以勾起用戶的共勉，也能在沒(méi)有更好的創(chuàng)意的前提下，比較通用的表現(xiàn)形式。

2. 利用相思與游子產(chǎn)生共勉

對(duì)于很多遠(yuǎn)鄉(xiāng)異地的游子來(lái)說(shuō)，中秋小長(zhǎng)假是難以趕回團(tuán)圓的，利用這樣的場(chǎng)景結(jié)合圓月也是很能與之共勉的。一般場(chǎng)景中出現(xiàn)獨(dú)立的角色或者沒(méi)有人物角色，用這樣的場(chǎng)景表現(xiàn)孤獨(dú)，然后配合產(chǎn)品的服務(wù)打破這樣的孤獨(dú)感，與這部分游子群體產(chǎn)生共勉。

3. 玉兔在場(chǎng)景中無(wú)處不在

中秋的節(jié)日氛圍中玉兔的出現(xiàn)是非常常見(jiàn)的，動(dòng)物本身的親和力就很強(qiáng)，兔子在我們生活中更是可愛(ài)的象征，一般呈現(xiàn)的形式有玉兔與主角結(jié)合、玉兔作為主體、玉兔作為配飾等。

4. 場(chǎng)景插畫(huà)在中秋主題中的運(yùn)用

有一部分中秋閃屏設(shè)計(jì)是利用旅途風(fēng)景插畫(huà)、城市夜景、窗戶視角等場(chǎng)景插畫(huà)結(jié)合圓月來(lái)呈現(xiàn)。這樣的形式視野開(kāi)闊，但是節(jié)日氛圍相對(duì)較為冷清，運(yùn)用這種插畫(huà)形式的品牌比較少。

5. 嫦娥在中秋閃屏中作為主角存在

以嫦娥作為中秋節(jié)日氛圍體現(xiàn)是神話故事流傳的結(jié)果，在以前的中秋主題插畫(huà)設(shè)計(jì)中是最為常見(jiàn)的形式，近些年相對(duì)出現(xiàn)較少，因?yàn)槿绻憩F(xiàn)不好容易比較傳統(tǒng)，在互聯(lián)網(wǎng)這個(gè)新時(shí)代里面，大家都在不斷地追求新的元素來(lái)刺激傳統(tǒng)的思維。

中秋閃屏插畫(huà)表現(xiàn)技法

在繪制中秋閃屏插畫(huà)中，插畫(huà)的表現(xiàn)形式很多，根據(jù)產(chǎn)品的風(fēng)格選擇適合的表現(xiàn)技法，才能更加突出產(chǎn)品的氣質(zhì)。通過(guò)對(duì)中秋閃屏設(shè)計(jì)作品的分析，總結(jié)出以下不同的插畫(huà)表現(xiàn)技法，希望你以后在中秋閃屏設(shè)計(jì)中對(duì)每一種技法都有所了解。

1. 扁平插畫(huà)

扁平插畫(huà)是近兩年非常流行的插畫(huà)風(fēng)格之一，把復(fù)雜的圖形結(jié)構(gòu)進(jìn)行簡(jiǎn)約化，讓畫(huà)面風(fēng)格更加簡(jiǎn)潔清爽。符合快節(jié)奏下大家追求效率優(yōu)先的理念，高效的傳達(dá)畫(huà)面主題。在中秋閃屏設(shè)計(jì)中也是非常常見(jiàn)，設(shè)計(jì)周期也相對(duì)比較短。

2. 描邊風(fēng)格插畫(huà)

在插畫(huà)設(shè)計(jì)中利用清晰的描邊對(duì)外形輪廓進(jìn)行交代，可以使插畫(huà)具備更強(qiáng)的風(fēng)格特征，這種形式的插畫(huà)作品個(gè)性比較強(qiáng)，一般表現(xiàn)形式較為隨性、年輕化。

3. 立體插畫(huà)

立體插畫(huà)也稱為2.5D插畫(huà)，就是在二維的空間里表現(xiàn)三維的事物。在中秋閃屏設(shè)計(jì)中通常會(huì)結(jié)合偏寫(xiě)實(shí)風(fēng)格的角色出現(xiàn)，利用立體插畫(huà)的透視來(lái)表現(xiàn)場(chǎng)景的空間感，以表現(xiàn)建筑、室內(nèi)場(chǎng)景、桌椅設(shè)施、中秋元素等插畫(huà)為主。

4. 手繪風(fēng)格插畫(huà)

將手繪風(fēng)格插畫(huà)運(yùn)用到中秋閃屏中需要設(shè)計(jì)師具備很強(qiáng)的繪畫(huà)功底，是插畫(huà)設(shè)計(jì)中難度比較高的技法之一。手繪可以給人更強(qiáng)的親和力，削弱了幾分機(jī)械的味道，通常用于表現(xiàn)一些與中秋相關(guān)的故事場(chǎng)景。

5. 肌理/筆觸

在插畫(huà)設(shè)計(jì)的局部利用肌理效果或者適當(dāng)?shù)剡\(yùn)用筆觸，可以增強(qiáng)插畫(huà)的技法表現(xiàn)。在中秋閃屏中一般會(huì)在角色的局部或者場(chǎng)景插畫(huà)的局部加以運(yùn)用，來(lái)豐富整個(gè)插畫(huà)作品的表現(xiàn)力度。在設(shè)計(jì)軟件中一般會(huì)采用自帶的特殊畫(huà)筆或者安裝一些筆刷，現(xiàn)在網(wǎng)上下載與安裝筆刷還是非常方便的。

6. 寫(xiě)實(shí)風(fēng)格插畫(huà)

為了讓中秋閃屏插畫(huà)更加細(xì)膩，偏寫(xiě)實(shí)類型的插畫(huà)表現(xiàn)風(fēng)格相對(duì)比較常見(jiàn)，利用仿照真實(shí)環(huán)境中的光影變化來(lái)表現(xiàn)插畫(huà)場(chǎng)景，使得插畫(huà)作品細(xì)膩美觀。這種插畫(huà)形式比較考驗(yàn)設(shè)計(jì)師的美術(shù)功底與技法的熟練度，通常一些專業(yè)的插畫(huà)師或者美術(shù)功底較強(qiáng)的設(shè)計(jì)師比較能夠駕馭。

素材合成

對(duì)于手繪功底薄弱的設(shè)計(jì)師也會(huì)利用素材合成來(lái)實(shí)現(xiàn)閃屏設(shè)計(jì)，但是個(gè)人建議UI設(shè)計(jì)師最好還是加強(qiáng)一下基礎(chǔ)的插畫(huà)設(shè)計(jì)技能。對(duì)于素材合成閃屏分為兩種情況：插畫(huà)素材合成和圖片素材合成，但是需要注意素材的版權(quán)因素。

中秋閃屏設(shè)計(jì)構(gòu)圖歸納

閃屏設(shè)計(jì)除了創(chuàng)意與技法表現(xiàn)以外，構(gòu)圖也是非常重要的。無(wú)論是插畫(huà)還是設(shè)計(jì)排版，對(duì)于每一個(gè)元素的位置排布都是設(shè)計(jì)師精心的安排，在《設(shè)計(jì)的教室》一書(shū)中提到每個(gè)對(duì)象的擺放都必然存在關(guān)聯(lián)性與根據(jù)。

1. 中心對(duì)稱構(gòu)圖

中心對(duì)稱是中國(guó)傳統(tǒng)的設(shè)計(jì)美學(xué)，無(wú)論是古代建筑、生活器具、配飾紋樣等都采用了對(duì)稱的設(shè)計(jì)美學(xué)，這樣的設(shè)計(jì)形式使得構(gòu)圖穩(wěn)定，內(nèi)容呈現(xiàn)豐富。在中秋這個(gè)傳統(tǒng)節(jié)日的閃屏設(shè)計(jì)中，中心對(duì)稱的構(gòu)圖形式運(yùn)用非常廣泛。

2. 斜角構(gòu)圖

斜角構(gòu)圖分為左右兩種形式，斜角構(gòu)圖比起中心對(duì)稱構(gòu)圖畫(huà)面感更加靈動(dòng)，一些元素的安排有時(shí)候是為了起到平衡畫(huà)面的作用。

3. 中心發(fā)散構(gòu)圖

以中心點(diǎn)向四周進(jìn)行插畫(huà)元素布局，可以使得畫(huà)面平衡飽滿，在中秋主題突出團(tuán)圓這個(gè)主題上面應(yīng)用也是較為常見(jiàn)。中心發(fā)散構(gòu)圖以元素環(huán)形排列，中心點(diǎn)的元素將會(huì)被視為主體元素存在。

4. 透視的運(yùn)用

透視在插畫(huà)設(shè)計(jì)中是非常重要且需要掌握的基礎(chǔ)技能，透視的運(yùn)用可以使得插畫(huà)空間感更強(qiáng)，在表現(xiàn)場(chǎng)景插畫(huà)的時(shí)候是必不可少的。透視可以利用元素的大小對(duì)比、色彩的深淺對(duì)比、造型的繁簡(jiǎn)度對(duì)比、元素?cái)?shù)量對(duì)比等形式體現(xiàn)。

5. 滿屏構(gòu)圖

大部分設(shè)計(jì)師喜歡通過(guò)留白讓畫(huà)面感更加通透，個(gè)別的作品也會(huì)特意將元素鋪滿整個(gè)閃屏，突出熱鬧的氛圍。這種構(gòu)圖把控難度相對(duì)大些，如果元素之間的對(duì)比處理不當(dāng)就會(huì)使得畫(huà)面很擁擠，給人窒息的錯(cuò)覺(jué)。需要找到重點(diǎn)突出的元素，形成以此為重點(diǎn)進(jìn)行環(huán)繞構(gòu)圖，這樣畫(huà)面的重心才會(huì)得到平衡。

小結(jié)

通過(guò)中秋主題進(jìn)行閃屏設(shè)計(jì)的知識(shí)梳理，希望大家以后在面對(duì)節(jié)日氛圍相關(guān)的閃屏設(shè)計(jì)時(shí)有一定的了解。設(shè)計(jì)的形式、方法、技巧和思路各有不同，我們要善于對(duì)已有設(shè)計(jì)作品進(jìn)行總結(jié)歸納，找出優(yōu)秀作品的設(shè)計(jì)軌跡，知道背后的原理，這樣以后在進(jìn)行項(xiàng)目設(shè)計(jì)的時(shí)候軌跡是可以被復(fù)制和優(yōu)化的。

以本文的梳理分享拋磚引玉，希望大家能夠總結(jié)出更多的設(shè)計(jì)經(jīng)驗(yàn)與方法，分享給更多的朋友，大家互相進(jìn)步~

作者：黑馬青年（黎波），微信公眾號(hào)：易設(shè)計(jì)課堂（ID：yishejiketang）

本文由 @黑馬青年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Pexels，基于 CC0 協(xié)議