Page 1

企業識別系統使用規範

VISUAL lDENTITY SYSTEM

DESIGN BY CHEERER CREATIVE MARKETING 2016


使用指南 User’s Guide

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

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

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


基 礎 系 統規範 Visual ldentity System

01 品牌形象 1.1 經營理念

04 1.2 設計意涵

02 標誌使用規範

08

2.1 標準型態 2.2 標準網格製圖規劃

2.3 淨空區域

03 彩色使用規範 3.1 表準色 3.2 搭配色

20 3.3 輔助色

04 使用字型規範 4.1 繁體中文 4.2 日文

2.4 最小使用尺寸 2.5 錯誤示範

3.4 特別色

25 4.3 英文

05 輔助圖形使用規範

41

5.1 形態變化 5.2 應用範例

06 視覺模擬

44


品牌形象 Concept 1.1 經營理念 1.2 設計意涵


H2 BIOTECH INC.

5


H2 BIOTECH INC.

:: 品牌理念 :: 初始在日本引進水素產品,主打美容市場。後來推廣給身邊的人使用水 素膠囊,發現有非常好的抗老能力,在食用的膠囊上效果非常明顯,意 外發現,許多身體不適的人都獲得極大的改善。 台灣老化速度為世界第一快,且未獲得良好的老化品質。台灣人口結構 驟變,也因為醫療水準越來越高,老人越活越長,更關鍵的是出生率並 沒有跟著增加,老年人將成為台灣年輕人最重的負擔。水素生技的成立 初衷,就是為了讓所有老年人也能夠擁有更健康的身體,好好選擇自己 想要的老年生活,沒有更多的病痛拖累自己,也盡量不造成小孩的負擔。 水素生技以社會企業為長程目標而創立,想將水素提供給每個需要的人 身上,透過真實不虛親身經歷的每個真實代言人,並將這神奇的效果分 享出來。讓正在面對老化問題的我們能夠擁有一個健康、快樂、活躍的 老年生活,滅少臨終前臥床時間,老年生活能自理、健康、快樂至臨終。

6


H2 BIOTECH INC.

:: 設計意涵 :: 水素生技長期付出心力於老化問題,透過引進水素技術,在美容領域給 予消費者極大的支持,於是在設計理念上定義出「溫暖與愛」的形象。 品牌標誌以「H2 」(水素)作為主體架構,採用點的概念帶出水素極微 小的特性,以增強識別印象。另外透過環繞的線條組成雙手,除了帶表 著女性的優柔唯美,主要想透過視覺傳達水素生技一直以來透過水素產 品做為連結,照顧消費者如同家人,持續給予溫暖與愛的經營理念。色 彩上則配合水素產品為女性美容之性質,採用暖色與淺色做搭配。

7


標 誌 使 用規範 Visualldentity System 2.1 標準型態 2.2 標準網格製圖規劃 2.3 淨空區域 2.4 最小使用尺寸 2.5 錯誤示範


H2 BIOTECH INC.

:: 標準型態 / 中 / 標誌標準字 :: 標誌的呈現雖然在不同環境下需配合做微調,但基本上仍須盡力維持一 貫樣式,避免產生混淆。 A. 露出媒介包含網路、印刷品與活動等,以此樣式為第一順位使用搭配。 B. 使用時需以白色或淺色做為搭配(詳見色彩使用規範)。 C. 由根據許可之第三方(合作夥伴通信、合作營銷、贊助等)來進行使用。 D. 標準字(中、英)一律以橫式排列。

9


H2 BIOTECH INC.

:: 標準型態 / 中 / 橫式 :: 標誌的呈現雖然在不同環境下需配合做微調,但基本上仍須盡力維持一 貫樣式,避免產生混淆。 A. 露出媒介(包含網路、印刷品與活動等)以橫式使用時,以下方樣式 為第一順位使用搭配。 B. 使用時需以白色或淺色做為搭配(詳見色彩使用規範)。 C. 由根據許可之第三方(合作夥伴通信、合作營銷、贊助等)來進行使用。 D. 中、英文標準字一律以橫式排列,英文標準字需置於中文標準字之下。

10


H2 BIOTECH INC.

