品牌設(shè)計必備技！手把手教你創(chuàng)建品牌設(shè)計指南

@十萬個為什麼?：很多設(shè)計師與創(chuàng)意工作者都忽視了品牌設(shè)計指南的作用（有些人也稱其為品牌寶典，或其中的一部分）——它給出了一系列清晰的準(zhǔn)則，規(guī)定了線上線下的市場推廣材料應(yīng)該長什么樣。

風(fēng)格指南可以為你節(jié)約時間與金錢，減少遭遇的挫折，使市場推廣材料更易于維護和創(chuàng)造。把它當(dāng)作一套標(biāo)注詳盡的衍生品；它提供了如何實施的相關(guān)說明，有時甚至能讓你深入了解其中緣由。

如果你不怎么確信你服務(wù)的每個品牌與公司都需要它，或者不確定如何創(chuàng)建，請往下讀……

為何每個品牌都應(yīng)該有設(shè)計指南

對于小公司或只有一個設(shè)計師的公司而言，設(shè)計指南似乎并無必要。但說真的，每個品牌都應(yīng)當(dāng)有風(fēng)格和品牌指南，來確保他們產(chǎn)品的每種視覺元素統(tǒng)一一致。

先拿只有一個設(shè)計師的情況來說。如果你是你們公司項目中唯一的設(shè)計師。你設(shè)計他們的logo、名片和所需的其他所有市場推廣材料。你對所有的元素都心中有數(shù)。

現(xiàn)在，一年后，公司規(guī)模擴大了兩倍，突然他們需要再雇一個設(shè)計師來分擔(dān)你的工作。這下好玩了，你得憑記憶教這個新人品牌的設(shè)計指南。其中包括很多過去一年內(nèi)你根本沒有考慮過的事情。

當(dāng)然，如果什么重要的東西沒有傳達，他們會指責(zé)你沒有教好新員工。

如果你可以給出一份設(shè)計指南，包含了他們所需的一切：顏色、logo尺寸和放置、字體使用等，事情就相當(dāng)簡單了。

又或者說你是為多個客戶服務(wù)的自由職業(yè)者。一份設(shè)計指南可以使你輕松回到數(shù)月或數(shù)年前完成的作品中，而不必梳理舊文件來了解用了具體哪種字體，或是具體顏色的十六進制色值是什么。相反，你可以拖入一個文件，就能瞬間看到你所需的一切。

設(shè)計指南可以確保你的作品不會被一些新的、水平欠佳的設(shè)計師糟蹋了，他們并不理解你的設(shè)計如何發(fā)揮作用。你最不想看到的，是你精心設(shè)計的logo被縮得太小，或是與其他元素靠的太近，實際上這損耗了它的影響力（更糟的是，元素間的留白徹底被打亂了）。

為每個你服務(wù)的品牌創(chuàng)建設(shè)計指南，可以使你的工作更輕松，也讓你的作品更加統(tǒng)一（使得所有圖片顯得更專業(yè)）。初入一個項目時，創(chuàng)建一套基礎(chǔ)的設(shè)計指南并不怎么耗時間，卻能省去你大量的工作，使你在這過程中避免無盡的挫敗。

基礎(chǔ)元素

每套設(shè)計指南都會有細微差別，因為它取決于品牌有多復(fù)雜，可能需要多少種市場推廣材料。不過有些基本的元素幾乎在每套設(shè)計指南中都會出現(xiàn)。

字體

每個品牌的市場推廣材料中都應(yīng)該使用統(tǒng)一的字體，無論線上線下。列出這些字體，配上例子和字符集，這點尤為重要。

別忘了除了字體使用之外，你可能還得指定標(biāo)題、照片說明等文字的字號。指定字體族中禁用的特殊樣式和字重也是個好主意，連字或備用字符該不該用，諸如此類。

顏色

