圖片由 Stubborn 免費(fèi)插畫生成器提供

我可以肯定的說，你現(xiàn)在一定已經(jīng)注意到這種無處不在的插畫風(fēng)格。在你看來，這些插畫既有趣又異想天開，或者奇特又沒什么表情。也許你會(huì)將他們看作是很友好的涂鴉，也許你將他們看作是個(gè)怪誕。

無論你的想法是什么，可以肯定的是：這些小伙伴已經(jīng)無處不在了。不管這是一件好事還是壞事，他們已經(jīng)存在于許多備受矚目的 SaaS 平臺(tái)品牌的視覺識(shí)別系統(tǒng)中。

如今，很多商家都在想 ，為什么這樣的插畫會(huì)如此受歡迎？為什么在不同的網(wǎng)頁中會(huì)出現(xiàn)這么多相似的插畫？為什么這些品牌同時(shí)決定使用這種風(fēng)格的插畫？難道這不會(huì)與你們與眾不同的品牌定位背道而馳嗎？

例如，Animalz 的市場(chǎng)總監(jiān) Jimmy Daly 最近就在 Twitter 上指出這種設(shè)計(jì)趨勢(shì)，盡管他表示他并不討厭這種風(fēng)格，但他也不確定這種風(fēng)格如何突然無處不在。

在Unbounce，我們最近進(jìn)行了品牌升級(jí)。在考慮插畫的時(shí)候，我們的設(shè)計(jì)團(tuán)隊(duì)最終決定做一個(gè)不同的風(fēng)格。我們選擇使用定制的照片來幫助我們吸引用戶的注意力，而不是使用扁平風(fēng)格。（不只是我們使用了定制的圖片，對(duì)于SaaS品牌來說，這是另一個(gè)正在增長(zhǎng)的設(shè)計(jì)趨勢(shì)）

但是，經(jīng)過了極其漫長(zhǎng)的品牌升級(jí)的過程，我們才開始思考。當(dāng)營銷者試圖在競(jìng)爭(zhēng)日益激烈的行業(yè)中脫穎而出時(shí)，我們跟隨時(shí)下的設(shè)計(jì)趨勢(shì)是否不利？視覺品牌的內(nèi)在價(jià)值是什么？外觀設(shè)計(jì)是否值得投入大量的資金？什么才是讓品牌千差萬別的真正原因？

讓我們放下老舊的思考方式，然后進(jìn)行調(diào)查…

為什么營銷人員沉迷于視覺品牌

在我們心中，我認(rèn)為每一個(gè)營銷者都是“創(chuàng)意”類型。當(dāng)我們還是學(xué)校里的孩子時(shí)，我們?cè)诠P記本上隨心所欲的涂鴉，萌生下一部偉大的暢銷小說的想法，或使用朋友的攝像機(jī)拍攝一個(gè)不成熟的喜劇短片。

所以說真的，我們非常關(guān)心品牌的外觀是有道理的。我們使用的標(biāo)志、字體、圖片、插畫和其他的視覺元素都是展示我們的創(chuàng)造力和獨(dú)特性的機(jī)會(huì)。我們希望你能在瀏覽我們的網(wǎng)站或者其他的品牌視覺系統(tǒng)時(shí)留下深刻的印象，這就是我們的品牌DNA。

根據(jù) Unbounce 的互動(dòng)設(shè)計(jì)師 Sabrina Chan 的看法（對(duì) Unbounce 品牌的外觀做出了巨大貢獻(xiàn)），這是公司如此頻繁地重塑品牌的部分原因。 

• “想出一個(gè)新的視覺品牌絕對(duì)是令人興奮的事，無論你是自己完成還是在代理的幫助下。這是一個(gè)巨大的創(chuàng)意挑戰(zhàn)，因?yàn)榕c其他大多數(shù)項(xiàng)目不同，你不會(huì)被迫在沙盒內(nèi)玩游戲或者遵循特定的規(guī)則。當(dāng)你創(chuàng)建一個(gè)新的品牌視覺時(shí)，你實(shí)際就是創(chuàng)建了一個(gè)新的沙盒。”

