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

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

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

從必需品開(kāi)始

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

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

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

標(biāo)識(shí)

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

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

這包括許多因素：

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

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

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

顏色

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

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

排版

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

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

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

圖像學(xué)

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

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

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

攝影風(fēng)格

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

在開(kāi)發(fā)攝影風(fēng)格時(shí)，請(qǐng)包括以下信息：

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

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

數(shù)字元素

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

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

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

提供大量示例

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

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

保持簡(jiǎn)短

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

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