指尖虹 - 視覺識別設計手冊 / T.C.C.S - Visual Identification System

Page 1


[ 目錄 ] Contents 關於 -03

基本系統

Basic System A0 / 品 牌 名 稱 / 正 本 清 源 - 05

A3 /-1 標 準 色 彩 規 範 - 15

A1 / 標 誌 圖 形 設 計 - 06

/-2 標 準 / 觸 覺 色 彩 環 - 16

A2 /-1 中 文 標 準 字 體 ( 橫 ) - 08

/-3 標 準 色 階 規 範 - 17

/- 2 中 文 標 準 字 體 ( 直 ) - 09

A4 /-1 標 準 色 彩 使 用 規 範 -18

/ -3 中 文 副 標 字 體 ( 橫 ) - 10

/-2 標 準 色 階 使 用 規 範 -19

/ -4 中 文 副 標 字 體 ( 直 ) - 11

A5 / 標

範 -20

/ -5 英 文 標 準 字 體 ( 縮 ) - 12

A6 / 標 誌 禁 止 組 合 規 範 -22

/ -6 英 文 標 準 字 體 ( 全 ) - 13 / -7 中 英 文 本 規 範 - 14

應用部分

Application System B1/ 名 片 設 計

-25

B10/ 繪 本 設 計

-34

B2/ 服 飾 吊 牌 設 計

-26

B11/ 鉛 筆 設 計

-35

B3/ 紙 袋 設 計

-27

B12/ 書 籤 設 計

-36

B4/ 系 統 工 具 箱 / 外 部

-28

B13/ 服 飾 吊 牌 設 計

-37

B5/ 系 統 工 具 箱 / 內 部

-29

B6/ 觸 覺 基 本 色 彩 卡

-30

B7/ 光 碟 袋 設 計

-31

B8/ DVD 設

-32

B9/ 說 明 書 設 計

02

-33


[ 關於 ] about

「 視覺、聽覺、嗅覺、味覺、觸覺 」 是人的五感,而視障者少了其中的一感 - 「 視覺 」 。 為了幫助視障者也能認知圖像資訊,“指尖虹“將透過觸覺的方式來幫助視障者認知色彩。 如果可以將圖像轉換為不同觸覺質感的平面,讓視障者直接透過觸摸、就能感知整張圖 以至於直接把圖像構成傳達的更到位。因此,我們需要一套新的“觸覺色彩溝通系統“, 使圖像可以很有系統性地轉換為觸覺質感平面,進而使視障者可以用觸覺來辨別圖像的 構成。目前的 “點字系統“ 主要以傳達文字訊息為主,對圖像訊息(例如簡單的色塊構成、 捷運路線圖等)的傳達能力較為有限。 這個主題的創新點不在於用其他感官來代替視覺辨認色彩,因為目前的點字系統已經 可以很精確傳達文字意義。例如 " 紅色 " 就有很明確的點字符號。 然而目前的點字系統是文字性的,也就是由左而右閱讀、由上而下閱讀,是線性的。 但是對於圖像性的資訊 ( 想像一幅捷運路線圖 ),點字系統需要花很大篇幅才能讓視障 者了解這一幅圖到底長什麼樣子。因此,這個主題的創新點在於:我們可以在一幅圖形上, 用不同的質感去構成,使得視障者可以透過觸摸,知道這幅圖的構成以及顏色。 新的溝通系統願能成為目前點字系統的輔助,用於圖像的傳達與溝通,深具教育意義與 應用價値,因此在“指尖虹“設計團隊的全力發展下,催生出了這一套“觸覺色彩溝通系統“。

03


基本系統 Basic System

指尖虹《視覺識別設計手冊》的基礎部分: 由 標 誌 圖 形 設 計、中 英 文 標 準 字 體、 標 準 色 彩 和 色 階 規 範 以 及 標 誌 組 合 構 成 的。 它 們 是 整 個 視 覺 識 別 設 計 的 基 本 構 成 要 素,由 此 建 立 了 品 牌 的 基 本 視 覺 形 象。 完善的視覺識別設計是建立良好的品牌形象的基礎之一,基礎部分是視覺識別的核心,因此應 嚴格執行。


A0 品牌名稱 / 正本清源

視 覺 識 別 設 計 手 冊

Visual Identification System