時(shí)代變化迅速，為了跟上設(shè)計(jì)趨勢(shì)的變化，營銷者們沉迷于品牌視覺設(shè)計(jì)。網(wǎng)頁設(shè)計(jì)的變化也是如此。突然之間，我們都在按鈕上使用了漸變，并向表單框添加了陰影，然后，我們使每一個(gè)頁面元素都像 Kansas 的扁平風(fēng)格。如果你仍然使用那些過時(shí)的、不受歡迎的設(shè)計(jì)樣式，那么這可能會(huì)引起你的注意。

Sabrina表示，目標(biāo)是讓你的品牌適應(yīng)或者脫穎而出，但永遠(yuǎn)都不落后。

“沒有人希望他們的品牌看起來像多年沒有更新過一樣。你只有一次給人留下深刻印象的機(jī)會(huì)。大多數(shù)營銷者和設(shè)計(jì)師都將盡一切努力來創(chuàng)造良好的第一印象。尤其是當(dāng)你的競(jìng)爭(zhēng)對(duì)手看來那么時(shí)尚且緊跟最新的設(shè)計(jì)趨勢(shì)。

同時(shí)，對(duì)品牌視覺的癡迷可能會(huì)帶來沉重的代價(jià)。無論你是聘請(qǐng)外包團(tuán)隊(duì)為你進(jìn)行品牌升級(jí)，還是像在 Unbounce 一樣與內(nèi)部團(tuán)隊(duì)合作，整個(gè)過程可能需要花費(fèi)好幾個(gè)月的時(shí)間。這不可能像修改一個(gè)公司 logo 一樣簡(jiǎn)單。你幾乎需要分散營銷團(tuán)隊(duì)的大部分時(shí)間、預(yù)算和精力。

根據(jù) Orbit Media 的 Andy Crestodina 所說，“來自大型網(wǎng)站開發(fā)公司的精美網(wǎng)站“很容易使你的賬單超過100,000美元。

在 Unbounce，在我們推出新品牌之前，我們花了半年多的時(shí)間進(jìn)行研究，進(jìn)行印象測(cè)試，創(chuàng)建模型，并迭代我們的新品牌。盡管我們已經(jīng)得到了（大部分）對(duì)最終結(jié)果的良好反饋，但是要將新的品牌視覺設(shè)計(jì)影響與實(shí)際 ROI（投資回報(bào)率）聯(lián)系起來仍然非常棘手。

當(dāng)然，有很多方法可以計(jì)算你的網(wǎng)站的轉(zhuǎn)化情況。但是你可以將其歸因于品牌本身嗎？總結(jié)出外觀與盈虧底線之間的關(guān)系并非易事。

但是你的品牌至關(guān)重要，也許現(xiàn)在比任何時(shí)候都要重要。

盡管你不能輕易地將直接收益歸因于視覺品牌，至少你可以放心，幾乎每一個(gè)營銷人員都認(rèn)為品牌的視覺設(shè)計(jì)非常重要。潛在用戶在瀏覽你的產(chǎn)品或者查看價(jià)格之前，會(huì)先看你的品牌并且立即產(chǎn)生印象。

這是設(shè)計(jì)機(jī)構(gòu) Coley Porter Bell 的 Vicky Bullen 和 James Ramsden 在今年早些時(shí)候談及視覺品牌的好處時(shí)說的。

“在過去幾年中，我們已經(jīng)看到許多品牌及其身份演變?yōu)橥|(zhì)化狀態(tài)。但是隨著新的以及手工藝性的挑戰(zhàn)者品牌的出現(xiàn)，許多類別的傳統(tǒng)“設(shè)計(jì)規(guī)范”開始浮出水面，它們將用全新的方式去解釋這些被人們厭倦的類型。”

他們專門談?wù)摿耸称菲放疲峭瑯拥乃悸芬策m用于許多軟件公司。

因?yàn)樵?SaaS 的世界中，品牌特別有價(jià)值。在這個(gè)空間充滿了競(jìng)爭(zhēng)（僅僅營銷技術(shù)公司就會(huì)有7040多家），以至于大多數(shù)公司都渴望在競(jìng)爭(zhēng)中脫穎而出，獨(dú)特而真實(shí)的品牌是將你的軟件提升到其他所有產(chǎn)品之上的絕妙方法。

在 Re:Growth 博客上， Drift 市場(chǎng)營銷副總裁 Dave Gearhardt 甚至說品牌是幫助他們團(tuán)隊(duì)成功的關(guān)鍵因素。

“我們知道，想要贏，我們需要做與其他人相反的事情，我們需要用一種不同的方法來脫穎而出，對(duì)我們來說，那就是品牌。”

