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
87
人類動物園視覺識別
cyanteal
June 12, 2016
Tweet
Share
More Decks by cyanteal
See All by cyanteal
生態:平衡與危機
cyanteal
0
43
【懶人包】7 件你該知道的 HIV 常識
cyanteal
0
330
記住 7 件事,做出吸引人的報告
cyanteal
1
230
19th 新生訓練招生(國中)
cyanteal
0
59
It's a Material World by Elizabeth Brumfiel
cyanteal
0
100
The Development And Evolution of Language
cyanteal
0
80
英語的祕密家譜 CH15 Angst
cyanteal
0
72
The Big Backlash 課堂報告
cyanteal
0
46
語言的死亡 CH 1
cyanteal
0
120
Other Decks in Design
See All in Design
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.7k
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
200
顕在化されていない期待、デザインの灯台
daitorii
1
1.1k
Portfolio 2023.07.28
helemarudesu
0
590
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
280
Product-Writing
aguringo
6
2.8k
Designing UIs without a UI designer
strongeron
0
120
PRDがデザインプロセスを高速化した話
tooomo
1
280
良いアプリケーションをデザインするための感覚の持ち方 / Cultivating a Sense for Designing Great Applications
usagimaru
23
7.8k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
210
実案件でのFigmaデータの作り方
xxxkinu
2
220
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
Featured
See All Featured
The Mythical Team-Month
searls
216
42k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.5k
Teambox: Starting and Learning
jrom
128
8.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Faster Mobile Websites
deanohume
299
30k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Scaling GitHub
holman
457
140k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Being A Developer After 40
akosma
57
580k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
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