品 牌 名稱 品牌中文全稱 : 指尖虹 - 觸覺色彩溝通系統 品牌英文全稱 : Tactile Color Communication System 品牌中文名稱 : 指尖虹 品牌英文縮寫 : T.C.C.S

正 本 清源 “Tactile Color Communication System” 翻譯中文 “觸覺色彩溝通系統”, “指尖虹”為此建立一個品牌,專對於視障者認知色彩體系的設計團隊, 「透過指尖,觸碰彩虹」為品牌中文名稱“指尖虹” 的命名原因 : 彩虹意含了彩色世界,視障者將透過自己的手指,認知到這個彩色的世界。 “T.C.C.S” 為品牌英文縮稱 “Tactile Color Communication System” 為品牌英文全稱。

What is T.C.C.S 觸覺色彩溝通系統是一套專為視障者設計的一套色彩溝通系統,它利用觸覺視認色彩,使視障 者便於認知構圖單純的圖像。此系統是一系列觸感不同的紋理,有系統性的標示色相與明度。

W h y T. C . C . S 視覺資訊可分為文字類和圖像類,目前的點字系統主要是將文字類的訊 息轉換為點字,裨益 視障者接收訊息,然而對於圖像訊息來說,視障者無法透過類似於點字系統的模式加以接收。 “T.C.C.S” 的設計即透過觸覺紋理來標示圖像中的色彩,搭配點字系統使用,可使視障者接收 圖文並茂的資訊。

文 字 類

點 字 系 統

視覺 資訊

圖 像 類

05


視 覺 識 別 設 計 手 冊

Visual Identification System

A1 標 誌 圖 形 設 計

標誌圖形以手指能感知到色彩 ( 彩虹 ) 為此設計的出發點;一個簡潔的圖形既像彩虹又像手指的 食指伸出進行觸摸手勢。結合了手指和彩紅的意象,並且富有現代感和關懷感。

標 準 標 誌 圖 形

標 準 墨 稿 、 反 黑 稿

標 誌 最 小 使 用 規 範 標誌的最小應用不小於此規範。 ≥ 6mm

06


A1 標 誌 圖 形 設 計

視 覺 識 別 設 計 手 冊

Visual Identification System

確保標誌在不同應用範圍中的準確性和一貫性。有了標準製圖,能準確無誤地製作出標誌來,達到 統一性、標準化的識別目的。必須按照規範化的製圖法正確標示該標誌的作圖方法和詳細尺寸,並 製作出大小規格不同的樣本將標誌圖形、線條,規定成標準的尺度,便於正確複製和再現,標誌圖 形在應用過程中必須保證有規範的使用。

標 誌 標 準 化 製 圖

07


視 覺 識 別 設 計 手 冊

Visual Identification System

A2-1 中文標準字體(橫)

為與標誌造型結構形成統一感,將“指尖虹”設計為中文標準字體。使用黑體修改結合彎曲的 曲線表現出簡單大方識別度高的造形設計,進而使品牌形象顯現強烈的視覺識別,體現了品 牌的特徵與內涵。 以下是“指尖虹”中文品牌標準字體的橫式規範,單字高、寬與字距均已調整修正,不得擅自 變更。

切 忌 將 此 文 字 標 誌 放 在 文 章 文 本 中, 如 果 有“ 指 尖 虹 ” 字 樣 出 現, 必 須 採 用 本 手 冊 規 定 的 文 本 字 體。

中 文 字 體 方 格 座 標 製 圖 ( 橫 式 )

100A

25A

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 4mm

08

字 體 反 白 效 果


A2-2 中文標準字體(直)

視 覺 識 別 設 計 手 冊

Visual Identification System

以下是“指尖虹”中文品牌標準字體的直式規範,單字高、寬與字距均已調整修正,不得擅自 變更。

中 文 字 體 方 格 座 標 製 圖 ( 直 式 )

切忌將此文字標誌放在文章文本中; 如果有“指尖虹”字樣出現, 必須採用本手冊規定的文本字體。

25A

100A

字 體 反 白 效 果

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 15mm

09


A2-3

視 覺 識 別 設 計 手 冊

Visual Identification System

中文副標字體(橫)