:: 標準型態 / 英 / 標誌標準字 :: 標誌的呈現雖然在不同環境下需配合做微調,但基本上仍須盡力維持一 貫樣式,避免產生混淆。 A. 露出媒介包含網路、印刷品與活動等,以此樣式為第一順位使用搭配。 B. 使用時需以白色或淺色做為搭配(詳見輔助色使用)。 C. 由根據許可之第三方(合作夥伴通信、合作營銷、贊助等)來進行使用。 D. 英文標準字一律以橫式排列。

11


H2 BIOTECH INC.

:: 標準型態 / 英 / 橫式 :: 標誌的呈現雖然在不同環境下需配合做微調,但基本上仍須盡力維持一 貫樣式,避免產生混淆。 A. 露出媒介(包含網路、印刷品與活動等)以橫式使用時,以下方樣式 為第一順位使用搭配。 B. 使用時需以白色或淺色做為搭配(詳見輔助色使用)。 C. 由根據許可之第三方(合作夥伴通信、合作營銷、贊助等)來進行使用。 D. 英文標準字一律以橫式排列。

12


H2 BIOTECH INC.

:: 標準型態 / 標準字 :: 標誌的呈現雖然在不同環境下需配合做微調,但基本上仍須盡力維持一 貫樣式,避免產生混淆。 A. 露出媒介(包含網路、印刷品與活動等)以純標準字使用時,以上方 樣式為第一順位使用搭配。 B. 使用時需以白色或淺色做為搭配(詳見輔助色使用)。 C. 由根據許可之第三方(合作夥伴通信、合作營銷、贊助等)來進行使用。 D. 英文標準字一律以橫式排列。

13


14

H2 BIOTECH INC.

繪製路徑

:: 標準網格製圖規劃 :: 經過精密繪製與視覺修正,主要用於快速繪製出準確的標誌,透過單位 方格中將標誌的造型比例、空白距離的相互關係精準表達,製作時依照 此標準原樣放大、縮小與複製。 藉由網格系統我們可以清楚知道中心區域的上下兩邊的圖形面積是不同 的,因此商標的中心線(real center)與視覺中心線(visual center)也 有所不同,放置時請務必參考視覺中心線。 商標、標準字與附屬文字的搭配有其比例,使用時除了可以考慮附屬文 字是否呈現,其他一律按照制定之比例來使用。

real center visual center

註:a 為 一個基本機算單位。


15

H2 BIOTECH INC.

:: 標準網格製圖規劃 / 中 :: 經過精密繪製與視覺修正,主要用於快速繪製出準確的標誌,透過單位

21a

方格中將標誌的造型比例、空白距離的相互關係精準表達,製作時依照 此標準原樣放大、縮小與複製。 藉由網格系統我們可以清楚知道中心區域的上下兩邊的圖形面積是不同 的,因此商標的中心線(real center)與視覺中心線(visual center)也 有所不同,放置時請務必參考視覺中心線。 18a

商標、標準字與附屬文字的搭配有其比例,使用時除了可以考慮附屬文 字是否呈現,其他一律按照制定之比例來使用。

real center visual center

1a

註:a 為 一個基本機算單位。

4a

17a


16

H2 BIOTECH INC.

:: 標準網格製圖規劃 / 英 :: 經過精密繪製與視覺修正,主要用於快速繪製出準確的標誌,透過單位

21a

方格中將標誌的造型比例、空白距離的相互關係精準表達,製作時依照 此標準原樣放大、縮小與複製。 藉由網格系統我們可以清楚知道中心區域的上下兩邊的圖形面積是不同 的,因此商標的中心線(real center)與視覺中心線(visual center)也 有所不同,放置時請務必參考視覺中心線。 18a

商標、標準字與附屬文字的搭配有其比例,使用時除了可以考慮附屬文 real center

字是否呈現,其他一律按照制定之比例來使用。

visual center

註:a 為 一個基本機算單位。 1a

20a


17

H2 BIOTECH INC.

:: 淨空區域 ::

5a

5a

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

5a

5a

5a

5a

商標的淨空範圍,勿嚴重干擾。

5a 5a

5a

5a

5a

5a


18

H2 BIOTECH INC.

200mm

:: 最小使用尺寸 ::

中文標識 / 直式 30mm

