Logo
Title 01a
Title 01b
Title 01c
Img 01e
Title 02a
Img 02a

應先掌握基礎系統

本手冊按照由基礎至應用系統的順序編排,基礎系統是整個VI的基石,應用系統是基礎元素的具體使用。兩系統既相對獨立,又有相聯系。在使用時,應首先明確基礎系統的指導原則和基本規定,在按照應用系統的規範執行,避免錯誤使用。

Img 02b

嚴格執行規定

(一)凡手冊明確規定的條文,規範和規格,如基礎部分和應用系統中的各項具體規定,應嚴格遵守,不得隨意更改。(二)凡手冊明確規定的部分,如今後新增的應用設計項目,凡設計標誌、標準字、標準色等基本要色,必須嚴格尊守基礎系統的有關規定,不得擅自更改。其具體表現形式、風格也應參照本手冊類似的應用設計項目,保持整體風格一致。

Img 02c

盡量採誤差小的使用方式

實施應用設計項目時,對使用的圖形,應盡量從所附電子檔中選取。在無法使用電子文件的情況下,可按本手冊規定的制圖法生產。使用的色彩以本手冊提供色值為基準,同時要考照手冊提供的色彩樣票。

2.3 淨空區域

Img 03c

制定出淨空區域的用途在於避免標誌使用於各種視覺媒體上時,與其他元素相搭配時造成視覺混淆,而喪失了標誌的意義。設定淨空範圍如上方圖示,以符合在任何元素搭配時,標誌本身的注視度不會被淹沒在其他元素中。

淨空範圍的尺寸為標誌本身長度的四分之一到八分之一,使用時請確認商標的淨空範圍,勿嚴重干擾。

Img 03e1

2.4 最小使用尺寸

Img 03c

為因應logo在各種條件下都能維持一定的辨識度與一致性,因此制定了不同方式的排列,讓使用者得以依照需求使用合適的呈現。

上方圖示為標誌的各尺寸區間使用方式,及最小使用尺寸,在使用時不得小於此,以避免因標誌太小而不易辨識。

2.5 錯誤應用範例

Img 03c

為因應logo在各種條件下都能維持一定的辨識度與一致性,因此制定了不同方式的排列,讓使用者得以依照須求使用合適的呈現,請避免以下使用:

A 商標與標準字比例不正確
B 標準字字體錯誤
C 避免旋轉logo
D 禁止傾斜logo
E 須使用標準色
F 底色需使用企業標準色或輔助色
G 避免使用各種形狀之外框
H 禁止將logo增加額外效果
I 商標與標準字排列不正確
J 避免放置於複雜的底圖上

Download
Img 04a
Title 05a

3.1 標準色

Img 03c

品牌應遵照制定之形象來經營,標準色即是第一線與消費者接觸最廣泛快速的部分,也是幫助辨識品牌很重要的形象元素。使用時請確保用色都是正確的,除非遇到特殊狀況,或是在不同平台媒介所造成的設備誤差,否則皆以手冊提供具有固定數值隻色彩為準。

在有彩色呈現時,建議運用 Pantone Solid Uncoated(非光滑面)制定之標準色,如欲使用於光滑面,請另使用Pantone Solid Coated(光滑面)之色票,一般印刷則可選用 CMYK 即可,RGB 則用於多媒體呈現。
注意!採用單色或無法使用漸層食,請使用【單色】樣式。

3.2 輔助色

Img 03c

品牌應尊照制定之形象來經營,輔助色正如其名,扮演著輔助的角色。兩種使用原則:一為與標準色類似的顏色,補充其不足,可以增加不同環境使用的協調性;二為與標準色對比的色彩,作為強調與標準色相補,用於做對比。特別列出以下輔助色使用規則:

A. 標誌置於標準色或輔助色背景時,下需反白。
B. 標誌置於深色或黑色背景下時,可呈現標準色。
C. 標誌置於淺色與接近白色背景下時,可呈現標準色。
D. 標誌於白色背景下時,可呈現標準色。

在有彩色呈現時,建議運用 Pantone + Solid Uncoated(非光滑面)制定之標準色,如欲使用於光滑面,請另使用 Pantone + Solid Coated(光滑面)之色票,一般印刷則可選用 CMYK 即可,RGB 則用於多媒體呈現。

3.3 後加工與特殊色

Img 03c

後加工特殊色用於不同環境之特殊需求,彰顯標誌,特別列出以下特別色使用規則:

A. 標誌於白色/淺色背景時,印金/銅(特別色)呈現。
B. 標誌於黑色/深色背景時,印金/銅(特別色)呈現。

注意!使用後加工特殊色印製時,請使用【單色】樣式(如圖)。燙色因各家廠商使用之材質不同,無法指定專門用色號,使用時可請廠商提供色樣,並挑選最接近的樣式。

Download
Title 06a

使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使用不同或差異極大的字型設定。

4.1 印刷與網頁用字型

Img 03c

圖為本識別內文應用於所有印刷上能使用的中、日、英文字型(思源宋體 / 源ノ明朝 / Crimson Text)依照不同情況區分出不同的選擇和使用方式。

與印刷字型不同,網頁所能使用的字型有限,使用原則在於不能控制程式或媒體時,建議使用此字體。

4.2 標準用法

Img 03c

以下為中、日、英文三種字型的標準用法,也可視情況做調整:

|中文|
a. 主標24pt,行距32pt,思源宋體 Bold / Medium
b. 副標11pt,行距17.8pt,思源宋體 Medium / Regular
c. 內文8pt,行距14.8pt,思源宋體 Regular

|日文|
d. 主標24pt,行距32pt,源ノ明朝 Bold / Medium
e. 副標11pt,行距17.8pt,源ノ明朝 Medium / Regular
f. 內文8pt,行距14.8pt,源ノ明朝 Regular

|英文|
g. 主標24pt,行距28.8pt,Crimson Text Bold / SemiBold
h. 副標14pt,行距16.8pt,Crimson Text SemiBold / Regular
i. 內文8pt,行距12.8pt,Crimson Text Regular

4.3 改變比例與例外狀況

Img 03c

請依排版需求,將標準用法直接縮放,就能得到正確標題、副標以及內文之正確比例。但須注意在任何視覺媒體上,內文不得小於5pt。(一般書籍、雜誌等閱讀性內文不得小於8pt)。

為了增加設計的自由度,在強調表現時,可運用其他與原設定字型差異不大之字型做為強調文字,字型大小須依據原設定之文字內容做調整,切勿使用差異過大或比例變形之字型之影響視覺美感。

Img 06b1
Img 06b2
Download
Title 07a

輔助圖形的用途在於補足標誌應用的不足,充實和豐富品牌視覺形象,充分展現品牌之美,是透過品牌理念發展出來的延伸設計。【樣式1】上圖為配合嫁娶視覺所延伸出的線條,主要係由繩結綁法構成,可變換綁法,以能彰顯品牌視覺意象為主。另外也可配合視覺需要做配色調整,但須注意不可使用不符合視覺之配色。【樣式2】此樣式適合大面積呈現時使用,通常用於背景,可配合視覺需要做配色調整,但須注意不可使用不符合視覺之配色。

【樣式1】

Img 07a1
Img 07a2

【樣式2】

Img 07a3
Download
Img 08
Img 09