為與標誌造型結構形成統一感,將“觸覺色彩溝通系統”設計為中文副標字體。使用黑體修改 結合彎曲的曲線表現出簡單大方識別度高的造形設計,進而使品牌形象顯現強烈的視覺識 別,體現了品牌的特徵與內涵。 以下是“觸覺色彩溝通系統”中文品牌副標字體的橫式規範,單字高、寬與字距均已調整修正, 不得擅自變更。

切忌將此文字標誌放在文章文本中,如果有“觸覺色彩溝通系統”字樣出現,必須採用本手冊規定的文本字體。

中 文 字 體 方 格 座 標 製 圖 ( 橫 式 )

100A 7.5A

字 體 反 白 效 果

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 2mm

10


A2-4 中文副標字體(直)

視 覺 識 別 設 計 手 冊

Visual Identification System

為與標誌造型結構形成統一感,將“觸覺色彩溝通系統”設計為中文副標字體。使用黑體修改 結合彎曲的曲線表現出簡單大方識別度高的造形設計,進而使品牌形象顯現強烈的視覺識 別,體現了品牌的特徵與內涵。 以下是“觸覺色彩溝通系統”中文品牌副標字體的直式規範,單字高、寬與字距均已調整修正, 不得擅自變更。

切忌將此文字標誌放在文章文本中, 如果有“觸覺色彩溝通系統”字樣出現, 必須採用本手冊規定的文本字體。

中 文 字 體 方 格 座 標 製 圖 ( 直 式 )

字 體 反 白 效 果

7.5A

100A

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 28mm

11


A2-5

視 覺 識 別 設 計 手 冊

Visual Identification System

英文標準字體(縮)

為與標誌造型結構形成統一感,將 “T.C.C.S” 設計為英文標準字體。使用黑體修改結合彎曲 的曲線表現出簡單大方識別度高的造形設計,進而使品牌形象顯現強烈的視覺識別,體現了 品牌的特徵與內涵。 以下是 “T.C.C.S” 英文品牌縮寫標準字體的橫排規範,單字高、寬與字距均已調整修正,不 得擅自變更。

切 忌 將 此 文 字 標 誌 放 在 文 章 文 本 中, 如 果 有 “T.C.C.S” 字 樣 出 現, 必 須 採 用 本 手 冊 規 定 的 文 本 字 體。

英 文 字 體 方 格 座 標 製 圖

100A 13A

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 2mm

12

字 體 反 白 效 果


A2-6 英文標準字體(全)

視 覺 識 別 設 計 手 冊

Visual Identification System

以下是 “Tactile Color Communication System” 英文品牌全稱標準字體的橫排規範, 單字高、 寬與字距均已調整修正,不得擅自變更。

切忌將此文字標誌放在文章文本中,如果有 “Tactile Color Communication System” 字樣出現,必須採用本手冊 規定的文本字體。

英 文 字 體 方 格 座 標 製 圖

100A 4.4A

字 體 反 白 效 果

字 體 最 小 使 用 規 範 字 體 的 最 小 應 用 不 小 於 此 規 範。

≥ 3mm

13


視 覺 識 別 設 計 手 冊

Visual Identification System

A2-7 中 英 文 本 規 範

中文標題專用字體 / 黑體、Meiryo UI(Bold) 中文內文專用字體 / 黑體、Meiryo UI(Regular) 黑體 (Bold):

1234567890.:,;〝〞(!?)@&+-*/=%《》【】「」~ 零壹貳參肆伍陸柒捌玖拾佰仟 黑體 (Regular):

1234567890.:,;〝〞(!?)@&+-*/=%《》【】「」~ 零壹貳參肆伍陸柒捌玖拾佰仟 Meiryo UI(Bold):

1 2 3 4 5 6 7 8 9 0 . : ,;〝 〞 ( ! ? ) @ & + - * / = % 《 》【 】「 」 ~ 零壹貳參肆伍陸柒捌玖拾佰仟 Meiryo UI(Regular):

1234567890.:,;〝〞(!?)@&+-*/=%《》【】「」~ 零壹貳參肆伍陸柒捌玖拾佰仟

英文標題專用字體 /Arial、Corbel(Bold) 英文內文專用字體 /Arial、Corbel(Regular) Arial(Bold):

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.(!?)@&+-*/=% Arial(Regular):

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.(!?)@&+-*/=% Corbel(Bold):

A B CD EFG H IJKLMNOP Q R S TUVWX Y Z a bcde fg hij k l mnop q r s t u vw x yz 123 45678 90.(!? ) @& + -* / = % Corbel(Regular):

