会说话的符号:字体王国的敲门砖
书架上的秘密
周六的西西弗书店飘着刚烤好的黄油饼干香,八岁的小宇蹲在童书区最里面的架子前,膝盖上摊着两本书:一本封面印着霸王龙的《史前世界大冒险》,另一本封皮皱巴巴的英文原版《夏洛的网》。他举着两本书凑到眼前,脑袋歪得快要贴到书页上——恐龙绘本封面上“恐龙”两个字的横竖弯钩圆滚滚的,像刚蒸好的小馒头,可英文书名里的字母却长得千差万别:有的字母“D”边上带着小尖角,有的“o”圆溜溜的没有任何装饰,连同样都是竖线的“l”和“i”,一个粗得像小木棍,一个细得像牙签。
【📖 纸书插图提示1:画面采用暖黄色调,小宇穿着印着恐龙的T恤蹲在书架前,手里举着两本书歪着脑袋,书页上的字微微发亮,旁边飘着半透明的深蓝色墨墨小精灵,正指着书页笑,背景是摆满童书的书架和透过玻璃窗洒进来的阳光】 【📱 电子版交互提示:点击书页上的“恐龙”二字可放大查看汉字笔画细节,点击“Dinosaur”可逐个查看字母的动态演示】
他戳了戳铅笔盒里躺着的深蓝色钢笔,这是上周生日爸爸送的礼物,笔杆上刻着小小的星星图案,平时写作业的时候偶尔会蹦出银闪闪的荧光墨水,写出来的字像撒了星星粉。今天他刚在本子上写完自己的名字,钢笔突然晃了晃笔杆,掉了一滴深蓝色的墨水在他手背上,凉丝丝的,还带着薄荷糖的味道。那滴墨水还没等他擦,就“咕噜”一下变成了一个小不点:穿着和钢笔一样的深蓝色小背带裤,头顶顶着一小坨圆溜溜的墨点当帽子,正坐在他的书桌上晃腿呢。
“你盯着字看了快十分钟啦,是不是发现它们长得都不一样?”小不点开口了,声音像钢笔划过纸面的沙沙声,他跳上小宇的手背,脚上的小皮鞋踩得痒丝丝的,“我是墨墨,字体王国的引路人,专门来找对字好奇的小朋友哦。” “字体王国?”小宇眼睛亮了,“为什么有的字胖有的字瘦,有的有小装饰有的没有?它们不是都是字吗?”
会说话的钢笔墨墨
“当然不一样啦!”墨墨跳到书页上,踩了踩“恐龙”两个汉字,又踩了踩旁边的“Dinosaur”,书页上的字立刻像小精灵一样飘了起来,在半空中转着圈,“你看,所有和字有关的设计,我们统称为字体设计(Typography) `#术语 #Typography #字体设计`,就像所有和衣服有关的设计叫服装设计一样。而每一类有统一设计风格的字,我们叫它字体风格(Typeface) `#术语 #Typeface #字体风格`,就像‘旗袍’‘运动服’是衣服的风格一样。你电脑里能打出来的具体的一个字体包,比如‘思源宋体’,就是字体文件(Font) `#术语 #Font #字体文件`,就像你衣柜里具体的那件绣着梅花的旗袍,属于‘旗袍’这个风格一样。”
墨墨挥了挥小手,飘在空中的字立刻分成了两堆,一堆是方方正正的汉字,一堆是弯弯曲曲的字母:“所有字都属于两个大家族——一个是汉字家族,一个是拉丁字家族,也就是你们常说的中文和西文。汉字是表意文字,每个字都是一个完整的‘意思小方块’,你看‘月’字,一看就知道是弯弯的月亮,‘火’字一看就知道是跳动的火苗,所以汉字的设计要照顾到每个字的笔画结构,横、竖、撇、捺,不同的笔画组合起来,要平衡,要好看,还要好
接上文的“还要好认,这就是汉字家族的设计小秘密啦。”墨墨跳到汉字小精灵堆的最前面,拍了拍一个穿深红色斜襟小旗袍、领口别着白色小盘扣的小精灵的头顶,那精灵发间别着的“宋”字小牌子晃了晃,立刻挺直腰板向小宇鞠了一躬,裙摆边露出的一排小三角形衬线像给裙子镶了细细的小花边。“小朋友你好!我是宋体小精灵,属于汉字家族的衬线体(Serif,/ˈserɪf/) `#术语 #Serif #衬线体` 成员哦。”墨墨又拉过旁边一个穿亮黄色连帽运动服、线条笔直的小精灵,那精灵头顶的“黑”字牌子撞得墨墨的墨点帽子晃了晃,声音脆得像铅笔划过纸面:“我是黑体小精灵,是汉字家族的无衬线体(Sans Serif,/sæn ˈserɪf/) `#术语 #SansSerif #无衬线体` 小代表!”
“什么是衬线呀?”小宇凑过去,伸手想摸宋体小精灵裙摆上的小三角形,手指穿过了半透明的精灵身体,只碰到书页上微微凸起的印刷纹路。 “就是字笔画末端的那些小装饰呀!”墨墨踩了踩宋体小精灵的鞋尖,那些小三角形衬线立刻亮了起来,“就像你穿的小皮鞋,有的鞋尖是圆圆的,有的是尖尖的,还有的带着小蝴蝶结,这些小小的装饰就是衬线。有衬线的字体看起来更优雅,像穿旗袍的小姐姐;没有衬线的‘Sans’是法语里‘没有’的意思,无衬线体就像穿运动服的小运动员,干净利落,跑起来都带风。”
旁边的拉丁字小精灵堆里也飘过来两个小伙伴:一个穿藏青色小西装、领口别着刻着“Times New Roman”金色领结的“T”字母精灵,横竖的末尾都带着小小的三角形衬线,像穿西装的小绅士;另一个穿印着“Arial”字样的白色T恤的“A”字母精灵,线条笔直没有任何装饰,像刚打完篮球的男生。“我们是拉丁字家族的衬线体和无衬线体哦!”T精灵挥了挥手,“你看我们的衬线和汉字家族的宋体小精灵是不是长得很像?都是小小的三角形装饰,所以不管是汉字还是拉丁字,有衬线的都归到衬线体大家族,没有的归到无衬线体大家族,是全世界字体通用的分类方法哦。”
【📖 纸书插图提示2:画面分成左右两部分,左边是汉字字体小精灵:穿旗袍带衬线的宋体精灵、穿运动服无衬线的黑体精灵、穿蓬蓬裙的圆体精灵、穿汉服的楷体精灵;右边是拉丁字字体小精灵:穿西装的Times New Roman衬线精灵、穿T恤的Arial无衬线精灵、穿花裙子的手写体Script精灵、穿格子衫的等宽Monospace精灵,中间站着举着钢笔的墨墨和小宇,背景是飘着字体的书店书架】 【📱 电子版交互提示2:点击每个字体小精灵可以听到它的自我介绍,还会展示对应字体的典型样例】
“那为什么汉字和拉丁字长得完全不一样呀?”小宇晃了晃手里的《夏洛的网》,书页上的英文字母歪歪扭扭排成一排,和旁边中文绘本的方方正正的字形成了鲜明的对比。 “因为我们是两个完全不同的大家族呀!”墨墨跳到两堆小精灵中间,一只手搭在汉字小精灵的肩上,一只手搭在拉丁字小精灵的肩上,“汉字是表意文字(Logographic,/ˌlɒɡəˈɡræfɪk/) `#术语 #Logographic #表意文字` ,每个字都是一个完整的意思小方块,就像你玩的积木,搭好的成品就是字,你看‘月’字像不像弯弯的月亮?‘火’字像不像跳动的火苗?看形状就能猜出意思,不需要读出来;而拉丁字是表音文字(Alphabetic,/ˌælfəˈbetɪk/) `#术语 #Alphabetic #表音文字` ,每个字母只是一个发音的小符号,就像散着的积木块,单个的‘s’‘u’‘n’都没有单独的意思,拼起来‘sun’才是太阳的意思,要读出来才知道是什么意思。”
他挥了挥手,空中的字立刻变了:汉字“森”变成了三棵紧紧挨在一起的小树,一看就知道是好多树的森林;而拉丁词“sun”变成了三个小字母手拉手,头顶冒出一个金色的小太阳,只有拼在一起才能发光。旁边还有个穿汉服的小篆精灵,举着“日”“月”的牌子,字迹圆滚滚的像小饼干;还有个穿罗马长袍的拉丁字精灵,举着“S”“O”“L”的牌子,只有拼成“SOL”(拉丁语里的太阳)才能发光。
“除了衬线和无衬线,字体还有好多其他分类哦!”墨墨指了指飘过来的两个新精灵,一个穿粉白色蓬蓬裙,字迹歪歪扭扭像小朋友用蜡笔写的,头顶写着“娃娃篆”:“我是汉字家族的手写体(Script,/skrɪpt/) `#术语 #Script #手写体` 小精灵,我的字就像小朋友写的字,歪歪扭扭的特别可爱,适合写在贺卡、童话书里,就像你上次给妈妈画的贺卡上的字,就是手写体哦。”另一个穿碎花长裙的拉丁字“L”精灵,字迹像连笔的花体英文,甩了甩袖子:“我也是手写体!我的字像用钢笔写的连笔字,特别优雅,适合写在婚礼请柬、情书里,看起来特别浪漫。”
紧接着又飘过来两个穿一模一样格子衫的精灵,一个汉字的“等”字精灵,每个笔画都一样宽;一个拉丁字的“C”字母精灵,每个字母的宽度都完全一样。“我们是等宽字体(Monospace,/ˈmɒnəspeɪs/) `#术语 #Monospace #等宽字体` 小精灵!”等宽“C”精灵敲了敲自己的格子衫,“我们每个字都一样宽,排队的时候特别整齐,所以程序员叔叔阿姨写代码的时候最喜欢用我们,不然代码对齐错了,电脑就听不懂啦!你看你玩的编程游戏里,那些代码是不是都是整整齐齐排成一列的?那就是我们等宽字体的功劳哦。”
“对了,之前墨墨说过字体风格(Typeface) 和字体文件(Font) 的区别,是不是就像‘衣服风格’和‘具体的一件衣服’呀?”小宇举着刚才的问题,墨墨立刻打了个响指,空中飘出三件一模一样的T恤,上面都印着“宋体”两个字,但是一件细一点,一件粗一点,一件稍微歪一点:“对啦!Typeface是统称的风格,就像‘T恤’这个衣服大类,而Font是具体的某一个字体文件,就像你衣柜里三件不同厚薄、不同版型的T恤,都属于‘T恤’这个Typeface。你电脑里能打出来的‘思源宋体’‘方正宋体’‘华文宋体’,都是‘宋体’这个Typeface下面的不同Font,就像都是T恤,有的是纯棉的,有的是冰丝的,有的是加绒的,都是同一个风格的不同版本哦。”
【🤖 互动提问1】请你找一找你身边的3本书(课本、绘本、故事书都可以),找出其中长得不一样的3种字,说说它们看起来像什么?比如像小馒头、像小木棍、像小花朵?`#互动 #观察任务 #字体观察` > 【📱 电子版小贴士:点击“查看提示”可以看到常见字体的对比图,帮助你更快找到不同的字;完成观察后点击“提交答案”可以获得一枚“字体观察家”电子徽章】
小宇眼睛亮了,立刻低头翻自己带来的《史前世界大冒险》,第一个字是封面上“恐龙”两个大字,横细竖粗,边边有小三角形衬线,像一个个站得端端正正的小士兵,是宋体;第二个是目录里的“霸王龙”三个字,线条一样粗,没有任何装饰,像一个个胖乎乎的小馒头,是黑体;第三个是扉页上的“作者:XXX”,字迹歪歪扭扭的,像小朋友写的,是手写体。他刚想喊墨墨看,墨墨已经拉着他往字体王国的广场走:“走,我带你去看看字体小精灵们都在忙什么!”
广场上热闹得像赶集:宋体小精灵正蹲在地上给小学课本排版,每个字都站得端端正正,像一个个认真听课的小学生;黑体小精灵站在高高的梯子上给商场广告牌写大字,每个字都胖乎乎的,远远就能看见;圆体小精灵坐在小桌子前给小朋友的贺卡写字,每个字的边角都是圆圆的,像一个个小汤圆;还有个穿黑色长袍、字迹尖尖的哥特体小精灵,正举着笔给万圣节的海报写字,看起来神秘又酷炫。
“你看,不同的字体就像不同的衣服,要穿在不同的场合哦!”墨墨跳到广场中心的喷泉边,喷泉里的水都是小小的字,有的胖有的瘦,“你上课用的课本,里面的字要清晰好认,不能有太多花里胡哨的装饰,所以大多会用宋体或者黑体,就像你上学要穿校服,整齐又方便,不会分散注意力;你看的童话书,里面的字要可爱,像小朋友写的,所以会用圆体或者手写体,就像你出去玩要穿漂亮的公主裙,看起来开心;大街上的广告牌,要让大家远远就能看见,所以会用特别粗的黑体,就像你上台表演要穿亮闪闪的衣服,所有人都看得见;还有古风的故事书,会用楷体或者隶书,就像穿汉服的小书生,看起来特别有文化,符合故事的氛围。”
他指了指广场边上一个穿灰色长袍的小精灵,那精灵的字迹像画画一样,“日”就是一个圆圈中间一点,“月”就是一个弯弯的月牙,正在给一群小朋友讲字的故事:“那是甲骨文小精灵,是汉字家族最老的祖先哦,他的每个字都是从画画变来的,你看‘马’字,就像一匹有马头、马鬃、马腿、马尾巴的小马,特别有意思!后来汉字慢慢演变,从甲骨文到金文,到小篆,到隶书,到楷书,就像小精灵慢慢换衣服,越来越方便认,越来越好看。”
【📖 纸书插图提示3:画面是字体王国的广场,喷泉里喷出的是小小的汉字和拉丁字母,不同字体的小精灵在忙各自的工作:宋体精灵排课本、黑体精灵写广告牌、圆体精灵写贺卡、哥特体精灵写万圣节海报、甲骨文精灵给小朋友讲字的故事,背景是像积木一样的字体王国城堡】 【📱 电子版交互提示3:点击喷泉里的不同字体,可以看到该字体在实际场景中的应用案例,比如宋体在课本里、黑体在广告牌里的效果】
“那字体的设计要照顾哪些部分呀?”小宇看了一会儿,发现有的字胖,有的字瘦,有的边边有小装饰,有的没有。 “汉字的设计主要照顾四个部分哦!”墨墨伸出四个小手指,一一数着,“第一个是笔画(Stroke,/strəʊk/) `#术语 #Stroke #笔画` ,就是字的每一笔,横、竖、撇、捺、点,就像搭房子的砖块;第二个是**结构(Structure,/
认,这就是汉字家族的设计小秘密啦。”墨墨跳到汉字小精灵堆的最前面,拍了拍一个穿深红色斜襟小旗袍、领口别着白色小盘扣的小精灵的头顶,那精灵发间别着的“宋”字小牌子晃了晃,立刻挺直腰板向小宇鞠了一躬,裙摆边露出的一排小三角形衬线像给裙子镶了细细的小花边。“小朋友你好!我是宋体小精灵,属于汉字家族的衬线体(Serif,/ˈserɪf/) `#术语 #Serif #衬线体` 成员哦。”墨墨又拉过旁边一个穿亮黄色连帽运动服、线条笔直的小精灵,那精灵头顶的“黑”字牌子撞得墨墨的墨点帽子晃了晃,声音脆得像铅笔划过纸面:“我是黑体小精灵,是汉字家族的无衬线体(Sans Serif,/sæn ˈserɪf/) `#术语 #SansSerif #无衬线体` 小代表!”
“什么是衬线呀?”小宇凑过去,伸手想摸宋体小精灵裙摆上的小三角形,手指穿过了半透明的精灵身体,只碰到书页上微微凸起的印刷纹路。 “就是字笔画末端的那些小装饰呀!”墨墨踩了踩宋体小精灵的鞋尖,那些小三角形衬线立刻亮了起来,像撒了一层碎星星粉,“就像你穿的小皮鞋,有的鞋尖是圆圆的,有的是尖尖的,还有的带着小蝴蝶结,这些小小的装饰就是衬线。有衬线的字体看起来更优雅,像穿旗袍的小姐姐;没有衬线的‘Sans’是法语里‘没有’的意思,无衬线体就像穿运动服的小运动员,干净利落,跑起来都带风。”
旁边的拉丁字小精灵堆里也飘过来两个小伙伴:一个穿藏青色小西装、领口别着刻着“Times New Roman”金色领结的“T”字母精灵,横竖的末尾都带着小小的三角形衬线,像穿西装的小绅士;另一个穿印着“Arial”字样的白色T恤的“A”字母精灵,线条笔直没有任何装饰,像刚打完篮球的男生。“我们是拉丁字家族的衬线体和无衬线体哦!”T精灵挥了挥手,“你看我们的衬线和汉字家族的宋体小精灵是不是长得很像?都是小小的三角形装饰,所以不管是汉字还是拉丁字,有衬线的都归到衬线体大家族,没有的归到无衬线体大家族,是全世界字体通用的分类方法哦。”
【📖 纸书插图提示2:画面分成左右两部分,左边是汉字字体小精灵:穿旗袍带衬线的宋体精灵、穿运动服无衬线的黑体精灵、穿蓬蓬裙的圆体精灵、穿汉服的楷体精灵;右边是拉丁字字体小精灵:穿西装的Times New Roman衬线精灵、穿T恤的Arial无衬线精灵、穿花裙子的手写体Script精灵、穿格子衫的等宽Monospace精灵,中间站着举着钢笔的墨墨和小宇,背景是飘着字体的书店书架】 【📱 电子版交互提示2:点击每个字体小精灵可以听到它的自我介绍,还会展示对应字体的典型样例,点击衬线/无衬线的标签可以对比两类字体的区别】
“那为什么汉字和拉丁字长得完全不一样呀?”小宇晃了晃手里的《夏洛的网》,书页上的英文字母歪歪扭扭排成一排,和旁边中文绘本的方方正正的字形成了鲜明的对比。 “因为我们是两个完全不同的大家族呀!”墨墨跳到两堆小精灵中间,一只手搭在汉字小精灵的肩上,一只手搭在拉丁字小精灵的肩上,“汉字是表意文字(Logographic,/ˌlɒɡəˈɡræfɪk/) `#术语 #Logographic #表意文字` ,每个字都是一个完整的意思小方块,就像你玩的积木,搭好的成品就是字,你看‘月’字像不像弯弯的月亮?‘火’字像不像跳动的火苗?看形状就能猜出意思,不需要读出来;而拉丁字是表音文字(Alphabetic,/ˌælfəˈbetɪk/) `#术语 #Alphabetic #表音文字` ,每个字母只是一个发音的小符号,就像散着的积木块,单个的‘s’‘u’‘n’都没有单独的意思,拼起来‘sun’才是太阳的意思,要读出来才知道是什么意思。”
他挥了挥手,空中的字立刻变了:汉字“森”变成了三棵紧紧挨在一起的小树,一看就知道是好多树的森林;而拉丁词“sun”变成了三个小字母手拉手,头顶冒出一个金色的小太阳,只有拼在一起才能发光。旁边还有个穿汉服的小篆精灵,举着“日”“月”的牌子,字迹圆滚滚的像小饼干;还有个穿罗马长袍的拉丁字精灵,举着“S”“O”“L”的牌子,只有拼成“SOL”(拉丁语里的太阳)才能发光。
“除了衬线和无衬线,字体还有好多其他分类哦!”墨墨指了指飘过来的两个新精灵,一个穿粉白色蓬蓬裙,字迹歪歪扭扭像小朋友用蜡笔写的,头顶写着“娃娃篆”:“我是汉字家族的手写体(Script,/skrɪpt/) `#术语 #Script #手写体` 小精灵,我的字就像小朋友写的字,歪歪扭扭的特别可爱,适合写在贺卡、童话书里,就像你上次给妈妈画的生日贺卡上的字,就是手写体哦。”另一个穿碎花长裙的拉丁字“L”精灵,字迹像连笔的花体英文,甩了甩袖子:“我也是手写体!我的字像用钢笔写的连笔字,特别优雅,适合写在婚礼请柬、情书里,看起来特别浪漫。”
紧接着又飘过来两个穿一模一样格子衫的精灵,一个汉字的“等”字精灵,每个笔画都一样宽;一个拉丁字的“C”字母精灵,每个字母的宽度都完全一样。“我们是等宽字体(Monospace,/ˈmɒnəspeɪs/) `#术语 #Monospace #等宽字体` 小精灵!”等宽“C”精灵敲了敲自己的格子衫,“我们每个字都一样宽,排队的时候特别整齐,所以程序员叔叔阿姨写代码的时候最喜欢用我们,不然代码对齐错了,电脑就听不懂啦!你看你玩的编程小游戏里,那些代码是不是都是整整齐齐排成一列的?那就是我们等宽字体的功劳哦。”
“对了,之前墨墨说过字体风格(Typeface) 和字体文件(Font) 的区别,是不是就像‘衣服风格’和‘具体的一件衣服’呀?”小宇举着刚才的问题,墨墨立刻打了个响指,空中飘出三件一模一样的T恤,上面都印着“宋体”两个字,但是一件细一点,一件粗一点,一件稍微歪一点:“对啦!Typeface是统称的风格,就像‘T恤’这个衣服大类,而Font是具体的某一个字体文件,就像你衣柜里三件不同厚薄、不同版型的T恤,都属于‘T恤’这个Typeface。你电脑里能打出来的‘思源宋体’‘方正宋体’‘华文宋体’,都是‘宋体’这个Typeface下面的不同Font,就像都是T恤,有的是纯棉的,有的是冰丝的,有的是加绒的,都是同一个风格的不同版本哦。”
【🤖 互动提问1】请你找一找你身边的3本书(课本、绘本、故事书都可以),找出其中长得不一样的3种字,说说它们看起来像什么?比如像小馒头、像小木棍、像小花朵?`#互动 #观察任务 #字体观察` > 【📱 电子版小贴士:点击“查看提示”可以看到常见字体的对比图,帮