Skip to main content

大臺北公車視覺識別系統優化設計

Page 1

大臺北公車|視覺識別系統規範手冊 Ta i p e i

Bus

Visual Identity System Manual

組員|黎嘉美 陳顗竹 陳吾宜


目 錄 Contents 1. 定位原則

Guidelines of Improvement

5. 路線圖規範

Route Map Specification

5.4 路線圖資訊規範

Specification of Ta i p e i B u s S i g n

Ty p o g r a p h y

4. 色彩規範

Color palette Identity

5.2 特殊路線圖排版規範 5.3 路線圖排版規範

2. 公車圖標規範

3. 字型規範

5.1 基本路線圖排版規範

5.5 路線圖圖標規範 3.1 中文字規範 3.2 英文字規範

4.1 公車系統主要顏色 4.2 公車系統輔助顏色

6. 站牌規範

Bus Stop Specification

7. 候車亭規範

Bus Sation Specification

6.1 站牌規範2D示意圖 6.2 站牌規範3D示意圖

7.1 路線圖展示區 7.2 站名貼紙規範

4.3 應用範例 8. 臺北文化元素應用 Ta i p e i C u l t u r a l Elements

8.1 基本元素|臺北代表文化元素圖案 8.2 特殊元素|臺北知名景點

01


改 良 原 則

Guidelines for Improvement 主要對象 台北市公共運輸處使用,使用在台北市公車候車亭及站牌。 因涉及公車路線複雜,所以主要使用在台北市及新北市地區。

02

公車資訊系統優化改良 , 結合當地文化。

希望盡可能保留原本的樣子 進行優化。

從觀光客 、 年長者及一般 人士的便利度作為考量。

以大眾識別為優先考量, 其次是美感設計。


臺北公車標示規範

S p e c i f i c a t i o n o f Ta i p e i B u s S i g n

4.75X

4.09X

X

應用範圍 站牌圓型牌面 候車亭站名貼紙標示 03


標誌反白規範

White Color Contrast of Sign 反白背景色彩規範 以標準色配外,當背景色彩高於40%時候,標誌必須以白色呈現,請參考以下背景濃度。

0%

04

40%

50%

100%


字型規範|Typography Ta i p e i B u s Visual Identity System Manual


字型規範|中文字資訊 C h i n e s e Ty p o g r a p h y

Taipei Sans TC Beta

公車系統所有中文字資訊

永

06

副線

繞駛文山區萬和、萬年、萬隆里 起訖點

雙邊設站 單邊設站 頭末班車時間

1

段票收費

Fare Zone 1X


字型規範|英文字資訊 E n g l i s h Ty p o g r a p h y

主要數字標示

648

1

Helvetica Neue Condensed Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123546789

段票收費

Fare Zone 1X

資訊欄英文標示

Helvetica Neue Light

1

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123546789

段票收費

Fare Zone 1X

07


字型規範|英文字資訊 E n g l i s h Ty p o g r a p h y

路線圖內英文站名

Ocean Sans Std Book SemiExtended

Taipei Main Sta.

台北車站

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123546789

候車亭及站牌英文站名

Helvetica Neue Medium

錦繡山莊

Jinxiu Shanzhuang

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123546789

08


色彩規範|Color Scheme Ta i p e i B u s Visual Identity System Manual

09


標準色規範|公車系統主要顏色 Color Scheme of Main Color

|公車系統主要顏色

PANTONE 286 CP

|公車系統主要輔助顏色

|公車系統主要輔助顏色

#00479d

PANTONE 319 CP #62c3cc

PANTONE P 179-13 C #545251

G71 B157 C100 M75

R98 G195 B204 C59 M22

R84 G82 B81 K82

|應用範圍 基本公車路線 路線圖圖標 公車logo

10

|應用範圍 路線圖資訊標示 二段票標示

|應用範圍 路線圖資訊文字


標準色規範 | 公車系統輔助色規範 Color Scheme of Primary Color

PANTONE P 75-15 U #d93a87

PANTONE 1805 CP #bf1826

PANTONE P 34-14 C #e17d37

R217 G58 B135 M86 K10

R191 G24 B28 C5 M96 Y80 K22

R225 G125 B55 M59 Y78 K10

|應用範圍 輔助文字標示

PANTONE Process Black CP #231815

PANTONE P 124-15 U #009ca4

PANTONE 7408 CP #fac000

特殊路線標示

R35 G24 B21 K100

G156 B164 C88 Y36 K11

R250 G192 M29 Y100

輔助圖案

次要路線圖標示

11


標準色 | 應用範例

Examples of Co lor Scheme

應 用範例 路線圖標示以深淺藍色為主要顏色, 另外以紅色作為所在公車站位置顏色。 其他文字資訊主要以黑色和灰色為標準色。

