設計規範是個協助品牌經營者和設計師有效對話的工具,無論是外包溝通、或是內部執行,能大幅降低製作視覺素材的時間,而且產出的成果不會有太大落差。如果你想要有效率的經營品牌形象,而且看起來專業的話,製作自己的設計規範準不會錯!
重點得到
- 了解設計規範需要涵蓋的項目
- 可操作的設計規範模板
設計規範的目的-降低溝通成本、提高視覺工作效率
品牌經營有 3 個重點定位:市場定位、品牌價值定位、視覺定位。前兩者跟商業策略有關聯,視覺定位則是依據前兩者的結果,決定用怎麼樣的形象推給大眾。
視覺定位一般由設計師參與,了解品牌的初衷、核心價值、經營市場、未來會出現的場域……種種品牌資訊後,協助品牌製作識別(Logo)與後續製作物。
此時,設計師會特別出一份設計規範 Design Guideline,讓老闆/客戶收到設計成果之後,了解後續如何使用,等同於說明書的存在。不過,並不是每個識別製作設計師都會提供,有沒有跟做到多細,和專案的大小和付的費用有關。
如果你沒有,很建議你自己定義一份,它能為你帶來眾多的好處!
擁有設計規範的實質好處
- 風格一致性
與外包設計師合作時,會依循你的視覺規範交付成果,不用全部都等同一個設計師影響進度,調度或規模擴增時更有彈性。
- 減少溝通成本
遵循一樣的規則,不用花大筆溝通時間,卻擁有同樣成果。
- 減少思考時間
如果你要自己做,有規範會大幅減少你被設計選項困住的時間,按照規則走就好。
- 製作模板更容易
只要用一樣的配色與元素,就能發展出不同尺寸、不同形式的模板:如文章封面、IG 圖卡、簡報模板等等,降低做圖負擔,把時間專注在核心內容上。
一份設計規範,會含什麼項目?
設計規範除了 Logo 之外,還包含色彩、字體、形象關鍵字甚至是輔助元素。
額外補充,如果你要經營的是自己(人物品牌),那有沒有 Logo 並不重要,可以忽略第一點,從第二點開始,原因未來會提。
以下是一個設計規範可能會長的樣子,以我自己的為範例:
一、Logo 運用定義
Logo 主要是讓觀看者留下印象,廣泛運用在視覺製作物中,如:網頁、名片、圖卡、大頭貼、實體印刷品……等等,能否適用在不同場合,就是一個選擇 Logo 的標準。
視覺規範中大多會有幾個情境:
- 正常樣式用法
- 深色背景用法
- 純黑白場景用法
一個基本的 Logo 至少要滿足上面三種情境,再去考慮規範橫式擺放、直式擺放。
如果沒辦法滿足,建議你考慮再製,因為可以用的地方太受限了。
另外,為什麼如果你經營的是人物品牌,不用特別在意 Logo 呢?Logo 的用途是讓一般人對品牌產生連結,而你的名字、臉,就跟你的人有強烈的連結。因此剛開始經營不用執著於 Logo,當你需要做週邊、開店、聯名商品……等實體運用時,再規劃也不遲。
更多說明可參考這篇文章:《經營職人品牌,不用特地花錢做Logo!》
二、色彩定義
色彩我會分為形象色彩與搭配用色。
形象色彩
如果你過去對配色沒有很熟悉,會建議你選 1 個顏色作為形象色彩就好,先不要越級打怪選擇雙主色或三主色,未來製作素材時你會陷入配色地獄。
不用怕單一主色單調,透過不同明暗表現,一樣能呈現豐富的畫面效果,而且擁有一致性。
不知道怎麼調整的話,可以試試 Tint & Shade Generator,輸入你的主色色碼就可以看到主色加深、變淺的效果,那些變化都可以運用在你的視覺裡面。
搭配用色
搭配用色指的是文字或次要資訊所使用的顏色,一般會用無彩色(灰階),才能更好的襯出主色風采。
至於為什麼不要用純黑&純白,在《利用文字編輯技巧,讓你的文章更好讀、看起來更專業》有稍微提到,主要是螢幕發光的關係,純黑純白對比度太高,容易產生視覺疲勞。
三、字體定義
視覺排版最忌諱混雜,一開始可能不知道怎麼取捨,想說用不同的字體看起來比較"有設計感",結果畫面反而看起來更雜亂。因此記得縮限選擇,選用一到兩種字型做為你的品牌用字就好,過猶不及。
以下推薦幾種免費商用的字體,也可在網頁中使用:
- 思源黑體-適合大多數風格使用
- 思源明體-適合古典、優雅、或莊嚴的風格
- 源泉圓體-親切、親子、可愛(右上角綠色的 code 點下去,可以看到 download zip)
- Google font 日文字型-樣式更多元,但會有缺字問題,僅適合做標題使用
除了字型之外,文字粗細(字重)也是樣式定義中的一環,記得無論是字型或是粗細,總體變動建議不要超過 2~3 組。
四、形象關鍵字
關鍵字是執行起來最困難的,因為跟想像有關。根據你的品牌理念、願景,從中抓出 3 個關鍵字,做為形象傳遞的主調。
比方說我們的客戶中有販售健康食品的,加上創辦人成立原因與家庭有濃厚連結,抓取形象關鍵字時,最後選了家人、關係、未來、把關,當做輔助圖的發想源頭,未來挑選圖庫圖片或拍攝形象照時,就可以依循關鍵字找圖,營造品牌想傳達的意象。
關鍵字的選定可以是名詞、形容詞、副詞,但做過許多的設計規範後,我的經驗中形容詞是最好切入的!
五、搭配元素 or 輔助圖型
這二者是設計規範中不一定有的,根據專案規模和 $$ 而定。
搭配元素
網站中常會運用到 icon 或是插圖,如果設計規範也有定義到此細節的話,團隊或外包的設計師在發展新的圖像時,就能設計出同一風格的素材。
一般會定義元素的呈現形式,比方說:線條、色塊、寫實、3D 立體
或是色彩搭配:漸層、單色、輔色、透明感
輔助圖型
一般只有完整型專案才會特別設計,可能是摘取識別的局部細節、或是依據品牌形象,規劃出特殊的花樣運用在各種製作物中。
麥當勞就是個運用很廣的經典案例,你可以看到他們的包裝、廣告,都會大幅運用一些共通性的元素,輔助圖型的存在能幫助設計師有更多的素材,去創造視覺的一致性,增加畫面的豐富度。
小結|動手定義你自己的品牌設計規範吧!
這邊提供一個基本 Guideline 的規格表,你可以依序將色彩、字體、關鍵字、輔助圖型填入對應的地方,這份文件將成為你未來製做視覺素材的指南。
當你需要外包給其他設計師時,只要給出這份文件,相信設計師就能很好的抓住你的品牌形象,提供屬於你的視覺成果。
資料來源:
AdAge – MCDONALD’S NEW VISUAL IDENTITY AIMS TO MAKE EVERY BRAND INTERACTION A FEEL-GOOD MOMENT https://adage.com/creativity/work/mcdonalds-new-visual-identity/2184596