制定出淨空區域的用途在於避免標誌使用於各種視覺媒體上時,與其他 元素相搭配時造成視覺混淆,而喪失了標誌的意義。設定淨空範圍如右 圖,以符合在任何元素搭配時,標誌本身的注視度不會被淹沒在其他元 素中。 淨空範圍的尺寸為標誌本身長度的四分之一到八分之一,使用時請確認 商標的淨空範圍,勿嚴重干擾。

200mm

英文標識 / 直式 25mm

200mm

中文標識 / 橫式

10mm


19

H2 BIOTECH INC.

:: 錯誤示範 :: 制定出淨空區域的用途在於避免標誌使用於各種視覺媒體上時,與其他

勿傾斜放置

勿刪減原有元素

勿加入其他特效

勿任意變形

元素相搭配時造成視覺混淆,而喪失了標誌的意義。設定淨空範圍如右 圖,以符合在任何元素搭配時,標誌本身的注視度不會被淹沒在其他元 素中。 淨空範圍的尺寸為標誌本身長度的四分之一到八分之一,使用時請確認 商標的淨空範圍,勿嚴重干擾。

勿任意更改編排

須使用標準色

勿置於過於複雜之底圖或制定以外之底色

勿直式排列

勿任意更改編排結構

勿任意加入各種形狀之圖框


色 彩 使 用規範 Visualldentity System 3.1 表準色 3.2 搭配色 3.3 輔助色 3.4 特別色


21

H2 BIOTECH INC.

:: 標準色 :: 品牌應遵照制定之形象來經營,標準色即是第一線與消費者接觸最廣泛 快速的部分,也是幫助辨識品牌很重要的形象元素。使用時請確保用色 都是正確的,除非遇到特殊狀況,或是在不同平台媒介所造成的設備誤 差,否則皆以手冊提供具有固定數值隻色彩為準。 在有彩色呈現時,建議運用 Pantone+Solid Coated ( 光滑面 ) 制定之標 準色,如欲使用於非光滑面,請另使用 Pantone+Solid Uncoated ( 非光 滑面 ) 之色票,一般印刷則可選用 CMYK 即可,RGB 則用於多媒體呈現。

Pantone+Solid Coated 2718 C

Pantone+Solid Coated 176 C

Pantone+Solid Coated 712 C

RGB: 82 / 125 / 229

RGB: 255 / 178 / 184

RGB: 255 / 201 / 153

CMYK: 69 / 44 / 0 / 0

CMYK: 0 / 43 / 17 / 0

CMYK: 0 / 30 / 41 / 0


22

H2 BIOTECH INC.

:: 搭配色 :: 品牌應尊照制定之形象來經營,搭配色用於搭配標準色加以呈現視覺豐 富性或補足標準色不足之類似色。使用時請確保用色都是正確的,除非 遇到特殊狀況,或是在不同平台媒介所造成的設備誤差,否則皆以手冊 提供具有固定數值隻色彩為準。 在有彩色呈現時,建議運用 Pantone+Solid Coated ( 光滑面 ) 制定之標 準色,如欲使用於非光滑面,請另使用 Pantone+Solid Uncoated ( 非光 滑面 ) 之色票,一般印刷則可選用 CMYK 即可,RGB 則用於多媒體呈現。

Pantone+Solid Coated 2728 C

Pantone+Solid Coated 177 C

Pantone+Solid Coated 7410 C

RGB: 0 / 71 / 186

RGB: 255 / 129 / 137

RGB: 255 / 174 / 117

CMYK: 95 / 74 / 0 / 0

CMYK: 0 / 64 / 33 / 0

CMYK: 0 / 43 / 53 / 0


23

H2 BIOTECH INC.

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

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

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

Pantone+Solid Coated 298 C

Pantone+Solid Coated 333 C

CMYK: 59 / 25 / 1 / 0

CMYK: 67 / 15 / 7 / 0

CMYK: 63 / 0 / 37 / 0

RGB: 109 / 171 / 228

RGB: 64 / 180 / 220

RGB: 52 / 217 / 195

Pantone+Solid Coated 2706 C

Pantone+Solid Coated 663 C

Pantone+Solid Coated 531 C

CMYK: 24 / 16 / 2 / 0

CMYK: 11 / 13 / 7 / 0

CMYK: 14 / 27 / 0 / 0

RGB: 204 / 210 / 234

RGB: 231 / 255 / 230

RGB: 226 / 200 / 230

Pantone+Solid Coated 7401 C

Pantone+Solid Coated 705 C

