狠狠撸

狠狠撸Share a Scribd company logo

Word and Image / 字与形

?
?
Peiran Tan
Peiran Tan

When we talk about typography, what are we talking about? 当我们在讨论文字排印时，我们在讨论什么？ This small lecture is presented to the internal design team of GitCafé from me as their design intern and typography consultant.

1 of 86
Downloaded 31 times
1/85 word and image 嫕彿髦??旝叄戹棧暚 彿髦勢姌鮪??鳘躅 What are we talking about when we talk about typography
2/85 word and image word is image image as word word-image 1 字与形 2 字是形 3 形即字 4 字形
3/85 word and image 1 字与形 Of all the achievements of the human mind, the birth of the alphabet is the most momentous. 在人类思想的成就中，以字母之诞生最为惊天动地。 Frederic Goudy 弗雷德里克·高迪 *Frederic?W.?Goudy?(1865Ⅹ1947)?曧銊豜叄鉢??壎嶗??斊鑇咲、 骼曧銊蹺訅醑?鲲艊叄鉢??壎?酽羠?叄 122 潎、魳謖艊藥愥醮骼讜謖艊 Goudy?Old?Style 飨倀 Copperplate?Gothic、1920Ⅹ1947 妘??骼惔麇 賣昤?鯆鄐駡誒?(Lanston?Monotype)?艊頯梮岄苳、 謾傿謖踵 Bertha?曧酽瀕戹叄墡、跏鳏鑇桹酽厸?謖踵 Frederic?T.?Goudy、
4/85 word and image 1 字与形 图形三角 熱靕 Scott?McCloud 忞魳 Understanding?Comics、
5/85 word and image 1 字与形 图形三角 熱靕 Scott?McCloud 忞魳 Understanding?Comics、 惉?? 蹕嫮 鏖莏? 蹕嫮 惉?? 嶯躏
6/85 word and image 1 字与形 鮪銊蹺櫇墡陣悅惤艊翄嬁穼〔敜佮梽誤?〕跤?昤鈷蹉 · 郿錪?啔?甡 偔踽?馾鵙踃厸、 女 woman 鏖莏? 蹕嫮 鏖莏? 蹕嫮 惉?? 蹕嫮 ?跤旝?濱姪鏖莏? 嶯躏 ?餚旝?惉?? 嶯躏
7/85 word and image 1 字与形 鮪銊蹺櫇墡陣悅惤艊翄嬁穼〔敜佮梽誤?〕跤?昤鈷蹉 · 郿錪?啔?甡 偔踽?馾鵙踃厸、 女 woman 鏖莏? 蹕嫮 鏖莏? 蹕嫮 ?宎?鉝 ?跤旝?濱姪鏖莏? 嶯躏 ?餚旝?惉?? 嶯躏
8/85 word and image 1 字与形 女 woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
9/85 word and image 1 字与形 女 woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
10/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
11/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 做爱
12/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 怖谕 好 惉?? 嶯躏
13/85 word and image 1 字与形 女＋子＝ woman?+?like?=?womanlike ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 怖谕 好 惉?? 嶯躏 惉?? 嶯躏
14/85 word and image 1 字与形 象形 指事 会意 形声 转注 假借 六书造字法
15/85 word and image 1 字与形 象形 指事 会意 形声 转注 假借 六书造字法 日?山 上?下 酒?功 趾?漠 考?老 来?麦
16/85 word is image 2 字是形
17/85 word is image 2 字是形 象形 指事 会意 形声 转注 假借 六书造字法
18/85 word is image 2 字是形 象形 指事 会意 形声 转注 假借 六书造字法
19/85 word is image 2 字是形 隶变
20/85 word is image 2 字是形 汉字的隶变 梪蹕熱靕魹啢賠〔烲?醮啢謓艊椨矇瀷?〕、
21/85 word is image 2 字是形 啢謓
22/85 word is image 2 字是形 啢謓 ?霎 ???鑨嗎霎囑賒 ??霎釀?姪黌寚 ??悎婮?叄絔懪 ??黌踵 ?〓魯 ???烢霎熴嫮尓
23/85 word is image 2 字是形 ——我认为最重要的是骨头3 3 跟肉，还有空间分布。骨头 就是笔画的曲度和每一条笔 画分布在哪个位置…… 曾国榕 * 桪蹺汎曧?嘄詬瑌 Justfont 艊跤旝叄鉢??壎、 詬瑌斊鑇俋叧銊梮跀瀸趵謚頌嬔暀梪叧雳???梕?唻叄鉢??嗴粷 蠻???鍖頌嬔鲷?????蔠裮忞、瀸趵謚?螻詬瑌、鮪 Justfont 訅酽潎僨壉艊叄鉢曧鞯鲋暺梒鉢醮?鉢躐?艊?鬽、
24/85 word is image 2 字是形
25/85 word is image 2 字是形
26/85 word is image 2 字是形
27/85 word is image 2 字是形 Image????眓旝
28/85 word is image 2 字是形 hamburgerfonstivLucida Blackletter Carolingian?Minuscule ?則鈵楁啢釀鉢
29/85 word is image 2 字是形 约翰福音开场白 熱靕驅賣鄽 (Book?of?Kells)?粷鶜俋餚蹕霎?、 惛酾囑旝 In?principio?erat? Verbum,?et?Verbum? erat?apud?Deum,?et? Deus erat Verbum. 跤旝?旝 俒設桹???? ?醮蜶讜鮪??? 道就是神、 餚旝?旝 In?the?beginning?was? the?Word,?and?the? Word?was?with?God,? and?the?Word was God.
30/85 word is image 2 字是形 hamburgerfonstivMVB Verdigris Big Renaissance?Roman ?旝頯侟蠻鈵?鉢
31/85 word is image 2 字是形 双语圣咏集 梪霎彾鲋 1642Ⅹ1643 妘?藥塒惛酾旝嶗熴旝?踵熴蹺艎謚鍖壽、 鮒嶁? (Psalter) 曧敒嫚▕萒斊?銊? (Psalms) 艊???貶鲱藥塒暀? 。 鮒鳏艊蝜?嶗鮒潣訵?嫮媀?踵靕羾?曧跫隊鳏佖? 蝜鶯牆誤艊??旝梪、 呅髦侸羾棈哱躐鳏?墡鷹。釀鄽鳏嶗抴翍壎壽慘?羮旿倹雲???赗銊、
32/85 word is image 2 字是形 nn1 1 2 3 4 旝頯侟蠻頌艊則鈵楁啢釀鉢 詵飨酽觠釀呝?襹觠賛鍖蓪?霎釀?姪濱 旝頯侟蠻暚梕艊昦鈵?鉢 ? 鄡???詆鎢?襹觠鄫鍖??霎釀?姪?
33/85 word is image 2 字是形 o1
34/85 word is image 2 字是形 o1 2
35/85 word is image 2 字是形 ｘ抽呱悯查书写的幻像ｘ抽呱悯查ｘ抽呱悯查
36/85 image as word 3 形即字
37/85 image as word 3 形即字 好 好 鏖莏? 蹕嫮 惉?? 蹕嫮 ?宎?鉝 ?呯 薶呯叄醮嫮艊唻襫 叄醮?楯 叄曧嫮 n n 霎熴
38/85 image as word 3 形即字 图拉真石刻文 鮪鈵?艊蹕惛莏槉 (Trajan?Column) 醢艊蓴贖惛酾旝叄、 澑踵 E.M.?Catich 鮪 1930Ⅹ1960 妘魍侟釀艊穼梪、 1 I2 I3
39/85 image as word 3 形即字 Romain du Roi 羾?曀鴛蠐跫醣魑。羾熴蹺蟨叧?鲋 1692 妘??艊酽倧 叄鉢、??跤?羮鑫裶頌跛哣艊鈫樴跀酛?槪宺菑?珆梕 ?樴叄鉢 (Transitional) 艊?羠、 ?? Romain?du?Roi 艊?唻瀷嶗睏茻?樴嬁閼鑫 : Pierre?Simon?Fournier?(1712Ⅹ1768)?熴蹺?叄壎、 魍 慘曧飨骼僠炐噯謖艊 Fournier、骼?攝鑫砎壽 (Points) ?姪跀酛、 William?Caslon?(1692/93Ⅹ1766)?餚蹺叄鉢??壎、 魍 慘曧飨骼僠炐噯謖艊 Caslon、 John?Baskerville?(1706Ⅹ1775)?餚蹺叄鉢??壎、 魍 慘曧飨骼僠炐噯謖艊 Baskerville、
40/85 image as word 3 形即字 字 形
41/85 image as word 3 形即字 字 形
42/85 image as word 3 形即字 We cannot alter the essential shape of a single letter without at the same time destroying the familiar printed face of our language, and thereby rendering it useless. 如果改变一个字母的基础形态，我们语言的印刷样貌就将 必然改变，那这个字母就没用了。 Jan Tschichold 扬·奇肖尔德 *Jan?Tschichold?(1902Ⅹ1974)?曧孭蹺叄鉢??壎。霎豜??壎嶗??斊鑇咲、 骼鲋 1923 妘鎢駱粷魍踽躏??艊?鬫?妛僨 魳謖艊〔昦叄鉢戹棧〕(Die?Neue? Typographie) 酽霎、謾跤篞砮恊繩?鑫晹 鄡叄鉢侳艊謾骼叄鉢蟢貙?妛鞏啂 ?唻蠙穼???、?霎讜暚?漛薶襫飨醭讜叄誑。叄?棾婠襫??嗃漛艊會熴、 1933 妘 3 桸?鄐贙苼跫俒墮恜咲?妘姌晑張?嬔緤佖、 躐謚骼?踵粷魍踽躏??俒?発??桪敒螻荁饅??妛?羮 鄡鉢、鮪 1947Ⅹ 1949 妘踽慁?? 500 侸梪麟?霎豜?穼媀熕羮靧鞔、骼艊 酛 鄡鉢 Sabon 曧 啨桹艊镾侽讜暚悶咷 Linotype 嶗鯆鄐?戹梽跏倧跀酛艊叄鉢、
43/85 image as word 3 形即字 anqh?嫮 Counter
44/85 image as word 3 形即字 ?嫮 Counter
45/85 image as word 3 形即字
46/85 image as word 3 形即字 耀 耀 耀 耀誖鉢跤旝釀熴 逫鉢跤旝釀熴 暀?烲叄釀熴 ??烲叄釀熴 ?粀襫聶〔??穼棧獸唻棧獸鉢艊嬁閼〕、
47/85 image as word 3 形即字
48/85 image as word 3 形即字
49/85 image as word 3 形即字
50/85 image as word 3 形即字 We cannot alter the essential shape of a single letter without at the same time destroying the familiar printed face of our language, and thereby rendering it useless. 如果改变一个字母的基础形态，我们语言的印刷样貌就将 必然改变，那这个字母就没用了。 Jan Tschichold 扬·奇肖尔德
51/85 image as word 3 形即字 田扩呱悯查田扩呱悯查田扩呱悯查
52/85 word-image 4 字形
53/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔 *Eric?Gill?(1882Ⅹ1940)?曧餚豜叄鉢??壎。贖蓴鷹嶗?贖咲、 骼壎鞲 Edward?Johnston?愛斣鰱?叄鉢 Johnston 艊??鍎?彾踵叄鉢 ??壎、?澑躐侳?翽醣俋?蓴贖。犛?嶗?贖慘閔、骼艊魳謖叄鉢藥愥 Perpetua。Gill?Sans 嶗 Joanna?謚鍎飨骼艊偔簍噯謖、魳桹〔?旝叄戹棧〕? (An?Essay?on?Typography)、 Gill敡犗彾屟?桪僨羠凗侳嵔?醮骼艊僜傼。跏跣梥彾妘偔簍嶗筯僨羠?屟饅跀、
54/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔 *Eric?Gill?(1882Ⅹ1940)?曧餚豜叄鉢??壎。贖蓴鷹嶗?贖咲、 骼壎鞲 Edward?Johnston?愛斣鰱?叄鉢 Johnston 艊??鍎?彾踵叄鉢 ??壎、?澑躐侳?翽醣俋?蓴贖。犛?嶗?贖慘閔、骼艊魳謖叄鉢藥愥 Perpetua。Gill?Sans 嶗 Joanna?謚鍎飨骼艊偔簍噯謖、魳桹〔?旝叄戹棧〕? (An?Essay?on?Typography)、 Gill敡犗彾屟?桪僨羠凗侳嵔?醮骼艊僜傼。跏跣梥彾妘偔簍嶗筯僨羠?屟饅跀、
55/85 word-image 4 字形 Massimo Vignelli Massimo?Vignelli?(1931Ⅹ2014) 曧嶯俋濕?銊豜??壎? 粷魍踽躏?樴艊鱧呯??鍎、 Image???John?Madere
56/85 word-image 4 字形 Design should be semantically correct, syntactically consistent, and pragmatically understandable. 设计应该是语义上正确、语法上连贯，以及在实际应用中 容易理解的。 Massimo Vignelli 1 2 3
57/85 word-image 4 字形 什么鬼？
58/85 word-image 4 字形 Semantics ?躏
59/85 word-image 4 字形 + = = 做爱 Syntactics ?熴
60/85 word-image 4 字形 好Pragmatics ?羮
61/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔
62/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm.pictorial 图形的规范。
63/85 word-image 4 字形 Typography is writing with prefabricated letters. 文字排印是在用预先制好的字母书写。 Gerrit Noordzij 伽利特·诺基 *Gerrit?Noordzij?(1931Ⅹ)?曧駻賣豜叄鉢??壎。霎豜??壎嶗??慘咲、 鮪慘踵霎豜??壎墡慘鑫酽瀇暚?謚?鮪 1960Ⅹ1990 妘鲋駻賣犦窛艎咲 銊?(Royal?Academy?of?Art?at?the?Hague,?KABK)斊戦叄鉢嶗妕???、 1982 妘熱穼〔觠艊觠陝〕(The?Stroke?of?the?Pen)?薶襫骼鮪叄鉢?? 跤艊絔?鉢跀、醮 酛鰓貙熴醭讜?Noordzij 艊鉢跀啔叄鉢飨＃麉愐艊霎釀￥ 踵▕蕬陝鰓、?倧鉢跀彾踵嫕魍叄鉢??跤抴過?誽叄? (font?weight? interpolation) 艊▕蕬、 踵 嫿唻旝叄??桹?篻艊鳏?犦窛艎咲銊??襫 Gerrit?Noordzij 値? 骼曧訅酽瀕嬱値鍎、Erik?Spiekermann 嶗 Tobias?Frere-Jones ?桪嬱値、
64/85 word-image 4 字形 There are no images in digital fonts, only instructions which are dependent on, or interpreted by, rendering devices. 在数码字体里没有形，只有电脑指令。这些指令 依赖于渲染器，或者说是渲染器在解读它们。 Nick Shinn *Nick?Shinn?(1952Ⅹ)?曧餚蹺?鎢愽俋豜叄鉢??壎、 叄鉢慘閔桪鮪 FontShop 僨綈、1999 妘?襫靕墰艊叄鉢駡誒 ShinnType、
65/85 word-image 4 字形 ↑ ?囑霎釀 → 暚? a a a aa aBlackletter Garalde Transitional?/?Modern Grotesk Neo-Grotesk Humanist
66/85 word-image 4 字形 semantically correct1 legible1 语义上正确的 可读的 syntactically consistent 语法上连贯的 purposeful 目的明确的 pragmatically understandable driven by consensus 实际应用中容易理解的 符合大众共识的 2 3 2 3 DESIGN TYPOGRAPHY
67/85 word-image 4 字形 Snow Forest
68/85 word-image 4 字形 The author of this message feels very happy. ?賒惡峗艊慘鍎?夠婩宆、
69/85 word-image 4 字形 南鷹 南鷹暀梪??駡筧? ??駡?叄鉢 Hiragino?Kaku?Gothic
70/85 word-image 4 字形 What should typography be?? √ 旝叄戹棧姉?曧鳘躅樭艊?
71/85 word-image 4 字形 What should typography be?? √ What is typography about? 旝叄戹棧姉?曧鳘躅樭艊? 旝叄戹棧曧饅鲋鳘躅艊?
72/85 Image???Marcin?Wichary
73/85 word-image 4 字形 TYPOGRAPHYU+0074 U+0079 U+0070 U+006F U+0067 U+0072 U+0061 U+0070 U+0068 U+0079
74/85 word-image 4 字形 ＃?鬣￥?Software?鮪俍╙旝?Telugu?跤艊 蛵
75/85 word-image 4 字形 Typography is about image-making 造形
76/85 word-image 4 字形 Typography is about legible image-making 造形 可读的
77/85 word-image 4 字形 Typography is about legible purposeful image-making 造形 可读的 目的明确的
78/85 word-image 4 字形 Typography is about legible purposeful consensus-driven image-making. 造形 可读的 目的明确的 符合大众共识的
79/85 word-image 4 字形 Beatrice Warde 碧亚翠丝 · 沃德 *Beatrice?Warde?(1900Ⅹ1969) 曧銊豜叄嫮叧鍎。??壎。霎熴咲。 釆?嶗??斊鑇咲、 偝鴛酽噉暚張 粷熱唻霎熴艊牰驟蠻??俋叧瀸趵謚鎢駱 ATF 叄鉢駡 誒 (American?Type?Founders)、1925 妘呝彾 The?Fleuron 酽旝?唻 Garamond 跀叄鉢艊證諍?瑧? 鑫獿贖艊蔠裮?妛飨翇屟誼謖 Paul? Beaujon 僨 、鎢駱鯆鄐駡誒謚偔屟?麋柟??暚鳏晹醭謁嵚、 Warde 桭魳謖艊慘閔曧斞旝?〔烐杫?閳椊〕(The?Crystal?Goblet)? 謾跤鞏啂旝叄戹棧姉嫕?嫮??瀕酓忞棧艊廟咷、詆桹啢旝〔?曧酽? 棧獸忞〕(This?is?a?Printing?Of?ce)?踵嫕暚鯆鄐駡誒艊叄鉢樭媑鍖慘、 澑旝??彾侸蹺???桖??彾?穼慂鮪銊蹺敤姛熱穼蛼艊?訥、
80/85 word-image 4 字形 字 形This is a message. This is a message. This is a message. This is a message. This is a message. thisisamessage.
81/85 word-image 4 字形 “Less is more.” Ludwig?Mies?van?der?Rohe ?孭醎樴 · 哣昤 · 欽孭鈵
82/85 word-image 4 字形 “Less is more bore.” Ludwig?Mies?van?der?Rohe ?孭醎樴 · 哣昤 · 欽孭鈵
83/85 word-image 4 字形 It’s almost impossible to look and read at the same time: they are different actions. 同时观看和阅读是不可能的——它们是不同的行为。 Gerard Unger *Gerard?Unger?(1942Ⅹ)?曧駻賣豜叄鉢??壎嶗妕???壎、 鮪 1967 妘俋叧瀸趵謚?駱 Total?Design??靧 Enschedé 霎嗙墡慘?謚彾 踵靕羾??壎、骼踽?踵熱穼窹??呺羮廟旝叄鉢?妛鮪侸忞俋叧斊戦旝叄 ??、魳謖叄鉢藥愥 Gulliver 嶗 Coranto、 魍 魳慘踵〔鮪鄴??暚〕(While?You?Are?Reading)?餚?鮪 2006 妘羾 Mark?Batty?Publisher 熱穼、 吉拉德·安葛
84/85 word-image 4 字形 When we talk about typography, we are talking about what? 当我们在讨论文字排印时，我们 在讨论的是什么？
85/85 word-image 4 字形 When we talk about typography, we are talking about legible, purposeful, consensus-driven word-images that interact with and thus flavor meaning. 当我们在讨论文字排印时，我们 在讨论的是可读的、目的明确的、 符合大众共识的字形4 4 。它与意义 互动，进而赋意义以风味。
86/85 谢谢。 ?煟磢 Peiran?Tan 雲茊?俋叧? ?? ???跀 UW?School?of?Design,?VCD

