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
93
人類動物園視覺識別
cyanteal
June 12, 2016
Tweet
Share
More Decks by cyanteal
See All by cyanteal
生態:平衡與危機
cyanteal
0
51
【懶人包】7 件你該知道的 HIV 常識
cyanteal
0
370
記住 7 件事,做出吸引人的報告
cyanteal
1
270
19th 新生訓練招生(國中)
cyanteal
0
69
It's a Material World by Elizabeth Brumfiel
cyanteal
0
130
The Development And Evolution of Language
cyanteal
0
93
英語的祕密家譜 CH15 Angst
cyanteal
0
91
The Big Backlash 課堂報告
cyanteal
0
49
語言的死亡 CH 1
cyanteal
0
120
Other Decks in Design
See All in Design
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
2k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
380
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
830
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
ZKK_001.pdf
nicholaspegu
0
1.4k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.8k
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.2k
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.3k
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
650
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
14
6.1k
Yahoo Newsletter Clicker Template
xuechunwu
0
290
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.5k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
Bash Introduction
62gerente
608
210k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
730
Being A Developer After 40
akosma
87
590k
Designing the Hi-DPI Web
ddemaree
280
34k
Adopting Sorbet at Scale
ufuk
73
9.1k
Building Your Own Lightsaber
phodgson
103
6.1k
Fireside Chat
paigeccino
34
3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
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