前言

隨著互聯(lián)網(wǎng)的不斷發(fā)展，對于運(yùn)營活動設(shè)計(jì)的審美訴求也越來越高。2020年已經(jīng)過半，那么運(yùn)營設(shè)計(jì)的走向和未來趨勢都有哪些？本文嘗試探索歷屆受歡迎的雙十一、618等大型互聯(lián)網(wǎng)運(yùn)營活動，總結(jié)出了以下幾個歷屆運(yùn)營設(shè)計(jì)趨勢，希望對你有幫助。

運(yùn)營特征

• 生命周期短（隨時節(jié)熱點(diǎn)或者運(yùn)營節(jié)奏來進(jìn)行）
• 業(yè)務(wù)目標(biāo)明確
• 有一定故事場景及氛圍
• 有特殊的運(yùn)營目的和特定特征的用戶群體
• 游戲化

由于插畫不僅可以將各種元素間的關(guān)系和氛圍變得更加和諧，還能創(chuàng)造出風(fēng)格迥異的畫面的特點(diǎn)，使得它在設(shè)計(jì)中的應(yīng)用越來越流行。因此我們在歷屆各大電商的大促活動中，看到越來越多的復(fù)古、國潮、扁平、噪點(diǎn)等有趣又溫暖的優(yōu)秀案例。 

1.1 國潮風(fēng)插畫

2018-2020年，“國潮”這個詞引爆了我們的時尚圈以及營銷圈?！耙試鵀槌薄笔钱?dāng)下的消費(fèi)新動向、新趨勢。將國潮元素與民族品牌相捆綁，可以迸發(fā)出無限的營銷魅力。國潮插畫呈現(xiàn)了著名景點(diǎn)文物、京劇、生肖緩解了人們以往的插畫審美疲勞，而且潮出了當(dāng)下年輕人高質(zhì)量的審美追求。

「 案例解析 」（京東618 x上美影 ）

下圖京東618圖上美影這張海報(bào)就采用了國潮插畫的形式，當(dāng)看到這張海報(bào)，童年回憶便涌上心頭。熟悉的國產(chǎn)動畫人物，熟悉的文化元素與風(fēng)格，使當(dāng)代年輕人產(chǎn)生強(qiáng)烈的共鳴。

國潮風(fēng)插畫在字體中的應(yīng)用

國潮風(fēng)格中的字體設(shè)計(jì)，一般采用粗曠簡潔的字體，較粗的筆畫給人一種厚重的感覺。同時，這些字體的排版也比較直接，橫平豎直主題突出。如海報(bào)中的“不負(fù)熱愛，成就經(jīng)典”的字體，在黑體的基礎(chǔ)上進(jìn)行加粗、連筆和重點(diǎn)筆畫突出，簡單直接突顯主題。

元素的搭配

畫面主體上美影的動畫人物《黑貓警長》的黑貓警長、《葫蘆娃》的七兄弟、爺爺、蝎子精蛇精、《大鬧天宮》的孫悟空、《哪吒鬧?！返哪倪负妄?zhí)印?nbsp;《九色鹿》的九色鹿等，他們身體動態(tài)朝向的是618城市建筑群，最后引導(dǎo)出618的主題，孫悟空的一只手伸手向作為觀眾的我們，似乎要邀請我們一同前往618。

除去主體，還點(diǎn)綴著一些中國風(fēng)特有的元素。中式宮殿建筑、祥云、山、松，不斷強(qiáng)化國潮插畫的符號屬性。祥云和山石的造型方式：祥云的卷曲形態(tài)，山石的轉(zhuǎn)角與層疊吸取了中國畫的表現(xiàn)手法。

配色

這種風(fēng)格通常在配色上采用中國傳統(tǒng)色。這張國潮海報(bào)主要由以下幾種顏色構(gòu)成，其飽和度較低，S值在50-70之間，與翠藍(lán)、鈷藍(lán)、胭脂、藤黃相近似。

1.2 涂鴉漫畫風(fēng)