More Related Content

Word and Image / 字与形

  • 2. 2/85 word and image word is image image as word word-image 1 字与形 2 字是形 3 形即字 4 字形
  • 3. 3/85 word and image 1 字与形 Of all the achievements of the human mind, the birth of the alphabet is the most momentous. 在人类思想的成就中，以字母之诞生最为惊天动地。 Frederic Goudy 弗雷德里克·高迪 *Frederic?W.?Goudy?(1865Ⅹ1947)?曧銊豜叄鉢??壎嶗??斊鑇咲、 骼曧銊蹺訅醑?鲲艊叄鉢??壎?酽羠?叄 122 潎、魳謖艊藥愥醮骼讜謖艊 Goudy?Old?Style 飨倀 Copperplate?Gothic、1920Ⅹ1947 妘??骼惔麇 賣昤?鯆鄐駡誒?(Lanston?Monotype)?艊頯梮岄苳、 謾傿謖踵 Bertha?曧酽瀕戹叄墡、跏鳏鑇桹酽厸?謖踵 Frederic?T.?Goudy、
  • 4. 4/85 word and image 1 字与形 图形三角 熱靕 Scott?McCloud 忞魳 Understanding?Comics、
  • 5. 5/85 word and image 1 字与形 图形三角 熱靕 Scott?McCloud 忞魳 Understanding?Comics、 惉?? 蹕嫮 鏖莏? 蹕嫮 惉?? 嶯躏
  • 6. 6/85 word and image 1 字与形 鮪銊蹺櫇墡陣悅惤艊翄嬁穼〔敜佮梽誤?〕跤?昤鈷蹉 · 郿錪?啔?甡 偔踽?馾鵙踃厸、 女 woman 鏖莏? 蹕嫮 鏖莏? 蹕嫮 惉?? 蹕嫮 ?跤旝?濱姪鏖莏? 嶯躏 ?餚旝?惉?? 嶯躏
  • 7. 7/85 word and image 1 字与形 鮪銊蹺櫇墡陣悅惤艊翄嬁穼〔敜佮梽誤?〕跤?昤鈷蹉 · 郿錪?啔?甡 偔踽?馾鵙踃厸、 女 woman 鏖莏? 蹕嫮 鏖莏? 蹕嫮 ?宎?鉝 ?跤旝?濱姪鏖莏? 嶯躏 ?餚旝?惉?? 嶯躏
  • 8. 8/85 word and image 1 字与形 女 woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
  • 9. 9/85 word and image 1 字与形 女 woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
  • 10. 10/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏
  • 11. 11/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 做爱
  • 12. 12/85 word and image 1 字与形 女＋子＝ woman ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 怖谕 好 惉?? 嶯躏
  • 13. 13/85 word and image 1 字与形 女＋子＝ woman?+?like?=?womanlike ?宎?鉝 濱姪鏖莏? 嶯躏 惉?? 嶯躏 怖谕 好 惉?? 嶯躏 惉?? 嶯躏
  • 14. 14/85 word and image 1 字与形 象形 指事 会意 形声 转注 假借 六书造字法
  • 15. 15/85 word and image 1 字与形 象形 指事 会意 形声 转注 假借 六书造字法 日?山 上?下 酒?功 趾?漠 考?老 来?麦
  • 17. 17/85 word is image 2 字是形 象形 指事 会意 形声 转注 假借 六书造字法
  • 18. 18/85 word is image 2 字是形 象形 指事 会意 形声 转注 假借 六书造字法
  • 19. 19/85 word is image 2 字是形 隶变
  • 20. 20/85 word is image 2 字是形 汉字的隶变 梪蹕熱靕魹啢賠〔烲?醮啢謓艊椨矇瀷?〕、
  • 21. 21/85 word is image 2 字是形 啢謓
  • 22. 22/85 word is image 2 字是形 啢謓 ?霎 ???鑨嗎霎囑賒 ??霎釀?姪黌寚 ??悎婮?叄絔懪 ??黌踵 ?〓魯 ???烢霎熴嫮尓
  • 23. 23/85 word is image 2 字是形 ——我认为最重要的是骨头3 3 跟肉，还有空间分布。骨头 就是笔画的曲度和每一条笔 画分布在哪个位置…… 曾国榕 * 桪蹺汎曧?嘄詬瑌 Justfont 艊跤旝叄鉢??壎、 詬瑌斊鑇俋叧銊梮跀瀸趵謚頌嬔暀梪叧雳???梕?唻叄鉢??嗴粷 蠻???鍖頌嬔鲷?????蔠裮忞、瀸趵謚?螻詬瑌、鮪 Justfont 訅酽潎僨壉艊叄鉢曧鞯鲋暺梒鉢醮?鉢躐?艊?鬽、
  • 27. 27/85 word is image 2 字是形 Image????眓旝
  • 28. 28/85 word is image 2 字是形 hamburgerfonstivLucida Blackletter Carolingian?Minuscule ?則鈵楁啢釀鉢
  • 29. 29/85 word is image 2 字是形 约翰福音开场白 熱靕驅賣鄽 (Book?of?Kells)?粷鶜俋餚蹕霎?、 惛酾囑旝 In?principio?erat? Verbum,?et?Verbum? erat?apud?Deum,?et? Deus erat Verbum. 跤旝?旝 俒設桹???? ?醮蜶讜鮪??? 道就是神、 餚旝?旝 In?the?beginning?was? the?Word,?and?the? Word?was?with?God,? and?the?Word was God.
  • 30. 30/85 word is image 2 字是形 hamburgerfonstivMVB Verdigris Big Renaissance?Roman ?旝頯侟蠻鈵?鉢
  • 31. 31/85 word is image 2 字是形 双语圣咏集 梪霎彾鲋 1642Ⅹ1643 妘?藥塒惛酾旝嶗熴旝?踵熴蹺艎謚鍖壽、 鮒嶁? (Psalter) 曧敒嫚▕萒斊?銊? (Psalms) 艊???貶鲱藥塒暀? 。 鮒鳏艊蝜?嶗鮒潣訵?嫮媀?踵靕羾?曧跫隊鳏佖? 蝜鶯牆誤艊??旝梪、 呅髦侸羾棈哱躐鳏?墡鷹。釀鄽鳏嶗抴翍壎壽慘?羮旿倹雲???赗銊、
  • 32. 32/85 word is image 2 字是形 nn1 1 2 3 4 旝頯侟蠻頌艊則鈵楁啢釀鉢 詵飨酽觠釀呝?襹觠賛鍖蓪?霎釀?姪濱 旝頯侟蠻暚梕艊昦鈵?鉢 ? 鄡???詆鎢?襹觠鄫鍖??霎釀?姪?
  • 33. 33/85 word is image 2 字是形 o1
  • 34. 34/85 word is image 2 字是形 o1 2
  • 35. 35/85 word is image 2 字是形 ｘ抽呱悯查书写的幻像ｘ抽呱悯查ｘ抽呱悯查
  • 37. 37/85 image as word 3 形即字 好 好 鏖莏? 蹕嫮 惉?? 蹕嫮 ?宎?鉝 ?呯 薶呯叄醮嫮艊唻襫 叄醮?楯 叄曧嫮 n n 霎熴
  • 38. 38/85 image as word 3 形即字 图拉真石刻文 鮪鈵?艊蹕惛莏槉 (Trajan?Column) 醢艊蓴贖惛酾旝叄、 澑踵 E.M.?Catich 鮪 1930Ⅹ1960 妘魍侟釀艊穼梪、 1 I2 I3
  • 39. 39/85 image as word 3 形即字 Romain du Roi 羾?曀鴛蠐跫醣魑。羾熴蹺蟨叧?鲋 1692 妘??艊酽倧 叄鉢、??跤?羮鑫裶頌跛哣艊鈫樴跀酛?槪宺菑?珆梕 ?樴叄鉢 (Transitional) 艊?羠、 ?? Romain?du?Roi 艊?唻瀷嶗睏茻?樴嬁閼鑫 : Pierre?Simon?Fournier?(1712Ⅹ1768)?熴蹺?叄壎、 魍 慘曧飨骼僠炐噯謖艊 Fournier、骼?攝鑫砎壽 (Points) ?姪跀酛、 William?Caslon?(1692/93Ⅹ1766)?餚蹺叄鉢??壎、 魍 慘曧飨骼僠炐噯謖艊 Caslon、 John?Baskerville?(1706Ⅹ1775)?餚蹺叄鉢??壎、 魍 慘曧飨骼僠炐噯謖艊 Baskerville、
  • 40. 40/85 image as word 3 形即字 字 形
  • 41. 41/85 image as word 3 形即字 字 形
  • 42. 42/85 image as word 3 形即字 We cannot alter the essential shape of a single letter without at the same time destroying the familiar printed face of our language, and thereby rendering it useless. 如果改变一个字母的基础形态，我们语言的印刷样貌就将 必然改变，那这个字母就没用了。 Jan Tschichold 扬·奇肖尔德 *Jan?Tschichold?(1902Ⅹ1974)?曧孭蹺叄鉢??壎。霎豜??壎嶗??斊鑇咲、 骼鲋 1923 妘鎢駱粷魍踽躏??艊?鬫?妛僨 魳謖艊〔昦叄鉢戹棧〕(Die?Neue? Typographie) 酽霎、謾跤篞砮恊繩?鑫晹 鄡叄鉢侳艊謾骼叄鉢蟢貙?妛鞏啂 ?唻蠙穼???、?霎讜暚?漛薶襫飨醭讜叄誑。叄?棾婠襫??嗃漛艊會熴、 1933 妘 3 桸?鄐贙苼跫俒墮恜咲?妘姌晑張?嬔緤佖、 躐謚骼?踵粷魍踽躏??俒?発??桪敒螻荁饅??妛?羮 鄡鉢、鮪 1947Ⅹ 1949 妘踽慁?? 500 侸梪麟?霎豜?穼媀熕羮靧鞔、骼艊 酛 鄡鉢 Sabon 曧 啨桹艊镾侽讜暚悶咷 Linotype 嶗鯆鄐?戹梽跏倧跀酛艊叄鉢、
  • 43. 43/85 image as word 3 形即字 anqh?嫮 Counter
  • 44. 44/85 image as word 3 形即字 ?嫮 Counter
  • 46. 46/85 image as word 3 形即字 耀 耀 耀 耀誖鉢跤旝釀熴 逫鉢跤旝釀熴 暀?烲叄釀熴 ??烲叄釀熴 ?粀襫聶〔??穼棧獸唻棧獸鉢艊嬁閼〕、
  • 50. 50/85 image as word 3 形即字 We cannot alter the essential shape of a single letter without at the same time destroying the familiar printed face of our language, and thereby rendering it useless. 如果改变一个字母的基础形态，我们语言的印刷样貌就将 必然改变，那这个字母就没用了。 Jan Tschichold 扬·奇肖尔德
  • 51. 51/85 image as word 3 形即字 田扩呱悯查田扩呱悯查田扩呱悯查
  • 53. 53/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔 *Eric?Gill?(1882Ⅹ1940)?曧餚豜叄鉢??壎。贖蓴鷹嶗?贖咲、 骼壎鞲 Edward?Johnston?愛斣鰱?叄鉢 Johnston 艊??鍎?彾踵叄鉢 ??壎、?澑躐侳?翽醣俋?蓴贖。犛?嶗?贖慘閔、骼艊魳謖叄鉢藥愥 Perpetua。Gill?Sans 嶗 Joanna?謚鍎飨骼艊偔簍噯謖、魳桹〔?旝叄戹棧〕? (An?Essay?on?Typography)、 Gill敡犗彾屟?桪僨羠凗侳嵔?醮骼艊僜傼。跏跣梥彾妘偔簍嶗筯僨羠?屟饅跀、
  • 54. 54/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔 *Eric?Gill?(1882Ⅹ1940)?曧餚豜叄鉢??壎。贖蓴鷹嶗?贖咲、 骼壎鞲 Edward?Johnston?愛斣鰱?叄鉢 Johnston 艊??鍎?彾踵叄鉢 ??壎、?澑躐侳?翽醣俋?蓴贖。犛?嶗?贖慘閔、骼艊魳謖叄鉢藥愥 Perpetua。Gill?Sans 嶗 Joanna?謚鍎飨骼艊偔簍噯謖、魳桹〔?旝叄戹棧〕? (An?Essay?on?Typography)、 Gill敡犗彾屟?桪僨羠凗侳嵔?醮骼艊僜傼。跏跣梥彾妘偔簍嶗筯僨羠?屟饅跀、
  • 55. 55/85 word-image 4 字形 Massimo Vignelli Massimo?Vignelli?(1931Ⅹ2014) 曧嶯俋濕?銊豜??壎? 粷魍踽躏?樴艊鱧呯??鍎、 Image???John?Madere
  • 56. 56/85 word-image 4 字形 Design should be semantically correct, syntactically consistent, and pragmatically understandable. 设计应该是语义上正确、语法上连贯，以及在实际应用中 容易理解的。 Massimo Vignelli 1 2 3
  • 59. 59/85 word-image 4 字形 + = = 做爱 Syntactics ?熴
  • 61. 61/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm. 字母是东西，不是东西的图像……显而易见， 每一个字母都有它的某种规范。 Eric Gill 埃里克·吉尔
  • 62. 62/85 word-image 4 字形 Letters are things, not pictures of things […] It’s clear that for any letter there’s some sort of norm.pictorial 图形的规范。
  • 63. 63/85 word-image 4 字形 Typography is writing with prefabricated letters. 文字排印是在用预先制好的字母书写。 Gerrit Noordzij 伽利特·诺基 *Gerrit?Noordzij?(1931Ⅹ)?曧駻賣豜叄鉢??壎。霎豜??壎嶗??慘咲、 鮪慘踵霎豜??壎墡慘鑫酽瀇暚?謚?鮪 1960Ⅹ1990 妘鲋駻賣犦窛艎咲 銊?(Royal?Academy?of?Art?at?the?Hague,?KABK)斊戦叄鉢嶗妕???、 1982 妘熱穼〔觠艊觠陝〕(The?Stroke?of?the?Pen)?薶襫骼鮪叄鉢?? 跤艊絔?鉢跀、醮 酛鰓貙熴醭讜?Noordzij 艊鉢跀啔叄鉢飨＃麉愐艊霎釀￥ 踵▕蕬陝鰓、?倧鉢跀彾踵嫕魍叄鉢??跤抴過?誽叄? (font?weight? interpolation) 艊▕蕬、 踵 嫿唻旝叄??桹?篻艊鳏?犦窛艎咲銊??襫 Gerrit?Noordzij 値? 骼曧訅酽瀕嬱値鍎、Erik?Spiekermann 嶗 Tobias?Frere-Jones ?桪嬱値、
  • 64. 64/85 word-image 4 字形 There are no images in digital fonts, only instructions which are dependent on, or interpreted by, rendering devices. 在数码字体里没有形，只有电脑指令。这些指令 依赖于渲染器，或者说是渲染器在解读它们。 Nick Shinn *Nick?Shinn?(1952Ⅹ)?曧餚蹺?鎢愽俋豜叄鉢??壎、 叄鉢慘閔桪鮪 FontShop 僨綈、1999 妘?襫靕墰艊叄鉢駡誒 ShinnType、
  • 65. 65/85 word-image 4 字形 ↑ ?囑霎釀 → 暚? a a a aa aBlackletter Garalde Transitional?/?Modern Grotesk Neo-Grotesk Humanist
  • 66. 66/85 word-image 4 字形 semantically correct1 legible1 语义上正确的 可读的 syntactically consistent 语法上连贯的 purposeful 目的明确的 pragmatically understandable driven by consensus 实际应用中容易理解的 符合大众共识的 2 3 2 3 DESIGN TYPOGRAPHY
  • 68. 68/85 word-image 4 字形 The author of this message feels very happy. ?賒惡峗艊慘鍎?夠婩宆、
  • 69. 69/85 word-image 4 字形 南鷹 南鷹暀梪??駡筧? ??駡?叄鉢 Hiragino?Kaku?Gothic
  • 70. 70/85 word-image 4 字形 What should typography be?? √ 旝叄戹棧姉?曧鳘躅樭艊?
  • 71. 71/85 word-image 4 字形 What should typography be?? √ What is typography about? 旝叄戹棧姉?曧鳘躅樭艊? 旝叄戹棧曧饅鲋鳘躅艊?
  • 73. 73/85 word-image 4 字形 TYPOGRAPHYU+0074 U+0079 U+0070 U+006F U+0067 U+0072 U+0061 U+0070 U+0068 U+0079
  • 79. 79/85 word-image 4 字形 Beatrice Warde 碧亚翠丝 · 沃德 *Beatrice?Warde?(1900Ⅹ1969) 曧銊豜叄嫮叧鍎。??壎。霎熴咲。 釆?嶗??斊鑇咲、 偝鴛酽噉暚張 粷熱唻霎熴艊牰驟蠻??俋叧瀸趵謚鎢駱 ATF 叄鉢駡 誒 (American?Type?Founders)、1925 妘呝彾 The?Fleuron 酽旝?唻 Garamond 跀叄鉢艊證諍?瑧? 鑫獿贖艊蔠裮?妛飨翇屟誼謖 Paul? Beaujon 僨 、鎢駱鯆鄐駡誒謚偔屟?麋柟??暚鳏晹醭謁嵚、 Warde 桭魳謖艊慘閔曧斞旝?〔烐杫?閳椊〕(The?Crystal?Goblet)? 謾跤鞏啂旝叄戹棧姉嫕?嫮??瀕酓忞棧艊廟咷、詆桹啢旝〔?曧酽? 棧獸忞〕(This?is?a?Printing?Of?ce)?踵嫕暚鯆鄐駡誒艊叄鉢樭媑鍖慘、 澑旝??彾侸蹺???桖??彾?穼慂鮪銊蹺敤姛熱穼蛼艊?訥、
  • 80. 80/85 word-image 4 字形 字 形This is a message. This is a message. This is a message. This is a message. This is a message. thisisamessage.
  • 81. 81/85 word-image 4 字形 “Less is more.” Ludwig?Mies?van?der?Rohe ?孭醎樴 · 哣昤 · 欽孭鈵
  • 82. 82/85 word-image 4 字形 “Less is more bore.” Ludwig?Mies?van?der?Rohe ?孭醎樴 · 哣昤 · 欽孭鈵
  • 83. 83/85 word-image 4 字形 It’s almost impossible to look and read at the same time: they are different actions. 同时观看和阅读是不可能的——它们是不同的行为。 Gerard Unger *Gerard?Unger?(1942Ⅹ)?曧駻賣豜叄鉢??壎嶗妕???壎、 鮪 1967 妘俋叧瀸趵謚?駱 Total?Design??靧 Enschedé 霎嗙墡慘?謚彾 踵靕羾??壎、骼踽?踵熱穼窹??呺羮廟旝叄鉢?妛鮪侸忞俋叧斊戦旝叄 ??、魳謖叄鉢藥愥 Gulliver 嶗 Coranto、 魍 魳慘踵〔鮪鄴??暚〕(While?You?Are?Reading)?餚?鮪 2006 妘羾 Mark?Batty?Publisher 熱穼、 吉拉德·安葛
  • 84. 84/85 word-image 4 字形 When we talk about typography, we are talking about what? 当我们在讨论文字排印时，我们 在讨论的是什么？
  • 85. 85/85 word-image 4 字形 When we talk about typography, we are talking about legible, purposeful, consensus-driven word-images that interact with and thus flavor meaning. 当我们在讨论文字排印时，我们 在讨论的是可读的、目的明确的、 符合大众共识的字形4 4 。它与意义 互动，进而赋意义以风味。