色 弱友善 考量色弱分辨顏色的問題, 因此在選擇顏色時候選色藍色 為臺北公車識別顏色。 而其他顏色選擇時則以深淺 作為優先考量。

正常

紅盲

綠盲

12


路 線 圖 規 範 | Route Map Specification Ta i p e i B u s Visual Identity System Manual

13


路線圖規範

+2.5cm

Route Map Specification 按照現有公車路線圖調整 主要調整為:

|資訊分類及改良閱讀更舒適 |中英資訊合併

| 路線圖尺寸改比原本更寬 改版後路線圖尺寸:

長 31.5cm X 寬 24cm

|色調及排版規格統一

Before

After 14


路線圖規範|基本路線圖排版規範

Route Map Specification ( basic composition )

緊急聯絡方式

0.23X

X

0.28X 2.17X

X

公車站名

0.14X

0.13X

2.63X 0.72X

段票收費標示

2.2X

0.18X

2.2X

標示圖例說明

0.06X

0.21X 0.33X

往返地點

0.75X

0.2X

0.4X 0.72X

0.28X

公車班次資訊

公車班次資訊

0.55X

英文版本路線圖 QRcode

QRcode 14.5cm X 14.5cm

低地板公車標示

0.15X

7.88X

4.00X

公車路線

實際路線圖尺寸邊框0.5cm (本頁面有經過縮小比例) 若資訊不能至滿框, 則以靠右及靠下的對齊線作排版。 排版規範會因應不同路線圖作細微調整。

15


路線圖規範 | 基本路線圖排版規範 Route Map Specification ( basic composition )

4.22X

X

公車班次資訊

X

公車路線圖

2.22X

648公車路線圖範例

比 例依實際路線再做調 整 。 X= 2 6. 845mm

16


路線圖規範|特殊路線圖排版規範

Route Map Specification ( particular composition )

4.43X

X

固定公車班次資訊

X

公車路線圖

+ 公車班次資訊

2.30x

2.38X

578公車路線圖範例

公車路線圖

2.21X

公車班次資訊

2.13X

比例依實際 路 線 再 做 調 整 。 X =25. 913m m

17


路線圖規範|路線圖資訊規範 Information of Route Map

路線圖資訊規範按照字體規範為基礎

公車號碼標示 Helvetica Neue Condensed Bold

制定路線圖所屬字體規範。

字級:147pt 字距寬度:75

再以資訊呈現做字體大小調整,

中文站名 Taipei Sans TC Beta Regular

字級:12pt 字距寬度:200

英文站名 Ocean Sans Std. Book 票段收費標誌 Taipei Sans TC Beta Blod 字級:13pt 字距寬度:200

字級:8pt 字距寬度:50

Taipei Sans TC Beta Regular

字級:12pt 字距寬度:50

Ocean Sans Std. Book

Helvetica Neue

字級:10pt 字距寬度:5 Helvetica Neue Condensed Bold 字級:35pt

18

Regular

字級:12pt 字距寬度:50


路線圖規範|路線圖資訊規範 Information of Route Map

路線圖中文資訊 Taipei Sans TC Beta Regular 字級:10pt 字距寬度:10

行使車輛為 低地板公車 Low Floor Bus

路線圖英文資訊 Helvetica Neue Light 字級:10pt 字距寬度:75

無障礙中文標示 Taipei Sans TC Beta Regular 字級:8pt 字距寬度:100 無障礙英文標示 Ocean Sans Std. Book 字級:6pt 字距寬度:10

中文

Taipei Sans TC Beta Regular 字級:10pt 字距寬度:50

英文

Ocean Sans Std. Book 字級:7pt 字距寬度:50

英文版本

English Version

QRco de 中文標示 Taipei Sans TC Beta Regular 字級:8pt 字距寬度:350 QRco de 英文標示 Ocean Sans Std. Book 字級:6pt 字距寬度:10

19


路線圖規範|路線圖資訊規範

Information of Route Map

過站路段標示

Taipei Sans TC Beta Regular

字級:8pt 字距寬度:50 英文站名

Ocean Sans Std. Book

字級:8pt 字距寬度:50

滿堂彩

︵景美橋︶

20

其他標示

Taipei Sans TC Beta Regular

(玫瑰路)

賓士特區

字級:8pt 字距寬度:50

圓環路線取代 特 別 路 段

建業路

本站所在位置標示 及 過 站 標 示

三城

日興市民活動中心

碧瑤

︵安康路︶

中文站名副標

Jinxiu Rd. Intersection

Taipei Sans TC Beta Regular

字級:12pt 字距寬度:50

錦秀路口

中文站名

錦繡一

安華路口

光華新村

Ankang Police Substaion

安康派出所

當中英並列時, 中文置於英文之上。 特殊情況如路線圖站名, 英文置於中文右側。

美墅家

(安康路)

Jinxiu Stop

Taipei Sans TC Beta Regular

字級:8pt 字距寬度:50