AB CDEFGH I JKLM NO PQ RST U V WX Y Z abc d efghi jkl m n o pq r st uvwxyz 123 4567 890.( !? ) @ & +-* /=% 14


A3-1 標 準 色 彩 規 範

視 覺 識 別 設 計 手 冊

Visual Identification System

標 準 色 彩 規 範 M 030% Y 100% R:250 G:190 #F9BE00

M075% Y100% R:235 G:097 #EB6000

C 030% Y085% R:195 G:216 B:063 #C3D83F

C 070% M035% Y075% R:091 G:137 B:068 #5B8943

C 050% M005% Y030% R:135 G:197 B:188 #86C5BB

C 075% M010% Y045% R:020 B:166 B:154 #13A69A

K 010% R:239 G:239 B:239 #EEEFEF

K 050% R:159 G:160 B:160 #9F9FA0

K090% R:061 G:058 B:057 #3D3939

15


視 覺 識 別 設 計 手 冊

Visual Identification System

A3-2 標 準/觸 覺 色 相 環

指 尖 黃 M 030% Y 100%

指 尖 黃 綠 C 030% Y 085%

指 尖 橘 M 075% Y 100%

指 尖 紅 C 025%

指 尖 綠 C 070%

M 100%

M 035%

Y 090%

Y 075%

指 尖 藍 綠 C 075% M 010% Y 045%

指 尖 紫 C 075% M 075% Y 015% 指 尖 藍 C 090% M 060% Y 020%

對應上圖 標準色彩

16


A3-3 標 準 色 階 規 範

視 覺 識 別 設 計 手 冊

Visual Identification System

指尖。色階

100%

070%

040%

指 尖 白

K 010%

指 尖 灰

K 050%

指 尖 黑

K 090%

17


視 覺 識 別 設 計 手 冊

Visual Identification System

A4-1 標準色彩使用規範

標準色彩有三種色系配法 : 橘色系 / 綠色系 / 青色系 配法 : 食指用比較深比較重

標 誌 與 標 準 色 組 合 使 用 規 範 橙

系 橙色系 : 是由 100%”指尖橘”+100%”指尖黃” 組成的。 展現帶給視障者的溫暖、光明、關懷等特性。 橙 色系專門用於 主視覺、各種手冊等 主要產品上。

草色系 : 是由 100%”指尖綠”+100%”指尖黃綠” 組成的。 展 現 清 新 脫 俗 和 視 障 者 沒 受 汚 染 的 心 靈。 草色系專門用於 繪本、紙袋、服飾吊牌等 應用產品上。

青色系 : 是由 100%”指尖藍綠”+70%”指尖藍綠”組成的。 帶給人清新、寬闊的未來發展。 青色系專門用於 影片、數位光碟等 多媒體產品上。

18


A4-2 標準色階使用規範

視 覺 識 別 設 計 手 冊

Visual Identification System

標 誌 在 背 景 色 彩 上 的 明 度 使 用 規 範 black100%

b l a c k 8 0 %

b l a c k 6 0 %

b l a c k 4 0 %

b l a c k 2 0 %

b l a c k 0 0 %

19


視 覺 識 別 設 計 手 冊

Visual Identification System

A5 標 誌 組 合 規 範

為保證圖形達到最佳視覺效果,圖形在應用過程中必須保證有規範的使用空間,任何圖片 及文字或其它裝飾物都不可侵入指定範圍。

20


A5 標 誌 組 合 規 範

視 覺 識 別 設 計 手 冊

Visual Identification System

品牌標誌與品牌字體的列式組合標準規範。是品牌視覺形象的集中體現,標誌的色彩視情 況配合「標準色彩使用規範」,必須嚴格按照規範的要求製作使用。

21


視 覺 識 別 設 計 手 冊

Visual Identification System

A6 標誌禁止組合規範

品牌標誌與品牌字體的列式組合標準規範。是品牌視覺形象的集中體現,禁止錯誤的標誌 組合與標準色彩配法規範。

22


A6 標誌禁止組合規範

視 覺 識 別 設 計 手 冊

Visual Identification System

23


應用系統

Application System

應用部分主要列舉了基礎部分中各要素在實際應用中的一些常用示例,是體現視覺形象的重要 部分,是《視覺識別系統設計手冊》要重點實施的內容。


