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