CMYK: 5 / 15 / 41 / 0

CMYK: 2 / 21 / 7 / 0

RGB: 249 / 224 / 164

RGB: 249 / 218 / 223


24

H2 BIOTECH INC.

:: 特別色 :: 特別色用於不同環境之特殊需求,彰顯標誌,特別列出以下特別色使用 規則: A. 標誌於白色背景時,燙金(特別色)呈現。 B. 標誌於黑色背景時,燙金(特別色)呈現。 C. 標誌於白色背景時,燙銀(特別色)呈現。 D. 標誌於黑色背景時,燙銀(特別色)呈現。 燙色因各家廠商使用之材質不同,無法指定專門用色號,使用時可請廠 商提供色樣,並挑選最接近的樣式。

Silver Gold


使 用 字 型規範 Visualldentity System 4.1 繁體中文 4.2 日文 4.3 英文


26

H2 BIOTECH INC.

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

微軟正黑 Microsoft JhengHei

右圖為本識別內文應用於所有印刷上能使用的三種字型,依照不同情況 區分出不同的選擇和使用方式。

微軟正黑體 Light 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ

微軟正黑體 Regular 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ

微軟正黑體 Bold 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ


27

H2 BIOTECH INC.

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

微軟正黑 Microsoft JhengHei

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

微軟正黑體 Light 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ

微軟正黑體 Regular 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ

微軟正黑體 Bold 壹貳叄肆伍陸柒捌玖拾一二三四五六七八九十ㄅㄆㄇㄈㄉㄊㄋㄌㄍㄎㄏㄐㄒㄓㄔㄕ ㄖㄗㄘㄙㄧㄨㄩㄚㄛ ㄜㄝㄞㄟㄠㄡㄢㄣㄤㄥ


28

H2 BIOTECH INC.

微軟正黑

:: 繁體中文 / 標準用法 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

Microsoft JhengHei

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 以下為中文的標準用法,也可視情況做調整: a. 主標 24pt,行距 32pt,微軟正黑體 Bold b. 副標 12pt,行距 19pt,微軟正黑體 Regular c. 內文 8pt,行距 13pt,微軟正黑體 Regular / Light

主標

副標

a. 使用字型設定為品牌識的 字型樣式規範 b. 使用字型設定為品牌識別使用於網頁、印刷品、文件等 用途上的字型樣式規範

內文

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


29

H2 BIOTECH INC.

:: 繁體中文 / 改變比例 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 請依排版情況,將標準用法直接縮放,就能得到正確標題、副標以及內 文之正確比例。但須注意,在任何是覺媒體上,內文不得小於 5pt。(一 般書籍、雜誌等閱讀性內文不得小於 8pt)。

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

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

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


30

H2 BIOTECH INC.

:: 繁體中文 / 例外狀況 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 為了增加設計的自由度,在強調表現時,可運用其他與原設定字型差異 不大之「黑體 Bold」做為強調文字,字型大小須依據原設定之文字內容 做調整,切勿使用差異過大或比例變形之字型之影響視覺美感。

微軟正黑 Microsoft JhengHei


31

H2 BIOTECH INC.

:: 日文 / 印刷字型設定 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

游ゴシック Yu Gothic

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 右圖為本識別內文應用於所有印刷上能使用的三種字型,依照不同情況 區分出不同的選擇和使用方式。

游ゴシック Regular あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつ くしい森で飾られた モーリオ市、郊外のぎらぎらひかる草の波。 祇辻飴葛蛸鯖鰯噌庖 箸 ABCDEFGHIJK LM abcdefghi j kl m1234567890

游ゴシック Medium あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつ くしい森で飾られた モーリオ市、郊外のぎらぎらひかる草の波。 祇辻飴葛蛸鯖鰯噌庖 箸 ABCDEFGHIJKLM abcdefghijklm1234567890

游ゴシック Bold あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつ くしい森で飾られた モーリオ市、郊外のぎらぎらひかる草の波。 祇辻飴葛蛸鯖鰯噌庖 箸 ABCDEFGHIJK LMabc d efghi jklm 1234567890


32

H2 BIOTECH INC.

:: 日文 / 網頁字型設定 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

游ゴシック Yu Gothic

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 與印刷字型不同,網頁所能使用的字型有限,使用原則在於不能控制程 式或媒體時,建議使用此字體。

