– 視覺識別系統 –
USER’S GUIDE
– 使用指南 –
1. 應先掌握基礎系統
本手冊按照由基礎至應用系統的順序編排,基礎系統是整個視覺識別系統的基石,應用系統是基礎元素的具體使用。兩系統既相對獨立,又有關聯性。使用時,應首先明確基礎系統的指導原則和基本規定,再按照應用系統的規範執行,避免錯誤使用。
2. 嚴格執行規定
(一) 凡手冊明確規定的項目、規範和規格,如基礎部分和應用系統中的各項具體規定,應嚴格遵守,不得隨意更改。
(二) 凡手冊明確規定的部分,如今後新增的應用設計項目,凡設計標誌、標準字、標準色等基本要素,必須嚴格遵守基礎系統的有關規定,不得擅自更改。其具體表現形式、風格,也應參照本手冊類似的應用設計項目,保持整體風格一致。
3. 盡量採用誤差小的使用方式
實施應用設計項目時,對使用的圖形,應儘量從本手冊下載。使用的色彩以本手冊提供色值為基準。
CONCEPT
– 設計概念 –
每一次的品牌溝通都應該把握住這些特色,讓人能看到品牌商標時就能充分連結這些想法。商標設計的方向與品牌宗旨須有一定的連結,後面章節會更詳細界定商標的制定準則。
立體
擴增
韌性
速度
永續
LOGOTYPE
– 商標與標準字組合 –
商標的呈現雖然在不同環境底下需要進行不同的微調,但基本上仍需盡力維持一貫的樣式,避免產生混淆。
標準商標與標準字組合方式
需要於方形或圓形組合形式露出時使用,此組合為第一順位使用搭配。
長橫幅組合方式
需要於長橫幅形式組合露出時使用,此組合為第一順位使用搭配。
長直幅組合方式
需要於長直幅形式組合露出時使用,此組合為第一順位使用搭配。
VISUAL CENTER
– 視覺中心 –
人眼的視覺中心與物理中心並不絕對相同,而商標與標準字在不同比例的組合方式會造成視覺中心不同的偏移,置放時請務必參照視覺中心設定。
CLEAR SPACE
– 淨空區域 –
商標周邊需要保留一定的淨空區域,才能保證商標在每次出現時,都保有一定的辨識度,不至於被其他因素或元件干擾而影響品牌商標的獨特性。
MINIMUM SIZE
– 最小使用尺寸 –
為因應商標在各種條件下都能維持一定的辨識度與一致性,因此制定了最小使用尺寸,讓使用者得以依照需求使用合適的呈現。
- 上圖為標誌的最小使用尺寸,在使用時不得小於此,以避免因標誌太小而不易辨識。
- 上圖標示以印刷使用 (最細線段不小於0.25pt) 為基準,不同製作加工方式有不同的限制,應依右圖設定為基礎調整。
- 先掌握各元素最小尺寸設定,再依據實際使用狀況調整使用。
BRAND COLOR
– 品牌色彩 –
品牌應遵照制定出的形象來經營,其中一個環節:標準色,即是在第一線與消費者接觸最廣泛快速的部分,也是幫助辨識品牌很重要的形象元素。品牌經營時請確保使用中的顏色都是正確的,除非遇到特殊狀況,或是在不同平台媒介所造成的設備誤差,否則皆以本手冊提供具有固定數值的顏色為準。
標準色
PANTONE 199C
CMYK 0 100 90 0
RGB 230 0 32
HEX E60020
PANTONE Black 7C
CMYK 0 0 0 91
RGB 61 57 53
HEX 3D3935
PANTONE Trans. White
CMYK 0 0 0 0
RGB 255 255 255
HEX FFFFFF
輔助色
PANTONE
2707C
CMYK 5 2 0 0
RGB 244 248 252
HEX F4F8FC
PANTONE
7541C
CMYK 4 0 3 0
RGB 245 249 247
HEX F5F9F7
PANTONE
663C
CMYK 2 3 2 0
RGB 251 249 249
HEX FBF9F9
PANTONE
2394C
CMYK 100 15 0 0
RGB 0 136 205
HEX 0088CD
PANTONE
2370C
CMYK 100 95 0 0
RGB 47 43 148
HEX 2F2B94
PANTONE
2252C
CMYK 100 0 100 0
RGB 0 164 76
HEX 00A44C
PANTONE
329C
CMYK 100 50 70 0
RGB 0 102 94
HEX 00665E
PANTONE
1655C
CMYK 0 80 90 0
RGB 255 77 0
HEX FF4D00
PANTONE
199C
C 0 M 100 Y 90 K 0
R 230 G 0 B 32
HEX E60020
中性色
PANTONE
Cool Gray 10 C
CMYK 0 0 0 75
RGB 100 100 100
HEX 646464
PANTONE
Cool Gray 6 C
CMYK 0 0 0 40
RGB 194 194 194
HEX C2C2C2
PANTONE
427C
CMYK 0 0 0 10
RGB 232 232 232
HEX E8E8E8
燙金加工
燙金箔因各家廠商略有不同,無法指定專門用色號,使用時可請廠商提供色樣,並挑選最接近的樣式。使用時機及規範請參照色彩搭配原則做規劃。
亮紅金
霧銀
TYPEFACE
– 字體設定 –
網頁、商品、印刷品或是文件,都應考慮到字體表情的一致性,嚴禁任意使用不同的字型,尤其是字體樣式相差許多的字型。
標準用法
此處所展示的,是本品牌文字在所有介面呈現上,所能使用的三種字體。字體的使用上,視情況而區分出不同的選擇和使用方式。
主標
源泉圓體 Medium + Nunito SemiBold
字級 26pt
行距 34pt
副標
源泉圓體 Regular + Nunito Regular
字級 16pt
行距 24pt
內文
源泉圓體 Light + Nunito Light
字級 12pt
行距 20pt
源泉圓體 + Nunito
源泉圓體 Light + Nunito Light
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*
源泉圓體 Regular + Nunito Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*
源泉圓體 Medium + Nunito SemiBold
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*
源泉圓體 Medium 26級字 + Nunito SemiBold 26pt
源泉圓體 Regular 16級字 + Nunito Regular 16pt
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬零壹貳參肆伍陸柒捌玖億仟佰拾萬仟佰拾元上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名善器嚴執孟孫學宜容專少山師席常幼序從性恩恭情惰應成所才揚擇教敬數文斷方於族昔時智曾有朋本杼某梨機次欲此歲溫為燕玄玉琢畜當相知石祖禮稷稻穀窮竇竹粱紊絲綱習老者而能自至與苟菽處融親調識讓貴身近運過道遠遷鄰長非革音順飼養首香高麥黍齡圓體源泉。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!”(%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*ÆÁÂÂÀÅÃÄÇÐÉÊÈËÍÎÌÏÑÓÔÒØÕÖÞÚÛÙÜÝáâæàåãäçéêèðëíîìïñóôòøõößþúûùüýÿ
請依排版情況,將上述標準用法直接縮放,就能得到正確內文、標題和主題顯示比例。但需要注意,在任何視覺顯示媒體上,內文的顯示不得縮至小於 5pt。
網頁替代字體
H1
font-size: 48px;
line-height: 56px;
H2
font-size: 38px;
line-height: 46px;
H3
font-size: 32px;
line-height: 40px;
H4
font-size: 26px;
line-height: 34px;
H5
font-size: 22px;
line-height: 30px;
H6
font-size: 18px;
line-height: 24px;
p
font-size: 16px;
line-height: 24px;
思源黑體 + Nunito Sans
@IMPORT
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&family=Nunito+Sans&display=swap');
Specify in CSS
font-family: 'Nunito Sans', 'Noto Sans TC', sans-serif;
H1H2H3H4H5H6
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz一二三四五六七八九十百千萬零壹貳參肆伍陸柒捌玖億仟佰拾萬仟佰拾元上中下左右大小春夏秋冬東南西北金木水火土天地日月星黑白紅橙黃綠藍靛紫食住衣行育樂忠孝仁愛信義和平子曰父母兄弟夫婦君臣馬牛羊雞犬豕喜怒哀懼惡目耳口手足見聞聲貝車雨赤青言語魚鳥羽電不乃之乎人以何俱倫儀先光入具初則匏協去友同名善器嚴執孟孫學宜容專少山師席常幼序從性恩恭情惰應成所才揚擇教敬數文斷方於族昔時智曾有朋本杼某梨機次欲此歲溫為燕玄玉琢畜當相知石祖禮稷稻穀窮竇竹粱紊絲綱習老者而能自至與苟菽處融親調識讓貴身近運過道遠遷鄰長非革音順飼養首香高麥黍齡思源谷歌。,、;:「」『』()─?!…﹏《》〈〉_.~1234567890?“!” (%)[#]{@}/&\<+÷×=>®©$€£¥¢:;,.*ÆÁÂÂÀÅÃÄÇÐÉÊÈËÍÎÌÏÑÓÔÒØÕÖÞÚÛÙÜÝáâæàåãäçéêèðëíîìïñóôòøõößþúûùüýÿ
例外字體:
為了增加設計者的自由度,在強調表現時,可以運用例外字體作為強調文字,但需要考量版面中,已做設定的主標文字大小。使用上不能和主標字體相同大小,至少要大兩級以上才能使用此例外級數的字體。
源柔黑體 Heavy + Nunito ExtraBold
AUXILIARY GRAPHICS
– 輔助圖形 –
輔助圖形以企業標誌造型延伸,搭配整個品牌識別充實和豐富企業的視覺形象,於中心理念的基礎上發展出來的延伸設計,它使標誌在實際運用中達到更豐富的視覺效果,也有統一視覺形象的雙重作用,使最具代表性的企業形象得以正確的被塑造,進而建立社會公眾的一致認知。
Created by Cheerer Marketing Co., Ltd. Nov. 2022