品牌VI設(shè)計(jì)規(guī)范是一組設(shè)計(jì)原則和規(guī)則，用于創(chuàng)建一致的視覺信息。它適用于品牌分發(fā)的所有內(nèi)容，從網(wǎng)站設(shè)計(jì)到印刷品到廣告甚至社交媒體。
視覺風(fēng)格指南設(shè)定了品牌的視覺基調(diào)，因此任何可以訪問它的人都可以跳進(jìn)去設(shè)計(jì)出符合客戶和粉絲習(xí)慣的東西。
如果您還沒有視覺風(fēng)格指南，那么現(xiàn)在是開始著手制作指南的時(shí)候了。好消息是，這比您想象的要容易！這里有一些入門提示。
從必需品開始
你的大部分風(fēng)格指南本質(zhì)上應(yīng)該是可視化的，這樣很容易看到設(shè)計(jì)元素應(yīng)該是什么樣子。唯一的例外是指南的第一小節(jié)，它應(yīng)該解釋指南的內(nèi)容并簡要概述如何使用它。這很重要，因?yàn)樵撝改峡赡軙?huì)分發(fā)給需要額外背景信息才能開始品牌推廣工作的代理機(jī)構(gòu)和自由職業(yè)者。
您的介紹部分應(yīng)包含基本信息，例如：
- 公司概要（使命、行業(yè)、客戶類型等）
- 設(shè)計(jì)理念的簡短描述
- 基本設(shè)計(jì)的預(yù)覽，例如徽標(biāo)或網(wǎng)站主頁
- 徽標(biāo)、調(diào)色板、字體和圖像的目錄
- 印刷和數(shù)字應(yīng)用的注意事項(xiàng)
- 品牌經(jīng)理的聯(lián)系信息，以便用戶知道向何處提出問題
標(biāo)識
這聽起來可能很簡單，但一個(gè)可靠的風(fēng)格指南是保持團(tuán)隊(duì)視覺集中的關(guān)鍵，這樣你的品牌材料就永遠(yuǎn)看起來像你。標(biāo)志是最重要的起點(diǎn)。
無論您擁有一個(gè)普遍使用的單一徽標(biāo)，還是出于特定案例或特定平臺(tái)的原因使用多個(gè)版本，視覺樣式指南都應(yīng)提供有關(guān)如何正確使用和不使用徽標(biāo)的示例。
這包括許多因素：
- 尺寸和放置規(guī)則（例如，某些品牌指定徽標(biāo)必須始終位于左上角）
- 概述何時(shí)應(yīng)使用顏色而不是黑色和/或白色的顏色用法
- 主要和次要徽標(biāo)示例和用法（許多品牌為社交媒體資料或?qū)⒃趫D標(biāo)大小使用徽標(biāo)的地方提供第二個(gè)更簡化的徽標(biāo)）
顏色和排版調(diào)色板
顏色和排版應(yīng)該在你的視覺風(fēng)格指南中都有自己的部分，并附有用例。兩個(gè)菜單都應(yīng)該只包含少數(shù)選項(xiàng)——兩到三種顏色和相同數(shù)量的字體——以保持調(diào)色板易于管理。
顏色
對于樣式指南的這一部分，您可能不需要太多文本。包括顯示每個(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ì)元素，但它們并沒有那么令人生畏，有明確的指導(dǎo)方針。
圖標(biāo)是一個(gè)重要的設(shè)計(jì)元素，為副本和內(nèi)容提供上下文支持。想想貴公司電話號碼旁邊的電話圖標(biāo)，以及象征貴公司獨(dú)有流程的更多品牌元素。這些小圖像還可以作為元素的視覺提示，例如社交媒體鏈接或引導(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)識相匹配并符合觀眾期望的尺碼和款式。
攝影風(fēng)格
即使您在設(shè)計(jì)中包含的照片類型也應(yīng)該具有視覺風(fēng)格。為圖像創(chuàng)造一致的感覺和情緒，只需一瞥，即可將用戶與您的品牌聯(lián)系起來。像 Spotify 這樣的公司在這方面做得非常好，主要是挑選人物圖像，然后對所有人應(yīng)用雙色調(diào)過濾器。他們還在每張圖像上使用一致的大小和文本處理。
在開發(fā)攝影風(fēng)格時(shí)，請包括以下信息：
- 風(fēng)格
- 框架
- 作物指南
- 顏色使用
- 尺寸指南或縱橫比
- 在印刷和網(wǎng)絡(luò)項(xiàng)目中放置的規(guī)范。
- 必要時(shí)精確尺寸的輪廓（例如您網(wǎng)站的橫幅圖像的尺寸）
一種方法是考慮always 和never 必要性，這樣你的設(shè)計(jì)師就有了要尋找和避免的元素。找到介于兩者之間的東西比面對整個(gè)圖書館更容易，沒有概念從哪里開始。例如，切勿使用預(yù)先應(yīng)用了過濾器的圖像。這似乎是規(guī)定性的，但突出顯示要避免的某些關(guān)鍵事項(xiàng)將簡化設(shè)計(jì)人員的流程。
數(shù)字元素
請記住在您的視覺風(fēng)格指南中包含您的網(wǎng)站或移動(dòng)應(yīng)用程序的元素。創(chuàng)建一個(gè)單獨(dú)的部分，詳細(xì)說明如何處理按鈕、導(dǎo)航、表單、動(dòng)畫、鏈接和懸停效果等元素。
這通常是視覺風(fēng)格指南中最容易被遺忘的方面——也是創(chuàng)建一致用戶交互的關(guān)鍵部分。例如，按鈕不僅應(yīng)該在每個(gè)實(shí)例中看起來都一樣，而且它們的行為應(yīng)該始終相同。這包括從用戶將鼠標(biāo)懸停在按鈕上時(shí)發(fā)生的情況，到它的外觀，再到單擊時(shí)發(fā)生的一切。一致的用戶界面工具可提供更流暢的用戶體驗(yàn)。
由于其中許多元素的性質(zhì)，這里最好應(yīng)用風(fēng)格指南的數(shù)字版本?？紤]在您的網(wǎng)站上添加一個(gè)隱藏頁面，供內(nèi)部用戶參考。您甚至可以包含可下載模板或示例的鏈接，作為用戶的起點(diǎn)。
提供大量示例
它被稱為視覺風(fēng)格指南是有原因的。使其可視化，以便輕松查看您的品牌風(fēng)格。
當(dāng)涉及到視覺示例時(shí)，許多樣式指南都包含有關(guān)如何使用和不使用設(shè)計(jì)元素的部分。只堅(jiān)持好的例子。這樣做的原因是，一旦有人看到一個(gè)例子，他們就會(huì)記住它。想象一下，同一個(gè)人后來正在為社交媒體撰寫帖子，并記得在指南中看到過一些內(nèi)容并復(fù)制它，但事后發(fā)現(xiàn)它實(shí)際上是不該做的一個(gè)例子。
保持簡短
視覺風(fēng)格指南不必很長。上面描述的許多元素只需要一個(gè)要點(diǎn)或圖像來顯示。對于某些品牌，樣式指南是網(wǎng)站上的一個(gè)頁面或內(nèi)部分發(fā)的 PDF。對于其他人，它可以是小冊子，甚至只是一張紙。
一頁樣式指南應(yīng)該是大多數(shù)品牌的目標(biāo)。這樣你就知道你已經(jīng)創(chuàng)造了一些簡單和可用的東西。如果您的指南將跨越多個(gè)頁面，請考慮在指南的前面添加一個(gè)備忘單，其中包含徽標(biāo)樣式、顏色和字體等關(guān)鍵元素 – 或者，一個(gè)指向單個(gè)菜單項(xiàng)的熱鏈接的菜單 – 以便用戶有一些事情要做一目了然。如果指南易于查找、理解和使用，您的創(chuàng)意團(tuán)隊(duì)將更有可能查閱該指南。