游ゴシック Regular あ の イ ー ハ ト ー ヴ ォ の す き と お っ た 風、 夏 で も 底 に 冷 た さ を も つ 青 い そ ら、 う つ く し い 森 で 飾 ら れ た モ ー リ オ 市、郊外のぎらぎらひかる草の波。 祇 辻 飴 葛 蛸 鯖 鰯 噌 庖 箸 ABCDEFGHIJK L M ab cdefgh ij klm1 2 3 4 5 6 7 8 9 0

游ゴシック Medium あ の イ ー ハ ト ー ヴ ォ の す き と お っ た 風、 夏 で も 底 に 冷 た さ を も つ 青 い そ ら、 う つ く し い 森 で 飾 ら れ た モ ー リ オ 市、郊外のぎらぎらひかる草の波。 祇 辻 飴 葛 蛸 鯖 鰯 噌 庖 箸 ABCDE FG H I JKLM abcd efg h ijklm1234567890

游ゴシック Bold あ の イ ー ハ ト ー ヴ ォ の す き と お っ た 風、 夏 で も 底 に 冷 た さ を も つ 青 い そ ら、 う つ く し い 森 で 飾 ら れ た モ ー リ オ 市、郊外のぎらぎらひかる草の波。 祇 辻 飴 葛 蛸 鯖 鰯 噌 庖 箸 ABCDE FG HIJ K L M a bcde fgh ijk l m1 2 3 4 5 6 7 8 9 0


33

H2 BIOTECH INC.

游ゴシック

:: 繁體中文 / 標準用法 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

Yu Gothic

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 以下為中文的標準用法,也可視情況做調整: a. 主標 24pt,行距 32pt,游ゴシック Bold b. 副標 12pt,行距 18pt,游ゴシック Bold / Medium c. 內文 8pt,行距 12pt,游ゴシック Regular

主標

副標

內文

a. あのイーハトーヴォのすき とおった風、 b. 夏でも底に冷たさをもつ青いそら、うつくしい森で飾 られたモーリオ市、郊外のぎらぎらひかる草の波。 c. あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつく しい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。あのイーハトーヴォの すきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリ オ市、郊外のぎらぎらひかる草の波。

あのイーハトーヴォのすきとおった風、 夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎら ぎらひかる草の波。


34

H2 BIOTECH INC.

:: 日文 / 改變比例 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 請依排版情況,將標準用法直接縮放,就能得到正確標題、副標以及內 文之正確比例。但須注意,在任何是覺媒體上,內文不得小於 5pt。(一 般書籍、雜誌等閱讀性內文不得小於 8pt)。

a.あのイーハトーヴォのす きとおった風、 b.夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られ

たモーリオ市、 郊外のぎらぎらひかる草の波。

c.あのイーハトーヴォのすきとおった風、 夏でも底に冷たさをもつ青いそら、 うつく しい森で飾られたモーリオ市、 郊外のぎらぎらひかる草の波。 あのイーハトーヴォ のすきとおった風、夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られたモ ーリオ市、 郊外のぎらぎらひかる草の波。

a.あのイーハトーヴォのす あのイーハトーヴォのすきとおった風、 きと おった風、 夏でも底に冷たさをもつ青いそら、 うつ くしい森で飾られたモーリ オ市、 郊外のぎ

らぎらひかる草の波。

b.夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られ

たモーリオ市、 郊外のぎらぎらひかる草の波。

c.あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、 うつく しい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 あのイーハトーヴォ のすきとおった風、夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られたモ ーリオ市、郊外のぎらぎらひかる草の波。 あのイーハトーヴォのすきとおった風、 夏でも底に冷たさをもつ青いそら、 うつくしい森で飾られたモーリオ市、郊外のぎ らぎらひかる草の波。


35

H2 BIOTECH INC.

:: 日文 / 例外狀況 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 為了增加設計的自由度,在強調表現時,可運用其他與原設定字型差異 不大之日文「黑體 Bold」做為強調文字,字型大小須依據原設定之文字 內容做調整,切勿使用差異過大或比例變形之字型之影響視覺美感。

游ゴシック Yu Gothic


36

H2 BIOTECH INC.

Helvetica

:: 英文 / 印刷字型設定 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

