手把手教你創(chuàng)建品牌設(shè)計(jì)指南

 
很多設(shè)計(jì)師與創(chuàng)意工作者都忽視了品牌設(shè)計(jì)指南的作用（有些人也稱其為品牌寶典，或其中的一部分）——它給出了一系列清晰的準(zhǔn)則，規(guī)定了線上線下的市場(chǎng)推廣材料應(yīng)該長(zhǎng)什么樣。 風(fēng)格指南可以為你節(jié)約時(shí)間與金錢，減少遭遇的挫折，使市場(chǎng)推廣材料更易于維護(hù)和創(chuàng)造。把它當(dāng)作一套標(biāo)注詳盡的衍生品；它提供了如何實(shí)施的相關(guān)說(shuō)明，有時(shí)甚至能讓你深入了解其中緣由。 如果你不怎么確信你服務(wù)的每個(gè)品牌與公司都需要它，或者不確定如何創(chuàng)建，請(qǐng)往下讀……

為何每個(gè)品牌都應(yīng)該有設(shè)計(jì)指南 對(duì)于小公司或只有一個(gè)設(shè)計(jì)師的公司而言，設(shè)計(jì)指南似乎并無(wú)必要。但說(shuō)真的，每個(gè)品牌都應(yīng)當(dāng)有風(fēng)格和品牌指南，來(lái)確保他們產(chǎn)品的每種視覺(jué)元素統(tǒng)一一致。 先拿只有一個(gè)設(shè)計(jì)師的情況來(lái)說(shuō)。如果你是你們公司項(xiàng)目中唯一的設(shè)計(jì)師。你設(shè)計(jì)他們的logo、名片和所需的其他所有市場(chǎng)推廣材料。你對(duì)所有的元素都心中有數(shù)。 現(xiàn)在，一年后，公司規(guī)模擴(kuò)大了兩倍，突然他們需要再雇一個(gè)設(shè)計(jì)師來(lái)分擔(dān)你的工作。這下好玩了，你得憑記憶教這個(gè)新人品牌的設(shè)計(jì)指南。其中包括很多過(guò)去一年內(nèi)你根本沒(méi)有考慮過(guò)的事情。 當(dāng)然，如果什么重要的東西沒(méi)有傳達(dá)，他們會(huì)指責(zé)你沒(méi)有教好新員工。 如果你可以給出一份設(shè)計(jì)指南，包含了他們所需的一切：顏色、logo尺寸和放置、字體使用等，事情就相當(dāng)簡(jiǎn)單了。 又或者說(shuō)你是為多個(gè)客戶服務(wù)的自由職業(yè)者。一份設(shè)計(jì)指南可以使你輕松回到數(shù)月或數(shù)年前完成的作品中，而不必梳理舊文件來(lái)了解用了具體哪種字體，或是具體顏色的十六進(jìn)制色值是什么。相反，你可以拖入一個(gè)文件，就能瞬間看到你所需的一切。 設(shè)計(jì)指南可以確保你的作品不會(huì)被一些新的、水平欠佳的設(shè)計(jì)師糟蹋了，他們并不理解你的設(shè)計(jì)如何發(fā)揮作用。你最不想看到的，是你精心設(shè)計(jì)的logo被縮得太小，或是與其他元素靠的太近，實(shí)際上這損耗了它的影響力（更糟的是，元素間的留白徹底被打亂了）。 為每個(gè)你服務(wù)的品牌創(chuàng)建設(shè)計(jì)指南，可以使你的工作更輕松，也讓你的作品更加統(tǒng)一（使得所有圖片顯得更專業(yè)）。初入一個(gè)項(xiàng)目時(shí)，創(chuàng)建一套基礎(chǔ)的設(shè)計(jì)指南并不怎么耗時(shí)間，卻能省去你大量的工作，使你在這過(guò)程中避免無(wú)盡的挫敗。