Wistia 首席執(zhí)行官 Chris Savage 也一直在探索名為 Brandwagon 的新原創(chuàng)系列中品牌升級(jí)的重要性。Chris 認(rèn)為，由于傳統(tǒng)的營銷策略正在瓦解，品牌在當(dāng)今尤為重要。

“更加零散且無法衡量的客戶旅程意味著，如果客戶在開始產(chǎn)品搜索之前沒有積極地對(duì)待你，那么你將永遠(yuǎn)不會(huì)考慮到這一點(diǎn)。消費(fèi)者現(xiàn)在可以輕松獲得關(guān)于你的產(chǎn)品、服務(wù)的所有信息，包括如何將其與競(jìng)爭(zhēng)產(chǎn)品進(jìn)行對(duì)比。因此，我們需要超越基于解決方案的價(jià)值主張。”

但是品牌設(shè)計(jì)趨勢(shì)也不是什么新鮮事，作為本文的一部分，我們深入研究了多年來涌現(xiàn)的許多風(fēng)格。

時(shí)軸來源間：

商業(yè)內(nèi)幕，AIGA設(shè)計(jì)會(huì)議，Codeburst，網(wǎng)頁設(shè)計(jì)博物館，Instani，Line25。

那么，這種插畫設(shè)計(jì)趨勢(shì)從何而來？

在 2017年1月之前，我一直在旅行。那是巴拉克·奧巴馬擔(dān)任美國總統(tǒng)的最后幾個(gè)星期，塞蕾娜·威廉姆斯忙于贏得澳網(wǎng)公開賽（懷孕期間也一樣）。一部名為“怪獸卡車” (Monster Trucks) 的汽車電影票房收入高達(dá) 3300 萬美元。

大約在那個(gè)時(shí)候，獨(dú)立插畫師、設(shè)計(jì)師 Alice Lee 開始和 Slack 合作，幫助他們創(chuàng)建新的插畫庫。她與他們的團(tuán)隊(duì)合作創(chuàng)建了40多個(gè)獨(dú)立的插畫，可以應(yīng)用于網(wǎng)頁和平臺(tái)的不同位置。

Slack 網(wǎng)站上的插畫案例

很多設(shè)計(jì)師認(rèn)為這40副原始插畫是當(dāng)前品牌視覺設(shè)計(jì)趨勢(shì)的開始。在她網(wǎng)站上的博客文章中，愛麗絲詳細(xì)說明了這些設(shè)計(jì)的原始靈感來源。

“我想從科技行業(yè)之外尋找靈感…我在設(shè)計(jì)溫暖、異想天開的角色時(shí)，很大程度上參考了 Mary Blair 在迪士尼的極富傳奇色彩的視覺設(shè)計(jì)。而且，我很難不愛上 Charley Harper 創(chuàng)造的“最小現(xiàn)實(shí)主義者”構(gòu)圖平衡。”

這種趨勢(shì)的另一個(gè)可能的起源是 Facebook。2017年，社交媒體平臺(tái)也經(jīng)歷了品牌升級(jí)。他們的團(tuán)隊(duì)與一家名為 Buck 的設(shè)計(jì)公司合作，提出了一種新的風(fēng)格。在 AIGA Eye on Design 博客的最新帖子中，插畫師 Xoana Herrera 描述了她對(duì)該項(xiàng)目的靈感。

“我開始畫出由他們的行為定義的角色。例如，張開雙臂跳舞，彎曲身體彈奏小號(hào)……我想描繪當(dāng)我們?cè)谏鐓^(qū)中共同分享事物時(shí)感到的喜悅，例如在酒吧慶祝進(jìn)球，或者在音樂會(huì)上與人群一起唱歌。”

Buck 網(wǎng)站產(chǎn)品組合中展示了 facebook 使用的插畫

我們看到這一趨勢(shì)在接下來的一年中的發(fā)展變化。當(dāng) Mailchimp 在2018年9月取消其品牌升級(jí)時(shí)，其產(chǎn)生的巨大沖擊影響了整個(gè)營銷團(tuán)體。字體！黃色！插畫！對(duì)于一個(gè)淹沒在圖片庫海洋的行業(yè)來說，這就像是呼吸到了新鮮空氣。

Mailchimp 網(wǎng)站上的一個(gè)抽象插畫案例