Helvetica

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 右圖為本識別內文應用於所有印刷上能使用的三種字型,依照不同情況 區分出不同的選擇和使用方式。

Helvetica Light ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890

Helvetica Regular ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890

Helvetica Bold ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890


37

H2 BIOTECH INC.

Helvetica

:: 英文 / 網頁字型設定 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

Helvetica

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 與印刷字型不同,網頁所能使用的字型有限,使用原則在於不能控制程 式或媒體時,建議使用此字體。

Helvetica Light ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890

Helvetica Regular ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890

Helvetica Bold ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwx yz1234567890


38

H2 BIOTECH INC.

Helvetica

:: 英文 / 標準用法 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣

Helvetica

式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 以下為中文的標準用法,也可視情況做調整: a. 主標 24pt,行距 30pt,Helvetica Bold b. 副標 12pt,行距 18pt,Helvetica Bold / Regular c. 內文 8pt,行距 13pt,Helvetica Regular / Light

主標

a.The 24pt Heedings,30pt Leading.Helvetica

副標

b.The 12pt Heedings,18pt Leading.Helvetica The 12pt Heedings,18pt Leading.

內文

c.The 8pt Heedings,13pt Leading.Helvetica The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading. The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.


39

H2 BIOTECH INC.

:: 英文 / 改變比例 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使

a.The 24pt Heedings, 26pt Leading.Helvetic

a

用不同或差異極大的字型設定。 請依排版情況,將標準用法直接縮放,就能得到正確標題、副標以及內 文之正確比例。但須注意,在任何是覺媒體上,內文不得小於 5pt。(一 般書籍、雜誌等閱讀性內文不得小於 7pt)。

b.The 12pt Heedings,18pt Leading.Helvetica The 12pt Heedings,18pt Leading. c.The 8pt Heedings,13pt Leading.Helvetic

a

The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heed

a.The 24pt Heedings, 26pt Leading.Helvetic

ings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.

The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.

b.The 12pt Heedings,18pt Leading.Helvetic The 12pt Heedings,18pt Leading.

c.The 8pt Heedings,13pt Leading.Helvetic a The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heed ings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading. The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.The 8pt Heedings,13pt Leading.

a a


40

H2 BIOTECH INC.

:: 英文 / 例外狀況 :: 使用字型設定為品牌識別使用於網頁、印刷品、文件等用途上的字型樣 式規範,目的在於應用於任何地方皆能保持整體視覺的統一性,切勿使 用不同或差異極大的字型設定。 為了增加設計的自由度,在強調表現時,可運用其他與原設定字型差異 不大之英文「黑體 Bold」做為強調文字,字型大小須依據原設定之文字 內容做調整,切勿使用差異過大或比例變形之字型之影響視覺美感。

Helvetica Helvetica


輔 助 圖 形規範 Visualldentity System 5.1 形態變化 5.2 應用範例


42

H2 BIOTECH INC.

:: 輔助圖形 / 形態變化 :: 充實和豐富品牌視覺形象,透過品牌理念的發展出來的延伸設計,使標 誌在實際運用中達到豐富的視覺效果,更能彰顯品牌概念之核心。 右圖之輔助圖形配合水素之視覺將流線元素作為圖形延伸,設計出三種 流線樣式,可一起使用也可單一拆解,主要以能彰顯品牌視覺意象為主, 故流線型亦可自由變化,另外也可配合視覺需要做配色調整,但須注意 不可使用不符合視覺之配色。

漸層

單色


H2 BIOTECH INC.

:: 輔助圖形 / 應用範例 :: 充實和豐富品牌視覺形象,透過品牌理念的發展出來的延伸設計,使標 誌在實際運用中達到豐富的視覺效果,更能彰顯品牌概念之核心。 右圖之輔助圖形配合水素之視覺將流線元素作為圖形延伸,設計出三種 流線樣式,可一起使用也可單一拆解,主要以能彰顯品牌視覺意象為主, 故流線型亦可自由變化,另外也可配合視覺需要做配色調整,但須注意 不可使用不符合視覺之配色。

夏でも底に冷たさをもつ青いそら、うつ くしい森で飾られたモーリオ市、郊外の ぎらぎらひかる草の波。

43


視覺模擬 Visual ldentity System


H2 BIOTECH INC.

45

水素生技 企業識別系統  
水素生技 企業識別系統  
Advertisement