涂鴉插畫風(fēng)因其隨性的風(fēng)格、自然的筆觸以及隨性的色彩，深受當(dāng)代年輕人的喜愛。涂鴉風(fēng)通過對名畫的模仿，將產(chǎn)品與名畫元素相結(jié)合，創(chuàng)造出一種趣味性和視覺沖擊力。

1.3 噪點(diǎn)肌理插畫

噪點(diǎn)肌理插畫就是在插畫上添加噪點(diǎn)，讓畫面從扁平變得有空間，立體感的一種插畫的表現(xiàn)方法。噪點(diǎn)肌理插畫簡潔，容易上手，通過配色，創(chuàng)意思維等就可以表現(xiàn)出非常豐富的視覺效果。

1.4 仿3D光影插畫

3D風(fēng)格是近幾年電商大促比較流行的一個趨勢之一，視覺沖擊強(qiáng)，但是門檻過高，需要建模加渲染。設(shè)計(jì)師同樣可以使用插畫手法增加光影質(zhì)感達(dá)到同樣的效果。下面是瘋景大大17年為淘寶雙十一活動的AR游戲畫的啟動頁。

這種仿3D風(fēng)格更符合我們?nèi)粘Ｉ钪械墓庥瓣P(guān)系，更接近于真實(shí)的自然場景，再配合插畫本身的色彩和表現(xiàn)手法，可以讓角色獲得更好的人物細(xì)節(jié)、情感和傳播，同時也能感受到趣味與驚艷。 

「案例解析」京東大促開屏頁

下面我們從京東設(shè)計(jì)部為大促活動設(shè)計(jì)的一張開屏頁入手，看下他們是如何處理光影關(guān)系的：

首先光源，主要分為：正面光、逆光、頂光、底光和斜側(cè)光等。這里比較推薦斜側(cè)光，不會顯得很刻意，畫面表現(xiàn)的比較自然，且符合我們生活中的大多數(shù)場景。 

可以看出無光源和有光源差距還是非常大的。原本過平的畫面，通過增加光源來產(chǎn)生光影關(guān)系，就會表現(xiàn)的具有層次和空間感。

一個好的仿3D風(fēng)格插畫需要一個統(tǒng)一的光源，盡量避免光源過多導(dǎo)致物體光照關(guān)系不統(tǒng)一，從而產(chǎn)生畫面不同步的情況。光照的角度和前后關(guān)系可以稍微傾斜一點(diǎn)（視情況而定）來增加空間感；處理好全局光照對每個物體產(chǎn)生的光影關(guān)系，盡量做到過度平滑自然；同時每個物體在畫面中也不是獨(dú)立存在的，我們還需要考慮物體與物體間的相互影響。

小結(jié)

插畫作為現(xiàn)代設(shè)計(jì)的一種重要視覺傳達(dá)形式，它可以拉近與用戶的距離，讓用戶感受到友善與溫暖。將文字、故事以視覺化的方式展現(xiàn)，這就是插畫最特別、強(qiáng)大的魅力。

2.1 品牌容器

近幾年無論是在天貓雙十一還是京東618等大型互聯(lián)網(wǎng)大促節(jié)日中，我們經(jīng)常能在設(shè)計(jì)稿中看到以下表現(xiàn)手法：

每年天貓和京東都會聯(lián)合商家發(fā)布品牌聯(lián)合海報(bào)，在這些發(fā)布的海報(bào)中有很多共同之處——品牌容器和3D場景。無論是天貓的貓頭還是京東的618數(shù)字都很好的強(qiáng)化了品牌概念。將品牌概念融入到各類場景中以達(dá)到核心創(chuàng)意的延伸。 

那么，為什么這樣的風(fēng)格會被各大平臺愛不釋手呢？

• 3D具有很強(qiáng)的立體感，視覺表現(xiàn)力和沖擊力。這些特點(diǎn)使得3D風(fēng)格能夠在千篇一律的海報(bào)中脫穎而出。 

• 品牌容器能讓用戶快速建立品牌聯(lián)想與品牌識別，IP時代的到來，年輕用戶對于卡通二次元的喜愛，讓產(chǎn)品品牌在 IP 的使用上找到契合點(diǎn)，IP形象在產(chǎn)品上進(jìn)行多次傳播，實(shí)現(xiàn)品牌價值的輸出。