B1 名

視 覺 識 別 設 計 手 冊

Visual Identification System

製作檔案 :92X56mm 裁切完成 :90X54mm 注意事項 : 打凸面積須離完成尺寸的四邊各 5MM,打凸面積須為 K100%

範 - 9 2 m m -

5 6 m m -

25


視 覺 識 別 設 計 手 冊

Visual Identification System

B2 識

識 別 證 製作檔案 :100X61mm 注意事項 : 打凸面積須離完成尺寸的四邊各 5MM,打凸面積須為 K100%

範 -100mm-

-5mm-Diameter-2mm/4X2mm-

-39mm-

61mm -

-Diameter-2mm/4X2mm-5mm-Rounded-8mm-

-Rounded-8mm-45mm-Diameter-2mm/4X2mm-45mm-Rounded-8mm-

26


B3 紙

視 覺 識 別 設 計 手 冊

Visual Identification System

製作檔案 :841X594mm 完成尺寸 :260X440X80mm

範 -841mm-

5 9 4 m m -

27


視 覺 識 別 設 計 手 冊

Visual Identification System

B4 系 統 工 具 箱/外 部

系 統 工 具 箱 / 外 部 製 作 檔 案 :360X656mm 完 成 尺寸 :322 X 235 X53mm 注 意事項 : 局部上光面積 須為 K100%

-360mm-

6 5 6 m m -

28


B5 系 統 工 具 箱/內 部

視 覺 識 別 設 計 手 冊

Visual Identification System

系 統 工 具 箱 / 內 部 製作檔案 :320X462mm 完 成 尺寸 :322 X 235 X53mm

範 -320mm-

-462mm-

29


視 覺 識 別 設 計 手 冊

Visual Identification System

B6 觸 覺 基 本 色 彩 卡

觸 覺 基 本 色 彩 卡 / 封 面 製 作 檔 案 :5 4X90mm 注 意 事 項 : 紅 色 線 是 切 斷 線 ,綠 色 面 積 是 雕 刻 。

範 - 9 0 m m -Border-5mm-Holes-6mm-

5 4 m m -

30


B7 光

視 覺 識 別 設 計 手 冊

Visual Identification System

光 碟 袋 製作檔案 :414X214mm 完成尺寸 :130x127mm

範 -414mm-

2 1 4 m m Front

Reverse

31


視 覺 識 別 設 計 手 冊

Visual Identification System

B8 D

V

D

D V D 製 作 檔 案 :1 2 8 X 1 2 8 m m 完 成 尺寸 :1 2 0X 1 2 0 m m

1 2 8 m m -Holes-40mm-

32


B9 說

視 覺 識 別 設 計 手 冊

Visual Identification System

說 明 書 製作檔案 :210X286.5 mm 完成尺寸 :138X188mm

範 -286.5mm-

2 1 0 m m Front

Reverse

33


視 覺 識 別 設 計 手 冊

Visual Identification System

B10 繪

製 作 檔 案 :43 4X 297mm 完 成 尺寸 :210X 297m m X14 m m

範 -434mm-

2 9 7 m m -

34


B11 鉛

視 覺 識 別 設 計 手 冊

Visual Identification System

製作檔案 :60X20mm 注意事項 : 打凸面積須離完成尺寸的四邊各 2MM,打凸面積須為 K100%

- 6 0 m m -

2 0 m m -

35


視 覺 識 別 設 計 手 冊

Visual Identification System

B12 書

製 作 檔 案 :30 x130mm 注 意事項 : 局部上光面積 須為 K100%

-Border-10mm-

1 3 0 m m - 3 0 m m -

36


B13 服 飾 吊 牌 設 計

視 覺 識 別 設 計 手 冊

Visual Identification System

製作檔案 :105X148mm 注意事項 : 打凸面積須離完成尺寸的四邊各 5MM,打凸面積須為 K100%

範 -105mm-Rounded-20mm-Holes-5mm

148mm -

37


製 作團隊/ Te am 林俊 宇/ C HUN-Y U,L IN 陳 美 靜/ ME I- C HING,C HEN 顏 文 君/ WEN- C HUN, Y EN 李 建 龍/ JI A N-LO NG, L I

顧 問/ Ad v i s e r

林 渝 文/ Y U-WEN,L IN

魏碩 廷 / S HU O -T ING,WEI




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.