基礎(chǔ)元素 每套設(shè)計(jì)指南都會(huì)有細(xì)微差別，因?yàn)樗Q于品牌有多復(fù)雜，可能需要多少種市場(chǎng)推廣材料。不過(guò)有些基本的元素幾乎在每套設(shè)計(jì)指南中都會(huì)出現(xiàn)。 字體 每個(gè)品牌的市場(chǎng)推廣材料中都應(yīng)該使用統(tǒng)一的字體，無(wú)論線上線下。列出這些字體，配上例子和字符集，這點(diǎn)尤為重要。 別忘了除了字體使用之外，你可能還得指定標(biāo)題、照片說(shuō)明等文字的字號(hào)。指定字體族中禁用的特殊樣式和字重也是個(gè)好主意，連字或備用字符該不該用，諸如此類。 顏色 品牌使用的顏色應(yīng)當(dāng)盡可能詳細(xì)。這意味著不僅要提供網(wǎng)頁(yè)使用的十六進(jìn)制色值，還要有等價(jià)的CMYK甚至Pantone色值用于印刷。不是所有顏色都能完美無(wú)缺地在網(wǎng)頁(yè)和印刷間轉(zhuǎn)換，所以指定優(yōu)先級(jí)是個(gè)好主意，這樣不會(huì)導(dǎo)致最終顏色和你原先的顏色差別太大。
很多十六進(jìn)制RGB色域直接轉(zhuǎn)換時(shí)，若不進(jìn)行人工調(diào)整，會(huì)在CMYK模式中發(fā)生劇烈的變化（某些藍(lán)色通常會(huì)變灰暗，紅色會(huì)偏橙色或粉色等等）?；〞r(shí)間確認(rèn)和糾正每個(gè)色域，這樣可以得到盡可能好的結(jié)果。還要確保檢查顏色的印刷效果，而不僅僅是屏幕上。 Logo尺寸與位置 通常，多數(shù)logo太小會(huì)失去其展示效果。你可以設(shè)計(jì)一個(gè)備用logo（通常是簡(jiǎn)化版）用于小尺寸，或者就定義一個(gè)logo展示的最小尺寸。
還要指定logo周圍需要多少留白，以保證不影響它的效果。指定logo能否以其他顏色形式呈現(xiàn)（尤其灰度模式），還有它是否只能用在中性背景色上，還是彩色的背景也可以。還要指定logo能否放在邊框中，這種情況周圍要有多少留白。 圖標(biāo)或其他圖形 如果還有獨(dú)有的特殊圖標(biāo)（或圖標(biāo)集），或者通用的特殊圖片，那么指南中得指定這些東西。包含一個(gè)指向該圖標(biāo)集的鏈接，因?yàn)閳D標(biāo)名并不唯一，容易搞混。 你還需要指定是否只能用某種特定的類型或樣式的圖片。比如，你可能會(huì)指定所有圖片都需要包含某種特定顏色，或者都要加上復(fù)古的濾鏡效果，或者都得是黑白的。 文案寫作指南 盡管并非每套設(shè)計(jì)指南都會(huì)需要文案撰寫說(shuō)明，如果你的品牌想努力表現(xiàn)出一種特定的寫作風(fēng)格時(shí)，這是個(gè)好辦法。 可能有些特殊詞句會(huì)包括在內(nèi)，同時(shí)可能還有些其他詞句應(yīng)該不惜一切避免使用（有時(shí)候因?yàn)樗麄兣c競(jìng)爭(zhēng)對(duì)手有緊密關(guān)聯(lián)）。指明這些非常重要。 可能還有一條，文案應(yīng)當(dāng)積極向上，或者要專業(yè)，或利用對(duì)特定人群有吸引力的語(yǔ)言。 網(wǎng)頁(yè)的特有元素 盡管有很多元素通行于印刷品和網(wǎng)頁(yè)間，還是有些網(wǎng)頁(yè)特有元素，印刷品上是找不到的，網(wǎng)站中卻普遍存在。 這包括按鈕樣式和層級(jí)、表單樣式呈現(xiàn)之類。若沒(méi)有一套清晰的規(guī)則可以遵循，要使這些東西在多個(gè)頁(yè)面（甚至多個(gè)網(wǎng)站）保持統(tǒng)一，會(huì)是一項(xiàng)重大的挑戰(zhàn)。 還要考慮其他元素 你可能還要考慮為下面這些東西增加指南： · 品牌歷史、愿景和個(gè)性化信息。這些在品牌寶典中很常見(jiàn)，可能在標(biāo)準(zhǔn)的設(shè)計(jì)指南中不多見(jiàn)。 · 社交媒體指南，包括應(yīng)該分享的文章類型，還有各種品牌元素應(yīng)該如何用于各社交網(wǎng)站。 · 網(wǎng)站中的設(shè)計(jì)布局和柵格系統(tǒng)標(biāo)準(zhǔn)，有時(shí)印刷廣告中也有。 · 其他材料的指南，比如宣傳冊(cè)或名片。 · 所有元素的使用樣例。 如果你想看一些有啟發(fā)性的設(shè)計(jì)風(fēng)格指南案例，看看我們?nèi)ツ昵锛景l(fā)布的20套啟發(fā)性的品牌指南。

