Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
人類動物園視覺識別
Search
cyanteal
June 12, 2016
Design
0
110
人類動物園視覺識別
cyanteal
June 12, 2016
Tweet
Share
More Decks by cyanteal
See All by cyanteal
生態:平衡與危機
cyanteal
0
61
【懶人包】7 件你該知道的 HIV 常識
cyanteal
0
410
記住 7 件事,做出吸引人的報告
cyanteal
1
310
19th 新生訓練招生(國中)
cyanteal
0
80
It's a Material World by Elizabeth Brumfiel
cyanteal
0
160
The Development And Evolution of Language
cyanteal
0
100
英語的祕密家譜 CH15 Angst
cyanteal
0
99
The Big Backlash 課堂報告
cyanteal
0
53
語言的死亡 CH 1
cyanteal
0
120
Other Decks in Design
See All in Design
私とデザインの10年
iflection
0
130
Bulletproof Design System with TypeScript
takanorip
6
3.4k
sachi_y_portfolio
sachi337
0
250
Saudade typeface
tiagoporto
0
320
How to get a Tiger to Tulsa
mcduckyart
0
110
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
130
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
510
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
260
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
AI時代に淘汰されないデザインのしごと
akinen
1
130
今日から意識できるアクセシビリティ
fumiko
0
240
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
Featured
See All Featured
Done Done
chrislema
184
16k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
17
940
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Automating Front-end Workflow
addyosmani
1370
200k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
BBQ
matthewcrist
89
9.7k
It's Worth the Effort
3n
185
28k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Side Projects
sachag
455
42k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Transcript
視覺識別系統 1.0.2
1. 圖形標誌 1.1 圖形標誌使用注意事項 2. 品牌名稱 3. 標準字 3.1 英文標準字
3.2 中文標準字 4. 搭配 4.1 圖形標誌與英文品牌名稱 4.2 圖形標誌與中文品牌名稱 4.3 圖形標誌與雙語品牌名稱 5. 標準色 5.1 主色與輔色 5.2 文字色與底色 6. 字型 6.1 英文字型 6.2 中文字型與混合語言排版 7. 原創角色 8. 元素 9. 風格描述 目錄 註 本文件提及之色彩數值皆為通用 RGB 值。
1. 圖形標誌
1.1 圖形標誌使用注意事項 使用時應注意留白及視覺重心,第四藍槓左側應貼齊版面水平中線, 並一句右側紅色色塊營造之立體感進行微調。
2. 品牌名稱 ɾ正式全銜:由相關單位決定 ɾ中文品牌:人類動物園(2016 台大人類營) ɾ英文品牌:The Human Zoo: NTU Anthropology
Camp, 2016
3.1 英文標準字 英文標準標題(兩行) THE HUMAN ZOO HUMAN ZOO THE 英文標準標題(橫寫)
使用時應優先套用上方圖形之向量檔。須重新產生時應遵循以下規範: 字型:Gotham Light 靠左排列,寫成兩行時 T 之中線與 H 連成一線。 字距:寫成兩行時,HUMAN ZOO 部分為原始字距之 111%;橫寫時全部如此。 色彩為 (51, 51, 51)
3.2 中文標準字 中文標準標題 人類動物園
4.1 圖形標誌與英文品牌名稱 HUMAN ZOO THE 使用時應優先套用上方圖形之向量檔。須重新產生時應遵循以下規範: 字型:Gotham Light 靠左排列,T 之中線與
H 連成一線。 字距:HUMAN ZOO 部分為原始字距之 111% 右方圖形標誌右側與最右之 O 之右方切齊,下緣與 E 延伸之水平線切齊或稍低但不超過 E 上空白之 1/4。
4.2 圖形標誌與中文品牌名稱 人類動物園 使用時應優先套用上方圖形之向量檔。須重新產生時應遵循以下規範: 字型:漢儀旗黑 50S 並微調之 靠左或置中排列 字距:如上圖所示,注意「動物園」三字之空白較常出錯。 文字大小與放置位置如上圖所示。
人類動物園
4.3 圖形標誌與雙語品牌名稱 人 類 動 物 園 HUMAN ZOO THE
使用時應優先套用上方圖形之向量檔。須重新產生時應遵循中英文品牌名稱所屬及以下規範: 中文字距約為原始字距之 126%,靠左排列,注意「人」、H 之切齊應進行視覺修正。 注意圖形標誌放置之位置與尺寸與英文品牌名稱不同。
5.1 標準色與輔色 主色 T1 輔色 A1 輔色 A2 輔色 A3
(51, 50, 129) (121, 183, 147) (171, 59, 65) 主色 T2 (226, 52, 58) (?, ?, ?) 主色 (T1, T2) 允許彩度更低之色偏。 輔色 T3 尚未決定。
底色 B1 文字色 W1 文字色 W2 (235, 235, 235) (66,
66, 66) (0, 0, 0) 文字色 W3 尚未決定。 文字色 W3 (?, ?, ?) 底色 B2 及文字色 W2 僅限使用文鼎UD晶熙黑體HK_M 時採用。 底色 B2 (255, 255, 255) 5.2 文字色與底色
6.1 英文字型 標題 Gotham Light / Gotham Narrow Light 內文
Futura LT Book Display Text Lorem ipsum dolor sit amet, eum ea consul vivendo. Legere gloriatur consectetuer pro ex. Ad vix animal intellegat dissentias. Cum tota sale deleniti ad. Ius ex omnes noster.
6.2 中文字型與混合語言排版 標題 標題輔助 漢儀旗黑 50S 㤛李Ᾱ֖ 漢儀旗黑/文鼎UD晶熙黑體HK_M 內文 文鼎UD晶熙黑體HK_M
/ DIN Regular 㤛李 12 300km AV Tsai Government decided however 內文中英混排時,英數字元使用 DIN Regular, 半形逗號仍使用文鼎UD晶熙黑體HK_M
7. 原創角色 1 2 3
8. 元素 元素可變化為重複型底紋、放大背景或其他合適方式使用。 相關色彩同主色及輔色。 元素本身 重複型底紋範例 放大背景範例
9. 風格描述 • 應打造時尚感,同時兼顧現代感;在人文主義中不流於老氣。 • 遇到生物情緒時,應以調皮取代可愛或萌。 • 角色不可有動物,因為把人物化、關起來的永遠只有人。也不得 有任何元素或場景暗示人類動物園由人類以外的物種營運。 •
人類動物園是一個人被當做動物對待的機構,但人保有他們的能 動性。 • 時尚感是壓迫所建立的光鮮亮麗的表面所在,現代感和調皮的情 緒是被關押的人類的信心。 • 「人」用來指涉關押者和被關押者,強調其同質性。 工業 人文 無機 硬 金屬 冷 有機 軟 木頭 暖 塑膠
None