這就是 Mailchimp 的設(shè)計(jì)副總裁 Gene Lee 所說的，他們希望從新品牌中獲得啟發(fā)。

“通過重新設(shè)計(jì)，我們著手保留了最早吸引 Mailchimp 的所有怪異、討人喜歡的元素。我們擁護(hù)真實(shí)性、獨(dú)特性和表現(xiàn)力，因?yàn)樗梢詭椭覀兒臀覀兊挠脩裘摲f而出。我們希望激勵(lì)他們?cè)谧约旱钠放仆茝V工作中更加大膽，更有創(chuàng)造力。”

這就是蝴蝶效應(yīng)的開始。自2018年9月以來，已有數(shù)百個(gè) SaaS 網(wǎng)站使用一種類似但不太抽象的插畫風(fēng)格進(jìn)行了品牌升級(jí)。

現(xiàn)在，在圖片網(wǎng)站上有成千上萬個(gè)類似這樣的扁平插畫，整個(gè) TWITTER 賬戶都專門說明了這一趨勢(shì)，甚至混合搭配設(shè)計(jì)庫也使創(chuàng)建屬于自己的獨(dú)特插畫場(chǎng)景變得更加容易。

圖片由 stubborn 免費(fèi)插畫生成器提供

這些插畫人物因何開始 # 趨勢(shì)

在這一點(diǎn)上，你可能想知道為什么很多公司決定采用尼克風(fēng)格的樣式。實(shí)際上，這些插畫之所以流行，有很多實(shí)際原因。

代表性

通過插畫，你所展示的人物可以有各種形狀、顏色和大小。對(duì)于先要確保自己對(duì)所有產(chǎn)品和社區(qū)具有包容性，且具有社會(huì)意識(shí)的品牌來說，這是一個(gè)非常重要的區(qū)別。

靈活性

許多 SaaS 公司都在嘗試使用圖片庫來展示他們的產(chǎn)品（例如，假設(shè)你正在出售會(huì)計(jì)軟件，我想你應(yīng)該喜歡帶計(jì)算器的辦公室）。插畫可以幫助你以更加簡(jiǎn)潔的方式表示復(fù)雜或者抽象的想法。

可伸縮性

你不必為每個(gè)新的任務(wù)拍攝昂貴的照片。使用插畫，你可以升級(jí)已創(chuàng)建好的樣式或者框架。更重要的是，你可以快速地進(jìn)行操作，對(duì)于成長(zhǎng)型的初創(chuàng)公司來說，這是一個(gè)巨大的勝利，因?yàn)樗麄儧]有大量資金投資于品牌建設(shè)。

獨(dú)特性

我知道我們?cè)诖宋恼轮姓故镜脑S多插畫看起來很類似，但是你仍然可以看到一些截然不同的地方。例如，我們來看看 Officevibe 公司這樣的風(fēng)格，并將其與 Intercom的進(jìn)行比較，沒有人會(huì)混淆這兩家基于視覺品牌的公司。

個(gè)性

特別是對(duì)于 SaaS 公司而言，這種趨勢(shì)很有吸引力，因?yàn)槊總€(gè)圖形都可以包含多個(gè)個(gè)性。這種方法可以追溯到兒童故事書，插圖讓軟件看起來更友好且方便使用。（例如，查看 Mailchimp 網(wǎng)站，并告訴我它不會(huì)使你想到 Curious George ）

同時(shí)，成為趨勢(shì)可能會(huì)出現(xiàn)問題

當(dāng)牽扯到設(shè)計(jì)趨勢(shì)時(shí)，如果你不先進(jìn)行研究就順應(yīng)這樣的趨勢(shì)，總是有潛在危險(xiǎn)的。一夜之間改變整個(gè)品牌絕對(duì)不是一個(gè)好主意，因?yàn)?ldquo;其他人都在做”。

這就是為什么該趨勢(shì)的發(fā)起者之一 Alice Lee 警告其他公司在采取類似的插畫風(fēng)格之前要仔細(xì)考慮一下。

“我經(jīng)常與一些公司接觸，他們只想讓我復(fù)制那些為之前客戶的特定品牌創(chuàng)建的作品但是，我相信，要?jiǎng)?chuàng)造出具有獨(dú)特性、新穎性和強(qiáng)大的插畫標(biāo)識(shí)，重要的是要有意識(shí)地做到這一點(diǎn),采取流程驅(qū)動(dòng)的方法。”