設(shè)計(jì)指南該有多長(zhǎng)？ 設(shè)計(jì)指南的長(zhǎng)度可以從一個(gè)頁(yè)面到幾十頁(yè)，取決于品牌的復(fù)雜度，還有市場(chǎng)推廣材料的種類。 如果是極簡(jiǎn)的網(wǎng)站，只有一個(gè)logo設(shè)計(jì)、明確的字體和用色，沒(méi)有線下的材料，單頁(yè)的設(shè)計(jì)指南勉強(qiáng)是夠了。 但是，一個(gè)擁有眾多部門、涉及諸多市場(chǎng)的巨型跨國(guó)企業(yè)，廣告橫跨眾多媒體，就需要類似一本書來(lái)闡明所有用法。 不論哪種，你的設(shè)計(jì)指南只需要包含必要元素，但是要精確傳達(dá)品牌視覺(jué)風(fēng)格等信息。

一份活文檔 你的設(shè)計(jì)指南不是一塊石頭。品牌是會(huì)進(jìn)化的。會(huì)有新logo出現(xiàn)。網(wǎng)站會(huì)進(jìn)行重設(shè)計(jì)。市場(chǎng)推廣材料會(huì)更新。重要的是確保設(shè)計(jì)指南隨著其他更新一并更新。
設(shè)計(jì)指南也有助于確保品牌以一種無(wú)縫的方式升級(jí)，盡量不會(huì)疏遠(yuǎn)你的用戶?？雌放粕?jí)進(jìn)展到哪里了，可以指出其自然進(jìn)化的方向，好過(guò)鮮明的反差。 雖然設(shè)計(jì)指南應(yīng)該具有流動(dòng)性，會(huì)隨時(shí)間變化，但還是要能查閱舊版本的設(shè)計(jì)指南。而且要確保你對(duì)設(shè)計(jì)指南做出的任何更改都是經(jīng)過(guò)深思熟慮的，而不是無(wú)視現(xiàn)存設(shè)計(jì)指南的借口。 因?yàn)樵O(shè)計(jì)指南會(huì)隨時(shí)間變化，確保每個(gè)需要的人都能獲得最新版本，這非常重要。由于要更改指南的日期與版本，將文件放在云端服務(wù)器或其他中心位置是個(gè)好主意。

整合設(shè)計(jì)指南 設(shè)計(jì)指南中的元素可以整合進(jìn)網(wǎng)站中。包括CSS文件開(kāi)頭的注釋，大概描述一下顏色和所用字體，可以確保你遵循設(shè)計(jì)指南。 一套完整的設(shè)計(jì)指南，對(duì)于任何可能使用它的人來(lái)說(shuō)應(yīng)該要簡(jiǎn)單易用。讓人可以通過(guò)公司服務(wù)器或云端服務(wù)器訪問(wèn)也是個(gè)不錯(cuò)的辦法。你可以在CSS文件中包含一個(gè)鏈接，或是通過(guò)其他方法（除非它有密碼保護(hù)或是放在內(nèi)部服務(wù)器上，不然實(shí)際上都應(yīng)該允許公眾訪問(wèn)）。

內(nèi)部還是公開(kāi)文檔？ 越來(lái)越多公司向公眾開(kāi)放了它們的設(shè)計(jì)指南。它的意義在于： 1. 讓需要它的人（設(shè)計(jì)師）可以輕松獲得這些信息。你可以給他們一個(gè)鏈接，而不用發(fā)郵件或是提供密碼。 2. 使品牌更加透明。 3. 如果你的品牌有新聞媒體報(bào)道時(shí)，它會(huì)很有用，因?yàn)橛浾呖梢垣@得關(guān)于如何使用你們logo的信息等等。而不用等你的公關(guān)部門（或個(gè)人）回復(fù)他們。 當(dāng)然，如果你決定公開(kāi)你的設(shè)計(jì)規(guī)范，你就得保證它設(shè)計(jì)精良，和其他任何銷售和市場(chǎng)推廣材料一樣。這會(huì)增加創(chuàng)建設(shè)計(jì)指南的成本和時(shí)間，使得修改它也更加困難。
公開(kāi)的設(shè)計(jì)指南也讓其他品牌抄襲你變的容易。但你做什么都無(wú)法阻止別人這么做（除非法律途徑），設(shè)計(jì)指南確實(shí)使這一點(diǎn)更容易。它為品牌抄襲者減少了步驟。 不過(guò)，一旦你對(duì)自己品牌和業(yè)務(wù)有信心，這一點(diǎn)對(duì)是否公開(kāi)沒(méi)多大影響。 將它作為內(nèi)部文件，更新和修改會(huì)更方便，對(duì)于初創(chuàng)公司非常重要。指南本身也不需要“設(shè)計(jì)”，讓它盡可能保持功能性。當(dāng)你的設(shè)計(jì)師工作負(fù)擔(dān)很重，這么做是有巨大好處的。 設(shè)計(jì)指南的要點(diǎn)，是為所有人簡(jiǎn)化和加速設(shè)計(jì)過(guò)程。確保它具備這個(gè)作用，不論公開(kāi)與否。