以中秋主題聊閃屏設(shè)計
本文作者將給大家分享的是關(guān)于中秋閃屏設(shè)計的一些知識梳理,希望帶給你新的思路與靈感。enjoy~
關(guān)于閃屏
閃屏約等于啟動頁,其存在的目的都是為了緩解用戶等待過程中產(chǎn)生的焦躁情緒,也輔助傳達了品牌信息、產(chǎn)品基礎(chǔ)信息、廣告內(nèi)容、節(jié)日氛圍等等。一般展示時間在3S左右,大部分應(yīng)用提供了“跳過”這個功能。
閃屏/啟動頁呈現(xiàn)類別
閃屏頁與啟動頁承載的功能是一致的,只是閃屏頁一般都是品牌宣傳、廣告內(nèi)容、節(jié)日氛圍等,兩者在呈現(xiàn)形式上面主要有下面幾種形式:
- 只有啟動頁呈現(xiàn),通常為品牌信息傳播;
- 啟動頁+閃屏先后呈現(xiàn),一般啟動頁為品牌信息,閃屏為廣告內(nèi)容、節(jié)日氛圍等;
- 啟動頁和閃屏交替呈現(xiàn),在平時以品牌信息等默認啟動頁,節(jié)日活動時展示閃屏頁。
節(jié)日氛圍閃屏
閃屏的設(shè)計中除了廣告內(nèi)容以外,節(jié)日氛圍營造也是較為常見的形式。這也是今天為大家分享的主要內(nèi)容,以中秋閃屏設(shè)計為案例解剖,為大家梳理一下中秋閃屏在設(shè)計中的表現(xiàn)形式與設(shè)計思路。
廣告內(nèi)容結(jié)合中秋熱點
在節(jié)日氛圍中結(jié)合廣告內(nèi)容是商家最慣用的伎倆之一,這也是為啥現(xiàn)在節(jié)日變的越來越多,除了傳統(tǒng)節(jié)日以外,一些商家自定義形成的節(jié)日也逐步開始流行,如:雙十一、雙十二、618、購物節(jié)等等。
中秋這個熱點中加入廣告內(nèi)容是最好不過的了,這個熱點是最利于達成交易的節(jié)日熱點之一。
品牌信息的結(jié)合
品牌信息結(jié)合中秋主題主要體現(xiàn)在品牌特征元素或者LOGO圖形通過藝術(shù)化處理相互結(jié)合,在突出中秋主題的同時加強了品牌的親和力。在閃屏設(shè)計的表現(xiàn)形式上面也各有不同,主要集中在以下形式:
1. 品牌信息直接嵌入
這是最為簡單的手法,只要設(shè)計一幅與中秋相關(guān)內(nèi)容的閃屏畫面,然后直接露出品牌信息即可。
2. 利用同構(gòu)圖形的創(chuàng)意手法
這樣的設(shè)計形式比較考驗品牌圖形與中秋元素的融合性,一般是以LOGO圖形與中秋相關(guān)元素進行同構(gòu)。中秋相關(guān)元素包含:月餅、圓月、玉兔等,如360手機瀏覽器的閃屏設(shè)計就是LOGO圖形結(jié)合月餅造型同構(gòu)而成。
3. LOGO圖形剪影形式
這個設(shè)計形式較為少見,是利用LOGO圖形或者其他特征圖形的外形形成剪影,然后結(jié)合中秋場景插畫,是比較簡單的設(shè)計手法之一,如百度地圖就是以這樣的形式設(shè)計過一次中秋主題的閃屏作品。
4. 品牌特征圖形、品牌簡稱、字母等形式作為紋理結(jié)合中秋元素
這樣的設(shè)計形式是充分利用中秋元素的造型紋理與品牌圖形或者字形進行組合,組合形式比較巧妙。
5. 品牌產(chǎn)品特征融入到場景角色中
將品牌產(chǎn)品特征結(jié)合中秋場景中的人物或者卡通形象等角色,從側(cè)面?zhèn)鞑テ放菩畔?、服?wù)和產(chǎn)品推廣。這樣的形式靈活性比較高,在一些無法直接與中秋主題融合的產(chǎn)品,利用變相的手法也是非常巧妙的搭上了中秋的熱點。
6. 吉祥物與中秋場景的結(jié)合
對于一些擁有吉祥物的品牌,將其融入到中秋場景中是比較常見的創(chuàng)意手法。由于吉祥物本身具備很強的親和力,更加能夠體現(xiàn)出中秋的氛圍,拉進與用戶之間的距離感。
插畫在中秋閃屏設(shè)計中的運用
插畫在閃屏設(shè)計中是非常常見的形式,搜索中秋閃屏設(shè)計作品中,幾乎都是插畫的表現(xiàn)形式。根據(jù)對中秋相關(guān)閃屏的分析,大致總結(jié)出在中秋閃屏設(shè)計中的插畫表現(xiàn)風(fēng)格與思路,希望帶給你一些啟示。
1. 全家福與圓月的組合
中秋是團圓的象征,利用全家福的場景與圓月進行組合可以在沒有任何文案點題的前提下準(zhǔn)確的進行信息傳達。這樣的形式不僅可以勾起用戶的共勉,也能在沒有更好的創(chuàng)意的前提下,比較通用的表現(xiàn)形式。
2. 利用相思與游子產(chǎn)生共勉
對于很多遠鄉(xiāng)異地的游子來說,中秋小長假是難以趕回團圓的,利用這樣的場景結(jié)合圓月也是很能與之共勉的。一般場景中出現(xiàn)獨立的角色或者沒有人物角色,用這樣的場景表現(xiàn)孤獨,然后配合產(chǎn)品的服務(wù)打破這樣的孤獨感,與這部分游子群體產(chǎn)生共勉。
3. 玉兔在場景中無處不在
中秋的節(jié)日氛圍中玉兔的出現(xiàn)是非常常見的,動物本身的親和力就很強,兔子在我們生活中更是可愛的象征,一般呈現(xiàn)的形式有玉兔與主角結(jié)合、玉兔作為主體、玉兔作為配飾等。
4. 場景插畫在中秋主題中的運用
有一部分中秋閃屏設(shè)計是利用旅途風(fēng)景插畫、城市夜景、窗戶視角等場景插畫結(jié)合圓月來呈現(xiàn)。這樣的形式視野開闊,但是節(jié)日氛圍相對較為冷清,運用這種插畫形式的品牌比較少。
5. 嫦娥在中秋閃屏中作為主角存在
以嫦娥作為中秋節(jié)日氛圍體現(xiàn)是神話故事流傳的結(jié)果,在以前的中秋主題插畫設(shè)計中是最為常見的形式,近些年相對出現(xiàn)較少,因為如果表現(xiàn)不好容易比較傳統(tǒng),在互聯(lián)網(wǎng)這個新時代里面,大家都在不斷地追求新的元素來刺激傳統(tǒng)的思維。
中秋閃屏插畫表現(xiàn)技法
在繪制中秋閃屏插畫中,插畫的表現(xiàn)形式很多,根據(jù)產(chǎn)品的風(fēng)格選擇適合的表現(xiàn)技法,才能更加突出產(chǎn)品的氣質(zhì)。通過對中秋閃屏設(shè)計作品的分析,總結(jié)出以下不同的插畫表現(xiàn)技法,希望你以后在中秋閃屏設(shè)計中對每一種技法都有所了解。
1. 扁平插畫
扁平插畫是近兩年非常流行的插畫風(fēng)格之一,把復(fù)雜的圖形結(jié)構(gòu)進行簡約化,讓畫面風(fēng)格更加簡潔清爽。符合快節(jié)奏下大家追求效率優(yōu)先的理念,高效的傳達畫面主題。在中秋閃屏設(shè)計中也是非常常見,設(shè)計周期也相對比較短。
2. 描邊風(fēng)格插畫
在插畫設(shè)計中利用清晰的描邊對外形輪廓進行交代,可以使插畫具備更強的風(fēng)格特征,這種形式的插畫作品個性比較強,一般表現(xiàn)形式較為隨性、年輕化。
3. 立體插畫
立體插畫也稱為2.5D插畫,就是在二維的空間里表現(xiàn)三維的事物。在中秋閃屏設(shè)計中通常會結(jié)合偏寫實風(fēng)格的角色出現(xiàn),利用立體插畫的透視來表現(xiàn)場景的空間感,以表現(xiàn)建筑、室內(nèi)場景、桌椅設(shè)施、中秋元素等插畫為主。
4. 手繪風(fēng)格插畫
將手繪風(fēng)格插畫運用到中秋閃屏中需要設(shè)計師具備很強的繪畫功底,是插畫設(shè)計中難度比較高的技法之一。手繪可以給人更強的親和力,削弱了幾分機械的味道,通常用于表現(xiàn)一些與中秋相關(guān)的故事場景。
5. 肌理/筆觸
在插畫設(shè)計的局部利用肌理效果或者適當(dāng)?shù)剡\用筆觸,可以增強插畫的技法表現(xiàn)。在中秋閃屏中一般會在角色的局部或者場景插畫的局部加以運用,來豐富整個插畫作品的表現(xiàn)力度。在設(shè)計軟件中一般會采用自帶的特殊畫筆或者安裝一些筆刷,現(xiàn)在網(wǎng)上下載與安裝筆刷還是非常方便的。
6. 寫實風(fēng)格插畫
為了讓中秋閃屏插畫更加細膩,偏寫實類型的插畫表現(xiàn)風(fēng)格相對比較常見,利用仿照真實環(huán)境中的光影變化來表現(xiàn)插畫場景,使得插畫作品細膩美觀。這種插畫形式比較考驗設(shè)計師的美術(shù)功底與技法的熟練度,通常一些專業(yè)的插畫師或者美術(shù)功底較強的設(shè)計師比較能夠駕馭。
素材合成
對于手繪功底薄弱的設(shè)計師也會利用素材合成來實現(xiàn)閃屏設(shè)計,但是個人建議UI設(shè)計師最好還是加強一下基礎(chǔ)的插畫設(shè)計技能。對于素材合成閃屏分為兩種情況:插畫素材合成和圖片素材合成,但是需要注意素材的版權(quán)因素。
中秋閃屏設(shè)計構(gòu)圖歸納
閃屏設(shè)計除了創(chuàng)意與技法表現(xiàn)以外,構(gòu)圖也是非常重要的。無論是插畫還是設(shè)計排版,對于每一個元素的位置排布都是設(shè)計師精心的安排,在《設(shè)計的教室》一書中提到每個對象的擺放都必然存在關(guān)聯(lián)性與根據(jù)。
1. 中心對稱構(gòu)圖
中心對稱是中國傳統(tǒng)的設(shè)計美學(xué),無論是古代建筑、生活器具、配飾紋樣等都采用了對稱的設(shè)計美學(xué),這樣的設(shè)計形式使得構(gòu)圖穩(wěn)定,內(nèi)容呈現(xiàn)豐富。在中秋這個傳統(tǒng)節(jié)日的閃屏設(shè)計中,中心對稱的構(gòu)圖形式運用非常廣泛。
2. 斜角構(gòu)圖
斜角構(gòu)圖分為左右兩種形式,斜角構(gòu)圖比起中心對稱構(gòu)圖畫面感更加靈動,一些元素的安排有時候是為了起到平衡畫面的作用。
3. 中心發(fā)散構(gòu)圖
以中心點向四周進行插畫元素布局,可以使得畫面平衡飽滿,在中秋主題突出團圓這個主題上面應(yīng)用也是較為常見。中心發(fā)散構(gòu)圖以元素環(huán)形排列,中心點的元素將會被視為主體元素存在。
4. 透視的運用
透視在插畫設(shè)計中是非常重要且需要掌握的基礎(chǔ)技能,透視的運用可以使得插畫空間感更強,在表現(xiàn)場景插畫的時候是必不可少的。透視可以利用元素的大小對比、色彩的深淺對比、造型的繁簡度對比、元素數(shù)量對比等形式體現(xiàn)。
5. 滿屏構(gòu)圖
大部分設(shè)計師喜歡通過留白讓畫面感更加通透,個別的作品也會特意將元素鋪滿整個閃屏,突出熱鬧的氛圍。這種構(gòu)圖把控難度相對大些,如果元素之間的對比處理不當(dāng)就會使得畫面很擁擠,給人窒息的錯覺。需要找到重點突出的元素,形成以此為重點進行環(huán)繞構(gòu)圖,這樣畫面的重心才會得到平衡。
小結(jié)
通過中秋主題進行閃屏設(shè)計的知識梳理,希望大家以后在面對節(jié)日氛圍相關(guān)的閃屏設(shè)計時有一定的了解。設(shè)計的形式、方法、技巧和思路各有不同,我們要善于對已有設(shè)計作品進行總結(jié)歸納,找出優(yōu)秀作品的設(shè)計軌跡,知道背后的原理,這樣以后在進行項目設(shè)計的時候軌跡是可以被復(fù)制和優(yōu)化的。
以本文的梳理分享拋磚引玉,希望大家能夠總結(jié)出更多的設(shè)計經(jīng)驗與方法,分享給更多的朋友,大家互相進步~
作者:黑馬青年(黎波),微信公眾號:易設(shè)計課堂(ID:yishejiketang)
本文由 @黑馬青年 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Pexels,基于 CC0 協(xié)議
- 目前還沒評論,等你發(fā)揮!