錦繡站

中文路段名字

本站所在位置


路線圖規範|路線圖資訊規範 Information of Route Map

路線圖使用 顏 色 公車路線繁多, 同一號碼的公車會再分出不同的種類公車。 若在同一張路線圖上超過條公車路線的時候, 請參考顏色順序規範使用。

最重要(首先次序)

較次要順序

|圖例 290公車(含副線) 因路線圖中只有兩條路線, 因此普通路線290公車使用基本藍色, 290副線則使用第一順位粉紅色。

21


路線圖規範|路線圖資訊規範 Information of Route Map

狗狗公車標示 統一標示版本,顏色改為新公車系統顏色。 狗狗公車 末班車15:00預估到達時間 往市政府 往三重

Before

重陽橋

污水處理廠 市民林森路口

15:05

15:12

15:23

16:45

16:39

16:18

After

公車資訊整合 把文字整理資訊視覺化,中英文資訊合併,在閱讀上更加方便。

Before

22

After

松廉路 15:54


路線圖規範|基本路線圖資訊規範 Information of Route Map

圖例說明 顏色統一,在英文路線圖版本加上英文說明。

Before

After

低地板公車Logo 改為無框圖案設計,與整體系統圖示風格一致。

行使車輛為 低地板公車 Low Floor Bus

Before

After

23


路線圖規範|圖標規範 Icon of Route Map

轉乘優惠

起迄點

調度站

雙邊設站

捷運

單邊設站

交流道

橋

隧道

(單個)圖標大小:

長0.38cm X 寬0.38cm

24

迴轉


站 牌 規 範 | Bus Stop Specification Ta i p e i C i t y B u s Visual Identity System Manual

25


站牌規範|2D示意圖

Bus Stop Specification - 2D Schematic

市

大 附 小

北

把滾輪式站牌統一改為扁平式站牌

37cm Affliated Experimental Elementary School of University Taipei

648

往 錦繡山莊

648

往 錦繡山莊

648

648

往 錦繡山莊

往 錦繡山莊

往 錦繡山莊

648

往 錦繡山莊

648

5cm 35cm 10cm

31.5cm

前後各放3張路線圖 一個站牌最多容納6台公車資訊 100cm 6cm

8cm

85cm

圖示為等比例縮小 26

45cm

260cm


站牌規範|3D示意圖

Bus Stop Specification - 3D Schematic

站牌厚度8cm

中立圓柱直徑5cm

圖示為等比例縮小 27


北 長 25cm X 寬 25cm 圖示為等比例縮小 28

小

|站牌尺寸

大 附 市

Affliated Experimental Elementary School of University Taipei


候 車 亭 規 範 | Bus Station Specification Ta i p e i C i t y B u s Visual Identity System Manual

29


候車亭規範|路線圖展示區

Bus Station Specification - Route Map Board

2cm

4cm

根據現有台北市候車亭, 把改良的資訊設計進行套用。

2cm

上下展板各留5cm

因此候車亭所改動的只有 路線圖及站名資訊的部分。 |路線圖展示板

路線圖間距 2cm

長 150 cm X 寬 36cm |路線圖 長 31.5cm X 寬 24cm

圖示為等比例縮小 路線圖板(5張或以下) 30

路線圖板(5張以上)


候車亭規範|站名規範

Bus Station Specification - Station name

2.7X

2X

X

2.7X

市立大學附小 Affliated Experimental Elementary School of University Taipei

|站名貼紙規範

長 15cm X 寬 83cm r 角=24mm

圖示為等比例縮小 31


臺 北 文 化 元 素 應 用 | Taipei Cultural Elements Ta i p e i C i t y B u s Visual Identity System Manual

33


文化元素應用|基本元素

Taip e i C u l t u r a l E l e m e n ts - Ba si c Pat t er n

臺 北 代表文化 元 素 圖 案 適用於一般公車候車亭 |圖案規範 以代表物件元素分配在畫面中

34

台灣藍鵲

松鼠

青蛙

蕨類

植物

杜鵑花


文化元素應用|特殊元素

Taipei Cult ur al Elem e nt s - S p e c i a l P a t t e r n

臺北知 名 景 點

適用於觀光景點候車亭 |圖案規範 選擇所屬景點的代表物件組成畫面

兒童新遊樂園

陽明山海芋

國立故宮博物院

35


文化元素應用|應用規範

Taip e i C u l t u r a l E l e m e n ts Sp e c i f i c at io n

版面尺寸:

以正方形為標準版面

於候車亭應用時再作調整 版面規範:

把代表元素分散於灰色區域內

圖像大部分集中在深灰色部分比較多 顏色規範:

物件顏色與實際物件顏色相符 適用高彩度、高對比的顏色

36


Turn static files into dynamic content formats.

Create a flipbook
大臺北公車視覺識別系統優化設計 by Ka Mei Lai - Issuu