每一張貓頭海報(bào)中，都以貓頭形象為載體，將每一家品牌的風(fēng)格特色都進(jìn)行融合，形成了一張張風(fēng)格各異的貓頭海報(bào)。 

開屏頭部與底部運(yùn)用了統(tǒng)一的品牌展示樣式，與此同時開屏主視覺里面的 IP 形象貫穿始終。通過對品牌廣告的曝光，引導(dǎo)用戶進(jìn)入各個天貓品牌旗艦店，促進(jìn)購買轉(zhuǎn)化的同時，也加深了用戶對品牌的感知。

「 案例解析 」京東618品牌海報(bào): 

下圖京東618海報(bào)打造出了一個極具空間感的3D創(chuàng)意。

3D場景中品牌的融入，豐富了視覺及品牌延伸的同時進(jìn)行差異化凸顯，增強(qiáng)用戶記憶

IP與當(dāng)前場景發(fā)生故事，能夠讓用戶建立品牌聯(lián)想與品牌識別，強(qiáng)化了品牌標(biāo)識，從而降低了識別成本，提高了品牌的認(rèn)知度和好感度?；罨放埔曈X體系，多維度的基礎(chǔ)視覺應(yīng)用，能讓品牌與消費(fèi)者更好地建立有效的溝通。

2.2 如何更好的將品牌基因融入到3D場景中體現(xiàn)作品的鮮明性？

由于我們都是設(shè)計(jì)師，所以重點(diǎn)圍繞品牌基因“視覺”這個維度來進(jìn)行分析。

通過對互聯(lián)網(wǎng)產(chǎn)品的分析，發(fā)現(xiàn)有兩種常規(guī)定義品牌基因的方法：

• LOGO提取法

• 品牌故事提取法

• 
  

• LOGO提取法：

LOGO，通常是奠定品牌基因的基礎(chǔ)，通過提取LOGO中的基因，沿用不同場景中，從而提升品牌的識別性。

一般情況下可以從兩個維度提取：1.LOGO的“形狀”；2.LOGO的“顏色”。

1.LOGO的“形狀”

將LOGO的形狀作為視覺符號，提取出來，可以利用形狀框架進(jìn)行場景搭建，進(jìn)行延續(xù)和拓展。

2.LOGO的“顏色”

從LOGO中提取比較有特色或代表性的顏色，作為品牌基因，也是常見的方式之一。

2.2.2.  品牌故事提取法

一個好的品牌故事可以建立品牌聯(lián)想，能夠讓讀者的注意力較為集中。

回歸到設(shè)計(jì)的本質(zhì)，我們認(rèn)為，設(shè)計(jì)的本質(zhì)是將一個想法或者觀點(diǎn)巧妙的表達(dá)給目標(biāo)對象。表達(dá)的過程中，形式只是手段，重點(diǎn)在于我們要表達(dá)什么。

要想講好品牌故事，我們應(yīng)該從哪兒入手？通過對品牌的定位梳理出品牌故事，從而推導(dǎo)出品牌性格，最后提取出視覺語言、輔助圖形。

2.3 3D場景透視原理：

• 透視準(zhǔn)確。

• 不同層級的對象位置得當(dāng)。

• 適當(dāng)?shù)墓饩€和陰影。

• 利用透視創(chuàng)造出空間感，然后其中一項(xiàng)可以突出重點(diǎn)。

• 
  

  小結(jié)

  3D設(shè)計(jì)是當(dāng)下比較火熱的設(shè)計(jì)手法。界面中3D效果和現(xiàn)實(shí)的交疊，創(chuàng)造出超現(xiàn)實(shí)的質(zhì)感；巧妙的融入3D 元素是一個很好的選擇。這種設(shè)計(jì)趨勢更好的提升了視覺張力、景深層次，增加品牌聯(lián)系、個性化的凸顯。巧妙的3D場景運(yùn)用讓設(shè)計(jì)師的產(chǎn)出更加吸“睛”。

