E&E視覺識別系統 Visual Identity System

應先掌握基礎系統

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

嚴格執行規定

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

盡量採誤差小的使用方式

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

Logo 的製圖規範，主要用來闡述標誌的科學繪製法，以此來衡量，確定標誌的造型比例及空間距離的相互關系。在製作各種相關項目過程中必須遵循，以求標誌的精確比例及視覺形象的統一。本意義在於告知品牌形象的使用者認識此標誌的正確形態，能夠避免錯誤的使用或為實施供應商把關，而不是將標誌進行重繪。

標準型態與組合

商標的呈現雖然在不同環境底下需要進行不同的微調，但基本上仍需盡力維持一貫的樣式，避免產生混淆。

1.露出媒介（包含網路、印刷品與活動等）。
2.使用盡可能以深色底作為搭配。
3.由根據許可的第三方（合作夥伴通信、合作營銷、贊助等）來進行使用。

標準網格製圖規劃

藉由精密繪製與視覺修正，主要用於快速繪製出準確的標誌，從單位方格中將標誌的造型比例、空白距離等相互關係表達出來，製作時候依照此標準原樣放大、縮小與複製。

經過網格系統我們可以清楚知道，中心區域的上下兩邊的圖形面積是不同的，因此商標的中心線 (real center) 與視覺中心線 (visual center) 也會不同，置放時請務必參照視覺的中心線。

a 為一個基本計算單位

淨空區域

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

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

最小使用尺寸

為因應 logo 在各種條件下都能維持一定的辨識度與一致性，因此制定了不同方式的排列，讓使用者得以依照需求使用合適的呈現。上方圖示為標誌的各尺寸區間使用方式，及最小使用尺寸，在使用時不得小於此，以避免因標誌太小而不易辨識。

錯誤使用範例

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

1 商標與標準字比例不正確
2 標準字字體錯誤
3 避免旋轉logo
4 禁止傾斜logo
5 須使用標準色
6 底色需使用企業標準色或輔助色
7 避免使用各種形狀之外框
8 禁止將logo增加額外效果
9 商標與標準字排列不正確
10 避免放置於複雜的底圖上

標準色

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

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

輔助色

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

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

特殊色

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

A. 標誌於白色/淺色背景時，印銅/金（特別色）呈現。
B. 標誌於黑色/深色背景時，印銅/金（特別色）呈現。

燙色因各家廠商使用之材質不同，無法指定專門用色號，使用時可請廠商提供色樣，並挑選最接近的樣式。

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

印刷用字型

圖為本識別內文應用於所有印刷上能使用的中、英文字型(源流明體/ Adobe Garamond Pro)依照不同情況區分出不同的選擇和使用方式。以下為中、英文兩種字型的標準用法，也可視情況做調整:

a. 主標 24pt _ 行距 36pt _ 源流明體 Bold / Medium / Regular
b. 副標 11pt _ 行距 17pt _ 源流明體 Medium / Regular
c. 內文 8pt _ 行距 13pt _ 源流明體 Regular

d. 主標 22pt _ 行距 26pt _ Adobe Garamond Pro Bold / Regular
e. 副標 13pt _ 行距 17pt _ Adobe Garamond Pro Bold / Regular
f. 內文 8pt _ 行距 12pt _ Adobe Garamond Pro / Regular

網頁用字型

與印刷字型不同，網頁所能使用的字型有限，使用原則在於不能控制程式或媒體時，建議使用此字體。以下為中、英文兩種字型的標準用法，也可視情況做調整:

g. 主標 24pt _ 行距 36pt _ 思源宋體 Bold / Medium / Regular
h. 副標 11pt _ 行距 17pt _ 思源宋體 Medium / Regular
i. 內文 8pt _ 行距 13pt _ 思源宋體 Regular

k. 主標 22pt _ 行距 26pt _ Crimson Text Bold / Regular
m. 副標 13pt _ 行距 17pt _ Crimson Text Bold / Regular
n. 內文 8pt _ 行距 12pt _ Crimson Text Bold / Regular

改變比例與例外情況

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

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

輔助圖形的用途在於補足標誌應用的不足，充實和豐富品牌視覺形象，充分展現品牌之美，是透過品牌理念發展出來的延伸設計。輔助圖形可配合視覺需要做配色調整，但須注意不可使用不符合視覺之配色。

【樣式Ａ】為品牌主要的輔助圖形樣式，可大量應用於品牌延伸物。藉由兩種曲線的交織加以展現品牌的優雅浪漫，曲線的排列帶有藝術、自由隨性，代表著享受質感生活的品味態度。應用時，曲線樣式可遵循「優雅」的意象做變化（如圖），可隨性排列，但須注意「保持視覺簡潔、協調」不可過於複雜繁瑣（兩種曲線在同畫面上各只能有一條）。

【樣式B】為logo的反覆排列，應用時，可適當的調整logo大小，此樣式可用於大面積如襯紙、包裝紙等次要的品牌延伸物，使用平率必須低於樣式Ａ。