品牌VI設(shè)計規(guī)范是一組設(shè)計原則和規(guī)則，用于創(chuàng)建一致的視覺信息。它適用于品牌分發(fā)的所有內(nèi)容，從網(wǎng)站設(shè)計到印刷品到廣告甚至社交媒體。

視覺風(fēng)格指南設(shè)定了品牌的視覺基調(diào)，因此任何可以訪問它的人都可以跳進(jìn)去設(shè)計出符合客戶和粉絲習(xí)慣的東西。

如果您還沒有視覺風(fēng)格指南，那么現(xiàn)在是開始著手制作指南的時候了。好消息是，這比您想象的要容易！這里有一些入門提示。

從必需品開始

你的大部分風(fēng)格指南本質(zhì)上應(yīng)該是可視化的，這樣很容易看到設(shè)計元素應(yīng)該是什么樣子。唯一的例外是指南的第一小節(jié)，它應(yīng)該解釋指南的內(nèi)容并簡要概述如何使用它。這很重要，因為該指南可能會分發(fā)給需要額外背景信息才能開始品牌推廣工作的代理機構(gòu)和自由職業(yè)者。

您的介紹部分應(yīng)包含基本信息，例如：

• 公司概要（使命、行業(yè)、客戶類型等）
• 設(shè)計理念的簡短描述
• 基本設(shè)計的預(yù)覽，例如徽標(biāo)或網(wǎng)站主頁
• 徽標(biāo)、調(diào)色板、字體和圖像的目錄
• 印刷和數(shù)字應(yīng)用的注意事項
• 品牌經(jīng)理的聯(lián)系信息，以便用戶知道向何處提出問題

標(biāo)識

這聽起來可能很簡單，但一個可靠的風(fēng)格指南是保持團(tuán)隊視覺集中的關(guān)鍵，這樣你的品牌材料就永遠(yuǎn)看起來像你。標(biāo)志是最重要的起點。

無論您擁有一個普遍使用的單一徽標(biāo)，還是出于特定案例或特定平臺的原因使用多個版本，視覺樣式指南都應(yīng)提供有關(guān)如何正確使用和不使用徽標(biāo)的示例。

這包括許多因素：

• 尺寸和放置規(guī)則（例如，某些品牌指定徽標(biāo)必須始終位于左上角）
• 概述何時應(yīng)使用顏色而不是黑色和/或白色的顏色用法
• 主要和次要徽標(biāo)示例和用法（許多品牌為社交媒體資料或?qū)⒃趫D標(biāo)大小使用徽標(biāo)的地方提供第二個更簡化的徽標(biāo)）

顏色和排版調(diào)色板

顏色和排版應(yīng)該在你的視覺風(fēng)格指南中都有自己的部分，并附有用例。兩個菜單都應(yīng)該只包含少數(shù)選項——兩到三種顏色和相同數(shù)量的字體——以保持調(diào)色板易于管理。

顏色

對于樣式指南的這一部分，您可能不需要太多文本。包括顯示每個顏色選項（和可接受的色調(diào)）的色板調(diào)色板。確保拼出實際的顏色代碼和混合，以便設(shè)計師可以在需要時匹配顏色。包括 RGB、CMYK、Hex 和 Pantone。

還要為調(diào)色板創(chuàng)建層次結(jié)構(gòu)。每種顏色應(yīng)該如何使用？文本元素或陰影框應(yīng)該有原色、副色和顏色。

排版

排版調(diào)色板的工作原理很像調(diào)色板。顯示字體以及如何使用它們。這包括大小、字距、行距和顏色等所有內(nèi)容。

創(chuàng)建一個排版層次結(jié)構(gòu)，顯示標(biāo)題、副標(biāo)題、正文的樣式以及如何使用粗體、斜體和下劃線等變體。確保這些之間的大小差異足夠明顯，樣式不容易混淆。

在排版方面，您的品牌可能具有用于印刷和數(shù)字項目的略有不同的排版調(diào)色板。確保包括兩個排版調(diào)色板，并清楚注明哪個是印刷品，哪個是數(shù)字版。作為一個額外的好處，包括一個圖表，顯示哪些字體在印刷項目和數(shù)字項目中被交換。

圖像學(xué)

圖標(biāo)和圖案可能是棘手的設(shè)計元素，但它們并沒有那么令人生畏，有明確的指導(dǎo)方針。