品牌使用的顏色應(yīng)當(dāng)盡可能詳細。這意味著不僅要提供網(wǎng)頁使用的十六進制色值，還要有等價的CMYK甚至Pantone色值用于印刷。不是所有顏色都能完美無缺地在網(wǎng)頁和印刷間轉(zhuǎn)換，所以指定優(yōu)先級是個好主意，這樣不會導(dǎo)致最終顏色和你原先的顏色差別太大。

很多十六進制RGB色域直接轉(zhuǎn)換時，若不進行人工調(diào)整，會在CMYK模式中發(fā)生劇烈的變化（某些藍色通常會變灰暗，紅色會偏橙色或粉色等等）。花時間確認和糾正每個色域，這樣可以得到盡可能好的結(jié)果。還要確保檢查顏色的印刷效果，而不僅僅是屏幕上。

Logo尺寸與位置

通常，多數(shù)logo太小會失去其展示效果。你可以設(shè)計一個備用logo（通常是簡化版）用于小尺寸，或者就定義一個logo展示的最小尺寸。

還要指定logo周圍需要多少留白，以保證不影響它的效果。指定logo能否以其他顏色形式呈現(xiàn)（尤其灰度模式），還有它是否只能用在中性背景色上，還是彩色的背景也可以。還要指定logo能否放在邊框中，這種情況周圍要有多少留白。

圖標(biāo)或其他圖形

如果還有獨有的特殊圖標(biāo)（或圖標(biāo)集），或者通用的特殊圖片，那么指南中得指定這些東西。包含一個指向該圖標(biāo)集的鏈接，因為圖標(biāo)名并不唯一，容易搞混。

你還需要指定是否只能用某種特定的類型或樣式的圖片。比如，你可能會指定所有圖片都需要包含某種特定顏色，或者都要加上復(fù)古的濾鏡效果，或者都得是黑白的。

文案寫作指南

盡管并非每套設(shè)計指南都會需要文案撰寫說明，如果你的品牌想努力表現(xiàn)出一種特定的寫作風(fēng)格時，這是個好辦法。

可能有些特殊詞句會包括在內(nèi)，同時可能還有些其他詞句應(yīng)該不惜一切避免使用（有時候因為他們與競爭對手有緊密關(guān)聯(lián)）。指明這些非常重要。

可能還有一條，文案應(yīng)當(dāng)積極向上，或者要專業(yè)，或利用對特定人群有吸引力的語言。

網(wǎng)頁的特有元素

盡管有很多元素通行于印刷品和網(wǎng)頁間，還是有些網(wǎng)頁特有元素，印刷品上是找不到的，網(wǎng)站中卻普遍存在。

這包括按鈕樣式和層級、表單樣式呈現(xiàn)之類。若沒有一套清晰的規(guī)則可以遵循，要使這些東西在多個頁面（甚至多個網(wǎng)站）保持統(tǒng)一，會是一項重大的挑戰(zhàn)。

還要考慮其他元素

你可能還要考慮為下面這些東西增加指南：

· 品牌歷史、愿景和個性化信息。這些在品牌寶典中很常見，可能在標(biāo)準(zhǔn)的設(shè)計指南中不多見。

· 社交媒體指南，包括應(yīng)該分享的文章類型，還有各種品牌元素應(yīng)該如何用于各社交網(wǎng)站。

· 網(wǎng)站中的設(shè)計布局和柵格系統(tǒng)標(biāo)準(zhǔn)，有時印刷廣告中也有。

· 其他材料的指南，比如宣傳冊或名片。

· 所有元素的使用樣例。

如果你想看一些有啟發(fā)性的設(shè)計風(fēng)格指南案例，看看我們?nèi)ツ昵锛景l(fā)布的20套啟發(fā)性的品牌指南。

設(shè)計指南該有多長？

設(shè)計指南的長度可以從一個頁面到幾十頁，取決于品牌的復(fù)雜度，還有市場推廣材料的種類。

如果是極簡的網(wǎng)站，只有一個logo設(shè)計、明確的字體和用色，沒有線下的材料，單頁的設(shè)計指南勉強是夠了。

