一、首先要先知道 CIS 企業識別系統 跟 LOGO 設計 的不同?
很多人會搞混 CIS 企業識別系統 (corporate identity system)和 LOGO 設計(logo design)有什麼不同,但其實是兩個不同的概念。
企業識別系統是指一系列元素,如企業標誌、顏色、字體、排版、用語…等,用來建立企業的品牌形象,當中企業標誌就是LOGO設計的過程得出的成果,讓人們看到這些元素時會自然而然想到這個品牌,當中總結會有四大部分
1. 理念識別系統 (Mind Identity,簡稱MI)
是比較偏精神層面,如企業精神、企業理念和營運方針的訂定,例如像Costco的保證退貨的制度。
2. 行為識別系統 (Behavior Identity,簡稱BI)
屬於是形象面的,例如像到某些餐飲品牌都會有獨特的迎客或是接待客戶的方式,在進門敲鑼打鼓或接待時的鞠躬90度,抑或是像超商都會有自己獨特的自動門歌曲。
3. 視覺識別系統 (Visual Identity,簡稱VI或VIS)
簡單來說就是透過視覺和色彩讓人們可以透過眼睛辨識企業想表達的的整體樣貌,當中又包含了下一點。
4. 企業標誌設計(Logo設計)
透過圖形和文字表達品牌特色,再透過顏色傳達品牌個性和氛圍,另外也會針對Logo發想故事去闡述情感和由來。
Logo 品牌故事

- 企業標準色設定:
依據企業理念和品牌形象去進行設定,例如源自於美國德州的 7-11,主要顏色為橘、紅、綠三種顏色。 橘色代表「黎明的天空」、綠色代表「沙漠中的綠洲」、紅色代表「黃昏的天空」就是典型西部片中的德州牛仔背景。
- 中英文標準字設計:
包含專屬字體的設計、字體的粗細…等變化。
- 企業標誌與標準字應用組合:
主要針對 LOGO 和中英文字配搭時做規劃,例如 Logo 單獨使用、 Logo 遇到中文直式時要如何擺放。
- 企業標誌應用規範:
針對 Logo 的使用進行規範定義,如 Logo 的最小尺寸、 Logo 和文字的安全間距、運用在黑色印刷或彩色印刷時要注意的事項等,除了正確使用方式也包含錯誤使用範例,確保 VI 視覺識別系統在企業所有面對人們的形象都有一致性。
- 企業識別系統可以運用層面包括:
依據企業理念和品牌形象去進行設定,例如源自於美國德州的 7-11,主要顏色為橘、紅、綠三種顏色。 橘色代表「黎明的天空」、綠色代表「沙漠中的綠洲」、紅色代表「黃昏的天空」就是典型西部片中的德州牛仔背景。
包含專屬字體的設計、字體的粗細…等變化。
主要針對 LOGO 和中英文字配搭時做規劃,例如 Logo 單獨使用、 Logo 遇到中文直式時要如何擺放。
針對 Logo 的使用進行規範定義,如 Logo 的最小尺寸、 Logo 和文字的安全間距、運用在黑色印刷或彩色印刷時要注意的事項等,除了正確使用方式也包含錯誤使用範例,確保 VI 視覺識別系統在企業所有面對人們的形象都有一致性。
a.辦公用品(信封、信紙、名片、工作證、資料袋等)
b.企業內外部建築裝潢(旗幟、招牌、廣告牌、標示牌、牆壁粉刷等)
c.交通工具(公司車、廣告時的大眾運輸等)
d.服裝服飾(制服、領帶、鈕扣、工作帽、穿搭配色等)
e.廣告媒體(網頁設計、報章雜誌、網路媒體廣告、電視廣告等)
f.產品包裝(紙盒、紙箱、包裝紙、貼紙、提袋等)
g.公關品(禮盒、賀卡、年曆、雨傘、打火機、馬克杯等)

二、那 CIS 企業識別系統 又會影響到網頁設計什麼?
其實會影響到的範圍十分大
1. 網頁配色
會隨著規範當中的主題色、輔助色、強調色,並遵守系統規範中包含顏色之間的搭配、重疊時要注意的事項去進行版面的顏色配置,包含主選單、主視覺、段落配色、按鈕、主標副標文字、頁尾..等。

2. 網頁字體
細體、粗體、文字比例

3. 版面設計
版面設計時,網站框架的排版方式,框架之間的間距,這部分其實非常少見,但在國際精品品牌客戶就很會遇到,有些甚至會連圖片之間的間距是多少都會有明確定義。

4. 企業標誌的形狀或是延伸含義
例如企業標誌的故事含義或是圖形設計,也都會運用在網頁當中的背景元素、圖片的邊緣的角度或是側邊欄的導引列中。

三、如果找振作幫您規劃CIS企業識別系統會有什麼流程?
規劃企業識別系統會有兩個階段
1. 設計企劃階段
透過深入了解客戶品牌創立的企業文化和理念與歷史,到了解目標銷售對象,透過不斷聚焦的過程去決定整體設計的方向。
步驟包含:探訪需求、整理需求、尋找資料、深度聚焦、決定方向。

2. 設計實作階段
延續設計企劃階段的結論進行整體 CIS 的實作,過程包含:企業 LOGO 標誌設計、色彩計畫、中英文名標準字與字型設計、標誌與中英文字應用組合規範、企業 VI 應用規範手冊制定、企業識別系統延伸物實作。

四、看到這時候你可能會問,振作跟其他網頁設計公司有什麼不同?
1. 因為我們擁有一條龍的服務,對於客戶只要單一窗口溝通。
2. 我們擁有相對應的部門,從Logo設計、網頁製作到後續行銷品牌推廣,能夠陪著品牌成長從0到1。
振作雲科技的網頁設計案例:「2023網頁設計必看」如何做出一個吸引人的網站,必須注意的網頁設計重點