很(hěn)多設計師(shī)與創意工(gōng)作(zuò)者都(dōu)忽視(shì)了(le)品牌設計指南的作(zuò)用(有些人(rén)也稱其為(wèi)品牌寶典,或其中的一(yī)部分)——它給出了(le)一(yī)系列清晰的準則,規定了(le)線上(shàng)線下(xià)的市場推廣材料應該長(cháng)什麽樣。
風(fēng)格指南可(kě)以為(wèi)你節約時(shí)間(jiān)與金(jīn)錢(qián),減少(shǎo)遭遇的挫折,使市場推廣材料更易于維護和(hé)創造。把它當作(zuò)一(yī)套标注詳盡的衍生品;它提供了(le)如(rú)何實施的相關說明(míng),有時(shí)甚至能(néng)讓你深入了(le)解其中緣由。
果你不怎麽确信你服務的每個品牌與公司都(dōu)需要(yào)它,或者不确定如(rú)何創建,請(qǐng)往下(xià)讀……
對于小公司或隻有一(yī)個設計師(shī)的公司而言,設計指南似乎并無必要(yào)。但(dàn)說真的,每個品牌都(dōu)應當有風(fēng)格和(hé)品牌指南,來确保他(tā)們産品的每種視(shì)覺元素統一(yī)一(yī)緻。
先拿(ná)隻有一(yī)個設計師(shī)的情況來說。如(rú)果你是你們公司項目中唯一(yī)的設計師(shī)。你設計他(tā)們的logo、名片和(hé)所需的其他(tā)所有市場推廣材料。你對所有的元素都(dōu)心中有數(shù)。
現在,一(yī)年(nián)後,公司規模擴大了(le)兩倍,突然他(tā)們需要(yào)再雇一(yī)個設計師(shī)來分擔你的工(gōng)作(zuò)。這(zhè)下(xià)好玩(wán)了(le),你得憑記憶教這(zhè)個新人(rén)品牌的設計指南。其中包括很(hěn)多過去一(yī)年(nián)內(nèi)你根本沒有考慮過的事情。
當然,如(rú)果什麽重要(yào)的東西(xī)沒有傳達,他(tā)們會指責你沒有教好新員(yuán)工(gōng)。
如(rú)果你可(kě)以給出一(yī)份設計指南,包含了(le)他(tā)們所需的一(yī)切:顔色、logo尺寸和(hé)放置、字體使用等,事情就相當簡單了(le)。
又或者說你是為(wèi)多個客戶服務的自(zì)由職業者。一(yī)份設計指南可(kě)以使你輕松回到數(shù)月或數(shù)年(nián)前完成的作(zuò)品中,而不必梳理舊(jiù)文件來了(le)解用了(le)具體哪種字體,或是具體顔色的十六進制色值是什麽。相反,你可(kě)以拖入一(yī)個文件,就能(néng)瞬間(jiān)看(kàn)到你所需的一(yī)切。
設計指南可(kě)以确保你的作(zuò)品不會被一(yī)些新的、水平欠佳的設計師(shī)糟蹋了(le),他(tā)們并不理解你的設計如(rú)何發揮作(zuò)用。你最不想看(kàn)到的,是你精心設計的logo被縮得太小,或是與其他(tā)元素靠的太近,實際上(shàng)這(zhè)損耗了(le)它的影響力(更糟的是,元素間(jiān)的留白徹底被打亂了(le))。
為(wèi)每個你服務的品牌創建設計指南,可(kě)以使你的工(gōng)作(zuò)更輕松,也讓你的作(zuò)品更加統一(yī)(使得所有圖片顯得更專業)。初入一(yī)個項目時(shí),創建一(yī)套基礎的設計指南并不怎麽耗時(shí)間(jiān),卻能(néng)省去你大量的工(gōng)作(zuò),使你在這(zhè)過程中避免無盡的挫敗。
每套設計指南都(dōu)會有細微(wēi)差别,因為(wèi)它取決于品牌有多複雜(zá),可(kě)能(néng)需要(yào)多少(shǎo)種市場推廣材料。不過有些基本的元素幾乎在每套設計指南中都(dōu)會出現。
每個品牌的市場推廣材料中都(dōu)應該使用統一(yī)的字體,無論線上(shàng)線下(xià)。列出這(zhè)些字體,配上(shàng)例子和(hé)字符集,這(zhè)點尤為(wèi)重要(yào)。
别忘了(le)除了(le)字體使用之外(wài),你可(kě)能(néng)還得指定标題、照片說明(míng)等文字的字号。指定字體族中禁用的特殊樣式和(hé)字重也是個好主意,連字或備用字符該不該用,諸如(rú)此類。
品牌使用的顔色應當盡可(kě)能(néng)詳細。這(zhè)意味着不僅要(yào)提供網頁使用的十六進制色值,還要(yào)有等價的CMYK甚至Pantone色值用于印刷。不是所有顔色都(dōu)能(néng)完美無缺地(dì)在網頁和(hé)印刷間(jiān)轉換,所以指定優先級是個好主意,這(zhè)樣不會導緻最終顔色和(hé)你原先的顔色差别太大。
很(hěn)多十六進制RGB色域直接轉換時(shí),若不進行(xíng)人(rén)工(gōng)調整,會在CMYK模式中發生劇烈的變化(某些藍(lán)色通(tōng)常會變灰暗,紅(hóng)色會偏橙色或粉色等等)。花時(shí)間(jiān)确認和(hé)糾正每個色域,這(zhè)樣可(kě)以得到盡可(kě)能(néng)好的結果。還要(yào)确保檢查顔色的印刷效果,而不僅僅是屏幕上(shàng)。
通(tōng)常,多數(shù)logo太小會失去其展示效果。你可(kě)以設計一(yī)個備用logo(通(tōng)常是簡化版)用于小尺寸,或者就定義一(yī)個logo展示的最小尺寸。
還要(yào)指定logo周圍需要(yào)多少(shǎo)留白,以保證不影響它的效果。指定logo能(néng)否以其他(tā)顔色形式呈現(尤其灰度模式),還有它是否隻能(néng)用在中性背景色上(shàng),還是彩色的背景也可(kě)以。還要(yào)指定logo能(néng)否放在邊框中,這(zhè)種情況周圍要(yào)有多少(shǎo)留白。
如(rú)果還有獨有的特殊圖标(或圖标集),或者通(tōng)用的特殊圖片,那(nà)麽指南中得指定這(zhè)些東西(xī)。包含一(yī)個指向該圖标集的鏈接,因為(wèi)圖标名并不唯一(yī),容易搞混。
你還需要(yào)指定是否隻能(néng)用某種特定的類型或樣式的圖片。比如(rú),你可(kě)能(néng)會指定所有圖片都(dōu)需要(yào)包含某種特定顔色,或者都(dōu)要(yào)加上(shàng)複古的濾鏡效果,或者都(dōu)得是黑(hēi)白的。
盡管并非每套設計指南都(dōu)會需要(yào)文案撰寫說明(míng),如(rú)果你的品牌想努力表現出一(yī)種特定的寫作(zuò)風(fēng)格時(shí),這(zhè)是個好辦法。
可(kě)能(néng)有些特殊詞句會包括在內(nèi),同時(shí)可(kě)能(néng)還有些其他(tā)詞句應該不惜一(yī)切避免使用(有時(shí)候因為(wèi)他(tā)們與競争對手有緊密關聯)。指明(míng)這(zhè)些非常重要(yào)。
可(kě)能(néng)還有一(yī)條,文案應當積極向上(shàng),或者要(yào)專業,或利用對特定人(rén)群有吸引力的語言。
盡管有很(hěn)多元素通(tōng)行(xíng)于印刷品和(hé)網頁間(jiān),還是有些網頁特有元素,印刷品上(shàng)是找不到的,網站中卻普遍存在。
這(zhè)包括按鈕樣式和(hé)層級、表單樣式呈現之類。若沒有一(yī)套清晰的規則可(kě)以遵循,要(yào)使這(zhè)些東西(xī)在多個頁面(甚至多個網站)保持統一(yī),會是一(yī)項重大的挑戰。
你可(kě)能(néng)還要(yào)考慮為(wèi)下(xià)面這(zhè)些東西(xī)增加指南:
品牌曆史、願景和(hé)個性化信息。這(zhè)些在品牌寶典中很(hěn)常見(jiàn),可(kě)能(néng)在标準的設計指南中不多見(jiàn)。
社交媒體指南,包括應該分享的文章(zhāng)類型,還有各種品牌元素應該如(rú)何用于各社交網站。
網站中的設計布局和(hé)栅格系統标準,有時(shí)印刷廣告中也有。
其他(tā)材料的指南,比如(rú)宣傳冊或名片。
所有元素的使用樣例。
如(rú)果你想看(kàn)一(yī)些有啓發性的設計風(fēng)格指南案例,看(kàn)看(kàn)我們去年(nián)秋季發布的20套啓發性的品牌指南。
設計指南的長(cháng)度可(kě)以從(cóng)一(yī)個頁面到幾十頁,取決于品牌的複雜(zá)度,還有市場推廣材料的種類。
如(rú)果是極簡的網站,隻有一(yī)個logo設計、明(míng)确的字體和(hé)用色,沒有線下(xià)的材料,單頁的設計指南勉強是夠了(le)。
但(dàn)是,一(yī)個擁有衆多部門、涉及諸多市場的巨型跨國(guó)企業,廣告橫跨衆多媒體,就需要(yào)類似一(yī)本書(shū)來闡明(míng)所有用法。
不論哪種,你的設計指南隻需要(yào)包含必要(yào)元素,但(dàn)是要(yào)精确傳達品牌視(shì)覺風(fēng)格等信息。
你的設計指南不是一(yī)塊石頭。品牌是會進化的。會有新logo出現。網站會進行(xíng)重設計。市場推廣材料會更新。重要(yào)的是确保設計指南随着其他(tā)更新一(yī)并更新。
設計指南也有助于确保品牌以一(yī)種無縫的方式升級,盡量不會疏遠你的用戶。看(kàn)品牌升級進展到哪裏了(le),可(kě)以指出其自(zì)然進化的方向,好過鮮明(míng)的反差。
雖然設計指南應該具有流動性,會随時(shí)間(jiān)變化,但(dàn)還是要(yào)能(néng)查閱舊(jiù)版本的設計指南。而且要(yào)确保你對設計指南做(zuò)出的任何更改都(dōu)是經過深思熟慮的,而不是無視(shì)現存設計指南的借口。
因為(wèi)設計指南會随時(shí)間(jiān)變化,确保每個需要(yào)的人(rén)都(dōu)能(néng)獲得最新版本,這(zhè)非常重要(yào)。由于要(yào)更改指南的日期與版本,将文件放在雲端服務器或其他(tā)中心位置是個好主意。
設計指南中的元素可(kě)以整合進網站中。包括CSS文件開(kāi)頭的注釋,大概描述一(yī)下(xià)顔色和(hé)所用字體,可(kě)以确保你遵循設計指南。
一(yī)套完整的設計指南,對于任何可(kě)能(néng)使用它的人(rén)來說應該要(yào)簡單易用。讓人(rén)可(kě)以通(tōng)過公司服務器或雲端服務器訪問(wèn)也是個不錯的辦法。你可(kě)以在CSS文件中包含一(yī)個鏈接,或是通(tōng)過其他(tā)方法(除非它有密碼保護或是放在內(nèi)部服務器上(shàng),不然實際上(shàng)都(dōu)應該允許公衆訪問(wèn))。
越來越多公司向公衆開(kāi)放了(le)它們的設計指南。它的意義在于:
讓需要(yào)它的人(rén)(設計師(shī))可(kě)以輕松獲得這(zhè)些信息。你可(kě)以給他(tā)們一(yī)個鏈接,而不用發郵件或是提供密碼。
使品牌更加透明(míng)。
如(rú)果你的品牌有新聞媒體報道(dào)時(shí),它會很(hěn)有用,因為(wèi)記者可(kě)以獲得關于如(rú)何使用你們logo的信息等等。而不用等你的公關部門(或個人(rén))回複他(tā)們。
當然,如(rú)果你決定公開(kāi)你的設計規範,你就得保證它設計精良,和(hé)其他(tā)任何銷售和(hé)市場推廣材料一(yī)樣。這(zhè)會增加創建設計指南的成本和(hé)時(shí)間(jiān),使得修改它也更加困難。
公開(kāi)的設計指南也讓其他(tā)品牌抄襲你變的容易。但(dàn)你做(zuò)什麽都(dōu)無法阻止别人(rén)這(zhè)麽做(zuò)(除非法律途徑),設計指南确實使這(zhè)一(yī)點更容易。它為(wèi)品牌抄襲者減少(shǎo)了(le)步驟。
不過,一(yī)旦你對自(zì)己品牌和(hé)業務有信心,這(zhè)一(yī)點對是否公開(kāi)沒多大影響。
将它作(zuò)為(wèi)內(nèi)部文件,更新和(hé)修改會更方便,對于初創公司非常重要(yào)。指南本身也不需要(yào)“設計”,讓它盡可(kě)能(néng)保持功能(néng)性。當你的設計師(shī)工(gōng)作(zuò)負擔很(hěn)重,這(zhè)麽做(zuò)是有巨大好處的。
設計指南的要(yào)點,是為(wèi)所有人(rén)簡化和(hé)加速設計過程。确保它具備這(zhè)個作(zuò)用,不論公開(kāi)與否。