這種趨勢(shì)還存在其他潛在挑戰(zhàn)

這些插畫可能與你的品牌個(gè)性不符

除非你的品牌個(gè)性為 “Playful” 且大寫字母為“P”，如果不是，那么這些古怪的插畫可能會(huì)使你的目標(biāo)受眾覺得該品牌不真實(shí)。

他們的可拓展性可能并非你想象的那樣

盡管這可能沒有自定義照片昂貴，但是獨(dú)特的插畫也不便宜。如果你想為品牌使用非通用涂鴉，那么必須通過付費(fèi)的方式請(qǐng)插畫師來創(chuàng)作，并且需要制定計(jì)劃。

這種風(fēng)格不再那么獨(dú)特

如果你在一兩年前選擇這種趨勢(shì)，那么你可能已經(jīng)走在了趨勢(shì)的前端。但是現(xiàn)在，你與其他人一樣是冒著風(fēng)險(xiǎn)的。

盡管插畫可以使你的品牌看起來更友好，但真實(shí)人物的真實(shí)照片可以以自己的方式發(fā)揮作用。Lattice 的營銷主管 Alex Kracov 在推文中解釋了為什么他們不使用插畫。

底線是：作為營銷人員，我們有責(zé)任進(jìn)行調(diào)查，并且找到最能引起我們特定品牌、行業(yè)和客戶共鳴的地方。Dirbbble 的創(chuàng)始人 Dan Cederholm 在最近的博文中談及這一點(diǎn)。

“我建議不要擔(dān)心趨勢(shì)，而應(yīng)該使用最合適當(dāng)前任務(wù)的樣式并堅(jiān)持下去。對(duì)于你正在解決的問題，采取你認(rèn)為正確的做法。”

圖片來自于 stubborn 免費(fèi)插畫生成器

設(shè)計(jì)趨勢(shì)是一個(gè)扁平的圈子

這種插圖的趨勢(shì)這么快就火起來，以至于許多營銷者措手不及。但這是在時(shí)尚界一直發(fā)生的事情。喇叭褲、項(xiàng)鏈、格子呢大衣，它們都大受歡迎，慢慢消沉，然后又變回流行，伙伴們，這就是生活呀。

Bitly 的高級(jí)產(chǎn)品設(shè)計(jì)負(fù)責(zé)人 Matthew Strom 注意到，越來越多的網(wǎng)站開始以類似的方式發(fā)展，這一現(xiàn)象可以將這種想法與最小差異化的經(jīng)濟(jì)原理聯(lián)系起來。簡(jiǎn)而言之，大多數(shù)營銷者和設(shè)計(jì)師都希望以最小的精力和風(fēng)險(xiǎn)來獲得成功，這就是為什么我們最終將做出很多相同的選擇。

Matthew 就是這樣描述互聯(lián)網(wǎng)不可避免的“同化現(xiàn)象”

“競(jìng)爭(zhēng)產(chǎn)品幾乎相同不僅僅是巧合，這是不可避免的。這似乎是不合理的，但數(shù)學(xué)是可靠的。這是一種新興現(xiàn)象，即使他們?cè)噲D脫穎而出，所有網(wǎng)站最終也會(huì)蜂擁而至。”

所以，如果我們最終還是會(huì)看起來一樣，那么遵循設(shè)計(jì)趨勢(shì)可能并沒有本質(zhì)上的錯(cuò)誤。營銷人員用盡了很多集體智慧，試圖創(chuàng)造出獨(dú)特的視覺形象，使他們與眾不同，但也許我們都在打同一場(chǎng)會(huì)失敗的戰(zhàn)。

因?yàn)樽詈螅瑳]有真正的證據(jù)表明任何設(shè)計(jì)趨勢(shì)對(duì)你的品牌是好還是壞（無論是插畫、還是定制圖片甚至是3d圖形）。

你只需要確保無論你做出什么決定，都是經(jīng)過深思熟慮的。

原文：https://medium.muz.li/heres-how-the-illustrations-design-trend-caught-fire-and-why-every-saas-is-rebranding-e0ce84919223

注：感謝閱讀，以上內(nèi)容由 TCC 翻譯情報(bào)局提供，如有收獲，還望各位設(shè)友動(dòng)動(dòng)手指點(diǎn)下贊，也可分享到你的朋友！

Powered by Froala Editor