3.1動效

隨著扁平化設(shè)計(jì)風(fēng)格的流行，交互上越來越擬物化，用戶體驗(yàn)設(shè)計(jì)的發(fā)展日趨完善，越來越多的產(chǎn)品已經(jīng)意識到動效在產(chǎn)品用戶體驗(yàn)中的重要性，所以優(yōu)秀的動效是完善用戶體驗(yàn)中不可或缺的一環(huán)。

動效有兩個方面的價值

• 滿足用戶的心理預(yù)期

通過合理的動效可以讓這個虛擬的世界與物理世界產(chǎn)生交集，例如慣性、視差等、用戶會把自己對物理世界的認(rèn)知映射到產(chǎn)品上。

• 引導(dǎo)用戶注意力

所以通過合理的動效，可以低成本的抓取人的注意力，使用戶關(guān)注到設(shè)計(jì)師想讓他們關(guān)注的東西。

3.2 高飽和漸變風(fēng)格

好的設(shè)計(jì)往往離不開nice的色彩搭配，這里提到的高飽和漸變，就非常適合電商大促的氛圍。時尚、前衛(wèi)的視覺沖擊力，在一定程度上也能夠促進(jìn)消費(fèi)者的購買欲望。預(yù)估這種博人眼球的配色方案在2020依然盛行。

• 3.3未來科技

在天貓購物節(jié)的晚會開場動畫中，整體風(fēng)格以沉浸式的未來科技感為主，新概念的注入通過絢爛的特效設(shè)計(jì)給人煥然一新的感覺。近兩年以賽博朋克風(fēng)格為代表的未來感畫風(fēng)逐漸流行起來，相信這種風(fēng)格也將越來越多的被運(yùn)到視覺設(shè)計(jì)中。

3.4合成海報(bào)

和以上各種華麗的表現(xiàn)形式相比，下面一組海報(bào)在視覺的表現(xiàn)上可能并不是特別的出彩，但是此類設(shè)計(jì)卻能夠帶給讀者最大的情感觸動。通過配合一些大促的宣傳視頻，海報(bào)等，能夠很好的助力觀眾產(chǎn)生共鳴，從而使得物品價值上升為情感價值，在傳播品牌文化的同時，還能夠?yàn)橄M(fèi)者提供下單的理由。也因此在活動宣傳造勢階段，這種風(fēng)格的設(shè)計(jì)越來越流行。

3.5懷舊復(fù)古

• 低保真狀態(tài)呈現(xiàn)
• 多元素的搭配
• 撞色

千禧年伊始，技術(shù)尚未成熟，沒有過高分辨率的顯示設(shè)備，畫面大都以低保真狀態(tài)呈現(xiàn)。這種低分辨率lofi(Low-Fidelity低保真）的狀態(tài)也成為了主流。多元素魔性混搭喚醒潛意識情感共振魔性混搭畫風(fēng)中，又加雜著硬核文案，而且配上曲風(fēng)，有點(diǎn)Y2K土到極致就是潮的意思，在疫情好轉(zhuǎn)、武漢重啟的關(guān)頭，這支搞怪又接地氣的視頻也來為全國人民加油打氣。 

原視頻鏈接：https://www.bilibili.com/video/BV1fz411B79dfrom=search&seid=5986224913659343504

結(jié)語

在信息爆炸的時代，我們可能無法準(zhǔn)確的預(yù)知未來哪種設(shè)計(jì)風(fēng)格會成為電商設(shè)計(jì)的主流；但從過往的案例中，我們?nèi)钥梢愿Q探到近兩年主流風(fēng)格的影子。作為設(shè)計(jì)師應(yīng)緊跟時代潮流，關(guān)注當(dāng)下的流行趨勢，才能更好地運(yùn)用在自己的設(shè)計(jì)中，以此做出更好視覺作品。

以上就是我們關(guān)于歷屆大促運(yùn)營趨勢的思考，希望這篇文章對你有所幫助，也歡迎大家互相交流學(xué)習(xí)。

Powered by Froala Editor