19 個傑出品牌風格指南示例
已發表: 2020-07-16網絡創建者和企業主都知道鞏固他們的品牌形像是多麼重要,最終目標是建立一個與網站訪問者和客戶都產生共鳴的形象。 品牌指南當然是獲得一致、強大品牌的門票,沒有比設計專家自己製作的令人驚嘆的品牌風格指南更能尋找靈感的地方了。
什麼是品牌風格指南?
品牌風格指南是一系列指南,闡明了品牌標識和設計系統的元素,例如徽標、調色板、版式和圖像。
品牌風格指南的作用是作為設計師、作家和內容創作者的參考,了解如何在他們創建的設計資產和內容中代表品牌。 雖然不同品牌在製作風格指南方面有獨特而個性化的方式,但他們的目標是一致的:確保品牌一致性並闡明他們的立場。
在這篇文章中,我們將探討跨多個學科的品牌風格指南的七個主要示例,所有這些都激勵我們作為網絡創建者在設計網站、視覺資產和品牌內容時提高我們自己的品牌形象。大的。
風格指南模板
需要一個起點? 我們的風格指南模板將讓您立即開始使用; 它包括如何使用的示例:
- 標誌
- 字體
- 顏色
- 鈕扣
- 圖標
1.天巡
Skyscanner 的品牌風格指南引起了我們的注意,原因有很多。 首先,當一個品牌以品牌透明度打開論壇時,它總是很吸引人,正如 Skyscanner 所做的那樣,在他們的風格指南主頁的英雄文本中陳述他們品牌重塑過程背後的想法和主題,其中寫著“全新的外觀和更大膽的前景”。
標誌設計的層次
從我們的角度來看,我們最喜歡 Skyscanner 品牌風格指南的一件事是他們通過指定品牌資產背後的思考過程來說明品牌個性的方式。 例如,展示他們標誌設計的形成以及它如何組合四個插圖,每個插圖都像徵著不同的品牌價值,以及他們如何將這四個圖形變成一個有凝聚力的插圖。
Skyscanner 所描述的這個標誌設計過程實際上可以被視為一個案例研究,集思廣益和多輪迭代的結果構成了從頭開始設計品牌標誌的過程。
標誌設計的最佳實踐是繪製各種圖像的草圖,以說明和象徵您的品牌所代表的內容,並最終產生結合這些不同想法的最終標誌。 如果仔細觀察,您會發現“樂觀”和“想法”圖像中的半圓與向下的“目的地”箭頭的派生詞組合在一起。 鑑於 Skyscanner 新符號的圓形特性,“可持續發展”地球也被納入其最終符號中。
帶字符的調色板
Skyscanner 編譯調色板的方式真正獨特之處在於它們採用了非典型的路線。 Skyscanner 沒有顯示每種顏色的色樣及其各自的 HEX 和 RGB 值,而是顯示每種顏色的名稱以及該顏色作為品牌代表什麼的簡短描述或定義。
通過這樣做,Skyscanner 的調色板不僅僅是代表其品牌視覺識別的技術指標; 它更進了一步,並分享了他們的每種顏色選擇如何與他們的品牌標識和個性相關聯。
我們還注意到,每個色樣實際上代表了一個人們可以前往的國家(最好使用 Skyscanner 來規劃他們的行程),並且天藍的主要品牌顏色包含了無國界的環球旅行的概念。
2. 火狐瀏覽器
在其眾多優勢中,Firefox 的樣式指南特別令我們印象深刻的是它如何有效地傳達 Firefox 的品牌個性。 從本質上講,Firefox 在其風格指南中的品牌個性的這種視覺表現是指南內容描述和可視化的聲音、語氣和品牌標識的生動證明。 我們認為這種相關性在幾個品牌元素中很普遍,例如調色板、聲音和語氣、視覺效果等。
品牌個性:大膽美麗
Firefox 大聲而清晰地闡明了他們的品牌個性特徵,並大膽自信地將自己視為一個品牌。 他們固執己見,他們知道這一點,並為他們的開放、激進和對他們的善良充滿信心。
但不僅僅是他們使用的單詞或他們使用的大字體來做出這些大膽的陳述。 Firefox 使用的品牌顏色不言自明。 它們類似的深紫色、深粉色、亮橙色和亮紅色調色板是 Firefox 在其個性部分拼出的單詞的視覺表達。
這就是色彩心理學發揮作用的地方。 就他們自己而言,紅色是大膽和引人注目的,橙色代表創造力和冒險,紫色是皇家和奢侈,粉紅色是愛和俏皮。 這些顏色選擇絕對與 Firefox 用來描述其品牌個性的描述詞相匹配。
聲音和語氣:透明度是關鍵
Firefox 的聲音和語氣只是他們品牌個性的延伸,如果你仔細想想,這也適用於人類個性。 因為作為個體,我們的聲音和語氣是我們存在個性的口頭表達。
他們還選擇了例子來闡述自己說話的語氣就像是相對於它是什麼並不像一個超級創意的方式。 總的來說,有趣的是,他們將風格指南的品牌聲音部分作為一種方式來限定他們之前在指南中反映的品牌個性。
3.費雪
費雪的傳奇品牌當然需要重新思考他們的品牌戰略和風格指南,因為……在品牌風格指南存在之前。 追溯到 1930 年,Fisher-Price 的使命宣言一直是創造“能夠激發想像力,創造出新的、令人驚訝和有趣的東西”的玩具。
在過去的 90 年裡,費雪不得不根據快速變化的市場趨勢和受眾興趣反復重建和重新調整他們的品牌戰略。 但不知何故,他們設法保持對原始品牌價值的忠誠,儘管幾代孩子與他們的父母或看護人之間存在明顯差異,他們為他們購買珍貴的玩具。
品牌聲音:“讓我們成為孩子”
費雪牌通過文字和圖形傳達他們的品牌價值,這些文字和圖形喚起了我們內心的孩子,明亮、愉悅的品牌色彩和俏皮、無憂無慮的用詞選擇。 很明顯,他們的品牌以及他們的品牌聲音都植根於玩耍的價值和作為孩子一生一次的適時體驗。
我們看到紅色圖形和藍色圖形之間存在絕對差異。 他們用來分享他們的內容的陳述性和描述性句子,“我們不會超過五天”和“我們要回到童年”,在他們作為品牌和我們之間建立了個人聯繫那些體驗那個品牌的人。
藍色圖形全是關於想像力和聳人聽聞的體驗,它們邀請我們釋放我們的創造力並飛速發展:例如,“Bang Boom Bzz”和“Cloud-Jumping”與希望將自己包圍在一個世界中的孩子們產生共鳴他們創造了一個充滿無限樂趣和歡笑的自製環境。
排版:永不停止播放
我們很少遇到一種排版選擇,無論是否是定製品牌字體,都有由 Fisher-Price 創建的兩種變體:常規版本和“彈性”版本。 費雪創造了他們自己的字體,他們命名為“Let's Be Glyphs”,堅持他們的特色語言“Let's Be Kids”,一種包容性的表達方式“來玩吧”。
該品牌選擇創造一種“有彈性”的字體變體,證明了他們在如何與兒童交流方面的創造力,因此,難怪他們 90 年來一直是世界上最受歡迎和最成功的玩具製造商之一。
4. 位智
正如我們之前提到的,在產品的品牌塑造和社區建設方面,品牌透明度確實是一種美德。 選擇對您的品牌決策和設計思維保持透明可以建立用戶信任和品牌信心,並與現有和潛在用戶建立積極的關係。 我們特別感謝 Waze 與我們分享他們品牌重塑過程的方式,因為我們 Elementor 很快就會開始全面的公司品牌重塑。 敬請關注。
品牌重塑:“逐塊”
在他們的品牌指南中,Waze 分步分享了他們的品牌重塑過程,在那裡他們詳細說明了他們如何“刷新他們的品牌標識”成為一種新現象:
“一個通用系統,增強了平台的協作精神,並提供了更好的路上體驗。 該標識更新了標誌性的 Wazer 符號,引入了一組新的“情緒”,幫助用戶在應用程序中更真實地表達自己,並簡化了平台標誌性的插圖使用。 該系統引入了一種名為“Block by Block”的多彩視覺語言,其靈感來自城市網格、道路和街道的模塊化設計。”
考慮到作為產品,Waze 是一個眾包社區,司機可以在其中幫助司機在世界各地找到自己的路,因此他們的品牌語言和集體設計元素以導航為主題,並以獨特的塊構建結構,這是完全合理的。喜歡(或者你也可以稱之為基於網格的)設計。
肖像:再見公寓,你好填充輪廓
雖然我們確實喜歡這兩種圖標樣式,這意味著 Waze 以前使用的平面圖標,以及他們新的填充輪廓圖標,但他們認為填充輪廓樣式更符合他們的新品牌標識。
從用戶體驗的角度來看,使用填充輪廓圖標代替填充圖標實際上已被證明對任務性能產生積極影響。 有了輪廓圖標,當它們被輪廓化而不是填充時,用戶更容易識別和選擇圖標。
從品牌推廣的角度來看,Waze 分享說:“現在所有這些都具有黑色筆觸的簡單轉變使它們更具凝聚力,並且它們現在看起來更好地與 Wazer 圖標集成在一起。”
5.WeWork
WeWork 作為“產品”的本質是在公司為其用戶構建的物理空間內進行的物理聚會和社交互動。 在這方面,他們的品牌,無論是他們的風格、品牌價值還是他們的設計語言,都是一套強大的、有凝聚力的原則,可以應用於建築、社區精神,當然還有視覺設計。原則。
如果您去過世界各地的一個或多個 WeWork 辦公地點,即使它們在全球的辦公地點數量高達 848 個,但每個 WeWork 使用的室內設計風格實際上都非常統一,都遵循相似的佈局和設計風格.
與您通常的品牌(可能是包裝消費品或 Waze 等數字品牌)不同,WeWork 已經掌握了成為強大、非常一致的品牌的需求。 這絕非易事,因為他們的品牌需要涵蓋很多領域:藝術和文字、營銷材料、數字資產、建築和室內設計、品牌價值和個性等等。
設計系統:一致性是關鍵
在我們看來,任何品牌在創建自己的設計系統時都能找到的價值是無可爭議的。 像 WeWork 這樣的公司將創建自己的設計語言視為他們成功的強大動力,這是完全有道理的。
在視覺設計方面,WeWorks 品牌資產和設計元素也遵循了這種平衡結構和靈活性的原則。 雖然他們的主要品牌顏色是黑色和白色,但當您滾動瀏覽他們的風格指南時,您幾乎會遇到彩虹中的所有顏色。
他們的視覺資產,無論是數字、紙張等,都遵循精心結構的佈局,該佈局規定了列寬、邊距和信息架構。 他們將他們的佈局指南稱為“Snap-to-Fit”,以“靈活高效地重組佈局和層次結構”為特徵。 WeWork 代表了支持和授權內容、成員和社區蓬勃發展的框架、基礎和基礎。”
品牌價值:全世界的人
請記住,WeWork 辦公地點遍布世界各地,填滿其聯合辦公空間的人都說不同的語言和方言。 儘管如此,它們的位置彼此非常一致,儘管它們位於不同的城市、國家和大陸,理論上會發現識別彼此的共同點並使用共同語言是一項挑戰。
打造一個品牌之間存在的鋼絲繩,無論是物理還是視覺,所有文化和各行各業的人們都被吸引,比我們想像的更細更窄。 儘管如此,WeWork 識別並體現了與廣泛的人類產生共鳴的價值觀,而這些價值觀只會日益擴大。 正是在塑造明確定義的品牌價值方面的投資,才能讓像這樣的國際公司無國界地蓬勃發展。
6. 銅
Copper 作為一個品牌的獨特之處在於它迎合了高度定義的目標受眾:正在學習做出財務決策的青少年。 Copper 的產品是一款移動應用程序和借記卡,可以讓青少年從其他人那裡收錢,無論是家人還是他們為之工作的人,還可以將錢轉給朋友等。他們的價值主張是奠定“金融之路”。自由植根於紮實的教育。”
目標受眾:找到正確的心態
Copper 的使命宣言是在需要知識和經驗來做出負責任的財務決策的青少年和成年人之間架起一座橋樑。 因此,理解他們的品牌標識(在這種情況下,由他們的品牌名稱和標誌表示)是多種概念的視覺融合是非常合乎邏輯的:傳統的銅便士硬幣,亞伯拉罕林肯的歷史,青少年將在他們的美國歷史課上學到的東西,變成了一個現代、樂觀的插圖,周圍是明亮的紫色和一個友好的頭像。
正如我們所見,該品牌的目標是幫助青少年從他們所學的內容(在課堂上,或通過諸如 Copper 應用程序之類的非正式教育工具)進行過渡,並在此時此地以一種適合他們生活方式的環境和風格。
以亞伯拉罕·林肯(Abraham Lincoln)這樣的歷史人物為例,他的照片被打入了美國的每一分錢,並將硬幣上的人改造成時尚的現代頭像,是與 Copper 狹隘定義的目標受眾建立聯繫的一種直接方式。 這向我們表明,雖然較小的目標受眾可能確實具有挑戰性,但由於您正在縮小潛在客戶群,當您擁有能夠真正引起該受眾共鳴的精確方法時,您一定會處於良好狀態。
插圖:最大參與度
Copper 所說的“Abe 插圖”是我們認為可以最大限度發揮品牌形象和插圖潛力的一種方式。 超越他們對亞伯拉罕林肯照片的圖形改編,Copper 創建了八個額外的化身,代表林肯進行各種活動。
這擴展了 Copper 的品牌標識,使他們的參與更進一步,並將亞伯拉罕林肯圖像集成到應用程序內的不同流程和用戶旅程中。 成熟的、成人般的財務管理技能與引人入勝的年輕化身之間的相似之處恰恰代表了應用程序用戶的體驗:在一個有教育意義的積極框架中從青年過渡到成年。
7. 優步
世界著名的打車品牌優步找到了多種方式來設置他們的風格指南,尤其是他們的品牌故事,使其與眾不同。 例如,在他們稱為“系統元素”的部分中,他們將大量討論用於間距和佈局規範,以及攝影構圖。 總的來說,優步深入探討了他們在創建和使用視覺資產時所創建和遵循的設計原則。
品牌聲明:我們的宗旨
品牌聲明是一份書面的使命聲明,說明您的公司是為了創造和實現什麼而建立的,您的願景是什麼,以及您打算解決哪些挑戰。 在閱讀您的品牌聲明時,人們會了解是什麼讓您與眾不同,以及您的個性將如何影響您為他們創造的體驗。
您可以以與營銷產品相同的方式來思考品牌聲明。 我們的意思是,正如產品的網站包含一個簡短的標題(通常在其主頁的英雄部分中是一個 h1),說明其產品的價值主張和附加值,同樣的方法可以應用於製作您的品牌聲明.
從本質上講,您將您的品牌描述為產品本身。
價值主張:我們的北極星
如果比較 Uber 主頁和 Uber 品牌故事主頁上的兩個 h1 標題,這兩個句子都分別從品牌角度和服務(產品)體驗角度說明了用戶將體驗到的附加價值。 這正是我們作為為網絡創建者和設計師建立的品牌所相信的在品牌風格指南中傳達的信息。
歸根結底,您的價值主張是您的北極星,您品牌的每個組成部分和您的心態都以它為指導。 對於作為產品的品牌以及作為產品的風格指南來說,都是如此。
在傳達您的價值主張時,您希望用戶根據您的執行情況了解您的品牌目標是什麼。 在製作您的風格指南(傳達您是誰的主要媒介)時,您希望用戶內化您的身份以及您希望如何被感知。
8.Instagram
作為科技界的偶像,Instagram 的品牌風格指南堪稱完美。 通過使用字形,Instagram 能夠通過其簡約的單色標誌來傳達一個大膽而激動人心的故事。
自 2010 年 Instagram 推出以來,他們做了大量工作,使他們的創意形象適應不斷變化的全球受眾。 現在,作為全球排名前五的社交媒體之一,Instagram 已經成功地傳達了一致的語氣,專注於讓其用戶能夠繼續通過自己的個人鏡頭捕捉和分享世界上的精彩瞬間。
9. Spotify
Spotify 是音樂流媒體的領先平台之一,一直保持著簡潔的美感。 自 2006 年成立以來,在其迅速崛起的整個過程中,Spotify 大量使用各種綠色色調來傳達音樂流媒體行業中地位和優越性的內涵。
10. 網飛
Netflix 一直利用其徽標作為在視頻流媒體行業中建立主導地位的一種方式。 作為一個在 2010 年代推出 Blockbuster 之類的品牌,並確立了自己在視頻流領域的主導地位的品牌,Netflix 已成為一個標誌性的家喻戶曉的名字,與穀歌和蘋果等公司不相上下。
當談到使用紅色等大膽的原色和全大寫標誌時,Netflix 一直在努力打造一個以無與倫比的價值和無與倫比的服務而聞名的品牌。
11. 蘋果
Apple 的品牌風格指南完全是對我們都歸因於這個歷史悠久且需求量很大的消費電子品牌的內涵的延伸。 從最初的 iPod 到最新的 iPhone,Apple 已經成功地創造了可能是有史以來最受歡迎的單色標誌。
作為世界上最知名的品牌之一,Apple 幾十年來一直保持其標誌性的品牌風格,這在其品牌風格指南中體現得淋漓盡致。 他們標誌性的蘋果標誌一直是該品牌的閃亮燈塔,該品牌提供了一些世界上最受歡迎的產品。
12. 中
Medium 標誌和名稱是其整體品牌標識的重要表達,經過精心設計和構建,以實現視覺和諧。 Medium 最初是作為一個虛擬出版平台創建的,其使命是讓讀者能夠找到未被發現的聲音並分享他們關於任何主題的寫作。
他們的品牌風格指南真實地反映了他們如何看待媒體,以及他們在提供一個提供表達自由的平台方面所扮演的角色。 他們的風格指南當然反映了這一點,並展示了一種清晰、乾淨和簡單的格式,幾乎似乎是在向印刷文本的起源致敬。
13. 愛彼迎
作為一個品牌,無論他們身在何處,都能為世界提供舒適和賓至如歸的感覺, Airbnb憑藉創新的住宿模式已成為旅行界的顛覆者。
對於這樣的商業模式,您會期望他們對顏色、質地和設計的使用相匹配,而這正是我們所看到的。 Airbnb 使用了廣泛的設計元素來表達他們獨特的聲音,這在他們的風格指南中顯然很普遍。
14. 鬆弛
Slack 旨在成為您需要的唯一商業網絡和參與應用程序,通過其品牌風格指南以清晰的方式將其獨特的聲音定義為終極商業工具。
憑藉流暢的曲線和頻繁使用鮮豔的色彩,他們為這個通常是單色乏味的行業帶來了興奮。
15. 紐約交通局
可能是歷史上最有影響力和被低估的風格指南之一,最早可以追溯到 1950 年代初期,紐約交通管理局創造了一個標誌性的傑作,為紐約的主要部分提供了指南,嗯……紐約。
如果您正在尋找可以帶您回到紐約的更懷舊的指南,“Fuhgettaboutit”,因為就是這樣! 作為描述紐約標誌性地鐵標誌設計和建造的手冊,這些標誌性的紐約地鐵標誌今天仍然可以看到和使用,這個風格指南首先提供了一個美麗的,更重要的是,一個無價的設計歷史。
16. Zendesk
Zendesk 是一家以提供一流的客戶支持軟件為基礎的公司,它對一些人所說的沉悶的行業進行了有趣的調整。 他們的品牌標識是真正獨特的,是公司的一個元素,在他們的品牌風格指南中得到了真正的表達和表達。
通過 Zendesk 使用的形狀(他們稱之為“Relationshapes”)可以看出一個明顯的例子。 每個“Relationshape”由兩個簡單的形狀組成,用於反映平台的不同功能或特性。
Zendesk 聲稱,讓每個標記由兩個簡單的形狀組成代表“兩個人。 他們可以一起做任何事情:交談、走路、戰鬥、同意、惹惱、支持、愛,而且每一種關係都和每一種產品一樣獨特。”
17. Skype
Skype 是一種電信應用程序,專注於為用戶提供計算機、平板電腦、移動設備等之間的視頻、聊天和語音通話。 它提供了一種意想不到但令人耳目一新的方式來傳達其品牌。
作為漫畫格式的來回對話,Skype 使用其增強溝通的核心服務,作為其品牌指南整體風格的起點。
18. 擋泥板
與其客戶一樣大膽而富有表現力,Fender 在過去 75 多年里為世界提供最高品質的音樂產品的悠久歷史,以其富有表現力和引人注目的品牌風格指南而栩栩如生。
他們富有表現力的標誌,也被稱為“意大利麵條標誌”,是他們的標誌性簽名,並在音樂行業留下了印記。 他們使用鮮紅色和白色有助於代表其品牌大膽而強大的品質。
19.ESPN
作為行業的主食,ESPN 在所有體育運動的普及和採用方面發揮了重要作用。 他們的指南本質上簡單明了,向他們豐富的歷史以及對全球體育、新聞、印刷和廣播界的貢獻致敬。
他們的品牌風格指南有助於提供品牌的視覺表現,並在歷史內容和如何正確利用品牌的規則之間進行分解; 所有這些都以某種建築藍圖主題進行了概述。
向我們展示你是誰
現在您已經深入了解了最高標準的品牌風格指南的外觀和內容,現在是開始通過創建自己的風格指南來鞏固您的品牌標識的好時機。 一旦您的網站具有在整個網站上保持一致的有凝聚力的視覺標識,您作為品牌的存在就會產生更強大的共鳴。
一旦你完成了你的風格指南的編寫,我們很想看看你想出了什麼。