圖標(biāo)是一個重要的設(shè)計元素，為副本和內(nèi)容提供上下文支持。想想貴公司電話號碼旁邊的電話圖標(biāo)，以及象征貴公司獨有流程的更多品牌元素。這些小圖像還可以作為元素的視覺提示，例如社交媒體鏈接或引導(dǎo)用戶完成設(shè)計。圖標(biāo)可能是您的數(shù)字形象的重要組成部分，您希望確保圖標(biāo)不會被隨機使用（或設(shè)計）用于每個新項目。

就像創(chuàng)建顏色或排版一樣，創(chuàng)建一個圖標(biāo)調(diào)色板。選擇與您的品牌標(biāo)識相匹配并符合觀眾期望的尺碼和款式。

攝影風(fēng)格

即使您在設(shè)計中包含的照片類型也應(yīng)該具有視覺風(fēng)格。為圖像創(chuàng)造一致的感覺和情緒，只需一瞥，即可將用戶與您的品牌聯(lián)系起來。像 Spotify 這樣的公司在這方面做得非常好，主要是挑選人物圖像，然后對所有人應(yīng)用雙色調(diào)過濾器。他們還在每張圖像上使用一致的大小和文本處理。

在開發(fā)攝影風(fēng)格時，請包括以下信息：

• 風(fēng)格
• 框架
• 作物指南
• 顏色使用
• 尺寸指南或縱橫比
• 在印刷和網(wǎng)絡(luò)項目中放置的規(guī)范。
• 必要時精確尺寸的輪廓（例如您網(wǎng)站的橫幅圖像的尺寸）

一種方法是考慮always 和never 必要性，這樣你的設(shè)計師就有了要尋找和避免的元素。找到介于兩者之間的東西比面對整個圖書館更容易，沒有概念從哪里開始。例如，切勿使用預(yù)先應(yīng)用了過濾器的圖像。這似乎是規(guī)定性的，但突出顯示要避免的某些關(guān)鍵事項將簡化設(shè)計人員的流程。

數(shù)字元素

請記住在您的視覺風(fēng)格指南中包含您的網(wǎng)站或移動應(yīng)用程序的元素。創(chuàng)建一個單獨的部分，詳細(xì)說明如何處理按鈕、導(dǎo)航、表單、動畫、鏈接和懸停效果等元素。

這通常是視覺風(fēng)格指南中最容易被遺忘的方面——也是創(chuàng)建一致用戶交互的關(guān)鍵部分。例如，按鈕不僅應(yīng)該在每個實例中看起來都一樣，而且它們的行為應(yīng)該始終相同。這包括從用戶將鼠標(biāo)懸停在按鈕上時發(fā)生的情況，到它的外觀，再到單擊時發(fā)生的一切。一致的用戶界面工具可提供更流暢的用戶體驗。

由于其中許多元素的性質(zhì)，這里最好應(yīng)用風(fēng)格指南的數(shù)字版本?？紤]在您的網(wǎng)站上添加一個隱藏頁面，供內(nèi)部用戶參考。您甚至可以包含可下載模板或示例的鏈接，作為用戶的起點。

提供大量示例

它被稱為視覺風(fēng)格指南是有原因的。使其可視化，以便輕松查看您的品牌風(fēng)格。

當(dāng)涉及到視覺示例時，許多樣式指南都包含有關(guān)如何使用和不使用設(shè)計元素的部分。只堅持好的例子。這樣做的原因是，一旦有人看到一個例子，他們就會記住它。想象一下，同一個人后來正在為社交媒體撰寫帖子，并記得在指南中看到過一些內(nèi)容并復(fù)制它，但事后發(fā)現(xiàn)它實際上是不該做的一個例子。

保持簡短

視覺風(fēng)格指南不必很長。上面描述的許多元素只需要一個要點或圖像來顯示。對于某些品牌，樣式指南是網(wǎng)站上的一個頁面或內(nèi)部分發(fā)的 PDF。對于其他人，它可以是小冊子，甚至只是一張紙。

一頁樣式指南應(yīng)該是大多數(shù)品牌的目標(biāo)。這樣你就知道你已經(jīng)創(chuàng)造了一些簡單和可用的東西。如果您的指南將跨越多個頁面，請考慮在指南的前面添加一個備忘單，其中包含徽標(biāo)樣式、顏色和字體等關(guān)鍵元素 – 或者，一個指向單個菜單項的熱鏈接的菜單 – 以便用戶有一些事情要做一目了然。如果指南易于查找、理解和使用，您的創(chuàng)意團(tuán)隊將更有可能查閱該指南。