但是，一個擁有眾多部門、涉及諸多市場的巨型跨國企業(yè)，廣告橫跨眾多媒體，就需要類似一本書來闡明所有用法。

不論哪種，你的設(shè)計指南只需要包含必要元素，但是要精確傳達品牌視覺風(fēng)格等信息。

一份活文檔

你的設(shè)計指南不是一塊石頭。品牌是會進化的。會有新logo出現(xiàn)。網(wǎng)站會進行重設(shè)計。市場推廣材料會更新。重要的是確保設(shè)計指南隨著其他更新一并更新。

設(shè)計指南也有助于確保品牌以一種無縫的方式升級，盡量不會疏遠你的用戶。看品牌升級進展到哪里了，可以指出其自然進化的方向，好過鮮明的反差。

雖然設(shè)計指南應(yīng)該具有流動性，會隨時間變化，但還是要能查閱舊版本的設(shè)計指南。而且要確保你對設(shè)計指南做出的任何更改都是經(jīng)過深思熟慮的，而不是無視現(xiàn)存設(shè)計指南的借口。

因為設(shè)計指南會隨時間變化，確保每個需要的人都能獲得最新版本，這非常重要。由于要更改指南的日期與版本，將文件放在云端服務(wù)器或其他中心位置是個好主意。

整合設(shè)計指南

設(shè)計指南中的元素可以整合進網(wǎng)站中。包括CSS文件開頭的注釋，大概描述一下顏色和所用字體，可以確保你遵循設(shè)計指南。

一套完整的設(shè)計指南，對于任何可能使用它的人來說應(yīng)該要簡單易用。讓人可以通過公司服務(wù)器或云端服務(wù)器訪問也是個不錯的辦法。你可以在CSS文件中包含一個鏈接，或是通過其他方法（除非它有密碼保護或是放在內(nèi)部服務(wù)器上，不然實際上都應(yīng)該允許公眾訪問）。

內(nèi)部還是公開文檔？

越來越多公司向公眾開放了它們的設(shè)計指南。它的意義在于：

1. 讓需要它的人（設(shè)計師）可以輕松獲得這些信息。你可以給他們一個鏈接，而不用發(fā)郵件或是提供密碼。

2. 使品牌更加透明。

3. 如果你的品牌有新聞媒體報道時，它會很有用，因為記者可以獲得關(guān)于如何使用你們logo的信息等等。而不用等你的公關(guān)部門（或個人）回復(fù)他們。

當(dāng)然，如果你決定公開你的設(shè)計規(guī)范，你就得保證它設(shè)計精良，和其他任何銷售和市場推廣材料一樣。這會增加創(chuàng)建設(shè)計指南的成本和時間，使得修改它也更加困難。

公開的設(shè)計指南也讓其他品牌抄襲你變的容易。但你做什么都無法阻止別人這么做（除非法律途徑），設(shè)計指南確實使這一點更容易。它為品牌抄襲者減少了步驟。

不過，一旦你對自己品牌和業(yè)務(wù)有信心，這一點對是否公開沒多大影響。

將它作為內(nèi)部文件，更新和修改會更方便，對于初創(chuàng)公司非常重要。指南本身也不需要“設(shè)計”，讓它盡可能保持功能性。當(dāng)你的設(shè)計師工作負擔(dān)很重，這么做是有巨大好處的。

設(shè)計指南的要點，是為所有人簡化和加速設(shè)計過程。確保它具備這個作用，不論公開與否。

最新鮮的指南類好文合集：

每個網(wǎng)站都有的404頁面創(chuàng)建指南！
《超實用！不容錯過的優(yōu)秀404頁面設(shè)計指南》

配色弱、非科班的設(shè)計師童鞋必備！
《設(shè)計師配色寶典！教你從零開始學(xué)配色（一）》

專為設(shè)計師寫的Github學(xué)習(xí)方法！
《超方便！專為設(shè)計師而寫的GITHUB快速入門教程》

原文地址：webdesignerdepot
譯文地址：colachan
譯者：@十萬個為什麼

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量75萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：