恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
字体的未来——互联网时代的字体创新
0.0°
2016-05-20 原创文章 经验/观点 举报 5303 76 114 7

Image title


本文由UI中国8周年庆典,方正字库业务部副总经理黄学钧的演讲整理而成。

黄学钧从1991年加入方正,到现在一直做字体设计。


字体的历史


字体与工具的关系


历史实际上现在的字体跟咱们的书法有着密切关系。书法发展到今天有两个走向,一个是成为艺术品,成为挂在墙上的艺术;而书法实用性的功能被计算机字体取代,整个中国字体的发展与工具,跟工艺有密切的关系。

Image title

最早是毛笔写在纸上到后来刀刻在石头上成为碑帖到刀刻在木材中雕版,到后来铅字,只是工具变成了鼠标、键盘、计算机。



如何设计一款字体?


很多人都不知道我们每天用到的宋体、黑体是人一个个画出来的,认为都是设计几个偏旁、部首通过电脑就产生出来,其实完全不是这样,每一个字都是字体设计师一笔一划一点一线画出来的。


Image title

宋体字老的师傅写的时候先打单线结构,描轮廓,填墨再修补等等,这是他们使用的工具,一个非常有经验的老师傅一天只能画4-5个字,开发一套字库没有计算机之前是非常大的工程,要几年时间,一套字最少6763个,这是很大的工程。



为什么设计一款字体?


字体有很多它基本的属性,它会随着时代的变化,我们在设计字体之前一定有一个明确的功能,我设计这款字体并不是为了好看的或者玩的或者怎么样,而是一定有一个它很明确的功能的指向。


Image title

宋体最左边叫字典宋,中间叫报宋,右边是书宋,宋1是为辞海设计的,报宋是为人民日报设计的,书宋是为《毛泽东选集》设计的,这三个宋体是完全不同的功能的设计,它的用途不一样,因为辞海纸很薄,书的字好相对粗一些。即使一个简单的宋体也有很明确的设计的功能性。


Image title

我们每天开车咱们路牌的字体,这个字体是非常讲究的,它的功能是什么?让司机无论雨天、雪天、白天、黑天,在任何情况下可以快速的识别这个字是什么字,然后把他的注意力专注在驾驶上,这样可以减少事故。快速识别是这个字最主要的功能,我们的邻国日本为了增加识别性甚至牺牲笔划,我们现在的路牌,特别是晚上开车,灯光看路牌的字体经常笔画一多,在光晕作用下白花花一片很难识别,这就是问题。



字体的现在



屏显字体的发挥空间


Image title

诺基亚小的绿屏手机,最早的字给的屏幕表现字的空间非常有限,只能有11点、12点或13点,那时候“赢”字这样的空间放不下这个字,只有通过牺牲笔画,让你缩小到一定字号大概一看是这个字,结合上下文保证不出问题就行了,现在随着屏幕分辨率越来越高,给了字体设计师,给了我们非常充分的表现空间。


视网膜屏的时候已经可以足够表现很多线条,汉字笔画有26个线,在它只有十二三线的点阵范围内根本无法描述。所以,屏幕技术进步了,屏幕分辨率越来越高,它完全提供了字体设计师可表现的空间,让字体设计师有空间去发挥。


字体三个基本要素:“笔形、结构、粗细,决定了一款字体的风格跟他的用途。”


Image title

笔形:可能很多人都用过微软雅黑和微软雅黑的升级版兰亭黑,都是方正设计的,那个字体可以说满处都是,经常我们都能看到,但是也有很多人看到,因为那个字是非常机械,非常现代的,非常冷峻的一款字体。很多人看完了说有没有不是微软雅黑的风格秀气一点的。所以,我们设计最初的想法是让这个悠黑回归到人文气息、书写气息的。所以,它的笔划不再是很冷峻很机械的那种感觉,而是融入了很多书写的东西,让这个字它的起笔,特别是一撇一捺都有一个书写的感觉。


Image title

结构:由于原来的分辨率下他的空间不足够,只能尽量的扩大这个字面,把空间用足了。所以,当高清的时候我们就开始回归回到中国传统,传统书法、传统手写的那种感觉。所以,这是我们字体设计总监仇寅老师说过的话,我非常认同,汉字书写的精神是中文正文字体创作的灵魂。同时我也听到过老的字体设计师说真正好的宋体是写出来的,不是设计出来的,真正中国字的精神是在写的书写,特别是正文字体缩小到一定字号的时候,看的就是它的结构,看的就是它的精神。只有具有一定书法根底的人才能把结构控制的非常好。


Image title

粗细:比较经典的日本关于粗细的图,繁体的“书”有那么多横、竖,每个粗细都不一样的,这不是为了装,这是真的,这种设计就是让视觉上的平衡,粗细的均衡,以达到这个目的。这个粗细也不是随便哪个粗哪个细,它遵循一定的原则,比如横细竖粗,主粗副细,外面粗里面细,密的地方细等等,做设计的时候一定要遵循这个原则。


如何设计一款屏幕字体?


以方正悠黑为例介绍了我们如何设计一款屏幕时代的正文字体。Image title

做完在锤子官网的应用,和谐一致得不像两个面,这是悠黑里的超细悠黑,显得这个字体非常精致,同时这个字体一些粗的档也适合我们在纸质书刊正文的排版。


对于字体来说,兰亭黑也好,悠黑也好,可能不是设计师几乎分辨不出来。所以,对于好的字体设计师来说或者好的字体来说一定不能太夸张,跟同时代的大部分字体乍一看是差不多的,但仔细一瞧有所不同,这个细微的不同排成正文之后又产生一个非常微妙的变化,既利于阅读,让整个文本的气息又发生变化,这就是对字体设计师很大的一个挑战。


如何评判一款字体?


我个人的经验,首先还是从笔形成、粗细、结构三点考虑。这是一个宋体的点,你在设计这个字的时候,即使是这么一个点,你如何用计算机的数学的曲线很好的把它描述,这就相当于做字,一定既符合数学曲线的规范,也符合这个字形这个点的形的规范,这就是做工精细,相当于一个产品精细质量的程度。


Image title

Image title

“国,工,量,二”,高低宽窄都不同,这种不同并不是为不同而不同,高低的线每一个颜色代表一个字的线,它追求的是让你视觉上大小、重量的一致,要达到这个一致由于笔画的不同,横的多少是不同的。所以,它摆放的位置也都是有细微的变化,而不是一条直线上大家上顶天,下顶地,这样视觉大小是不一样的。每一个字的外轮廓都是有差异的,这个差异最终追求的是它整个这个字本身视觉重量的一致。


Image title

还有一个是重心,每个字都有视觉重心,在物理中心的偏高一点点,人阅读的时候人的视线是跟着视觉中心走的,如果高高低低产生变化人的视线也会产生变化,长时间阅读一定会视觉疲劳。


刚才从笔形结构粗细上分析,这个是我跟现有的一些黑体字做一个比对,作为方正来说,评价其他厂商可能不够客观,这仅代表我个人观点,一个做了二十多年字的人的个人观点。


Image title

上面是著名的冬青黑体,在日本叫角黑,被设计师非常认同的一款字体,拉扁之后造成了很多误差。“鱼”这个空间太大了,造成了上下的空间的不均匀,圆字“口”和“贝”的空间也是不均衡的,为什么产生这个原因?由于原来它是繁体字,鱼下面是四个点,变成横的时候可能设计师就把点去掉把横放在那儿,这个贝也是这样,原来是一撇一点,这种字,特别用在正文的时候你必须动任何一笔的时候可能产生空间的变化,而这种变化都要整体的调整。再有衣的白的空间分布的均匀性。


设计师,包括UI设计可以不会设计字体,但一定对字体有一个评判的能力,知道什么是好的字体,同时也应该适当的了解如何去用好字体。


字体就像文字的衣裳,都是有生命的。


Image title

宋代的人跟宋代的字。


Image title

民国时的人跟民国时的字,形象气质非常匹配。


Image title

文革时七八十年代的人跟那个时候出现的字。


Image title

民国时的聚珍仿宋,建国以后梅兰芳的变化和字的变化。


沿着这样一个思想,一个模式下变化的。每一款字体跟人一样有他的表情,有他的性格,可以说不同的字体可以看到都有他的性格,他跟人是一样的,有他的气质。任何一款字体都要跟着这个时代变化。


Image title

Image title

综艺体被设计师用了很多年很烂了,就像王宝强一样,字体也跟着一样,需要不断包装,不断变化。


没有不好的字体,只有用得不好的字体


Image title

一个真实的案例,一个大学的设计学院它的品牌字体,每次看到这个字体我想到的就是洗剪吹。对于这样字体的设计目的是什么?保证让它三十年之后,你要记得今天用它我三十年后看着它依然不过时,依然是可以用的。


Image title

雅诗兰黛,这个字也是很烂,我们设计师实在看不下去给他做了一个优化。


Image title

国外设计师做的小清新,给要饭的乞丐重新设计他的牌子。


字体是文字的衣裳,它跟衣裳一样可以让你去联想。经常很多人问我用了这个字体是不是马上就好了?


Image title

大家看看国外一个模特穿上赵本山同款,一定是需要每个人,每个用途,每个地方选择合适的字体,正确使用它。


Image title

其实我觉得赵本山应该这样才是对的。


字体的未来


字体的发展方向:专业化、多样化、个性化


对于未来,其实字体的发展规律跟服装一样,服装螺旋式上升,字体前进、后退,用在这个过程中让字体不断成熟,不断成长,不断完善。


Image title

Image title

Image title

对比一代、二代跟悠黑之间,给用户更多的选择。黑体是目前最适合屏幕阅读的字体,但是我们的设计师在考虑下一代宋体也有可能是非常适合屏幕的,但是必须是为屏幕专门设计的。



互联网时代的字体创新


  • 压缩字库技术:手机聊天可以使用压缩,这个字库只有500-550K之间,而且是不需要任何引擎的,是标准的TrueType字库,可以跨平台应用,非常节省空间。
  • 字库不再是专业人做的事儿:在计算机时代谈到未来,原来字库是专业人做的事儿,现在可能人人都有可能做这件事儿了。


我们开发一个APP——“写字先生”,用手指在手机上直接写字,写的非常好,非常让人震惊的。每一个人都可以拿手机在闲的无聊时间写写字,感受感受中国文化,这可以让人静下来,不至于那么浮躁。

Image title


我儿子老拿手机玩游戏,我让他用上这个,结果他用了三个月的时间写了一套6763字的中文字体。8岁小孩都可以实现的,我觉得很多人一定也可以实现。很多人凭着直觉写这个汉字,写出来的感觉我想都是想不出来的。


孩子是我们的未来,他们用他们的思维,可以学习他们的思维,模仿他们的思维,让我们未来出现更多的创新。谢谢大家。


End.


更新:2016-05-20

收藏

76人已收藏

UI中国人物专访

官方唯一指定采访大号

  • 60

    作品

  • 3291

    粉丝

  • 4

    关注

  • 琅琊榜|阿牛Design:大厂品牌营销设计师的努力和坚持
  • 琅琊榜|LEE海:自由插画师的自由创作生活
  • 琅琊榜|Coldrain 1:非科班出身的我,一路走来喜忧参
  • 琅琊榜|章三疯:用基础设计科学构筑城墙
相关标签

    猜你喜欢

      2016-05-20 原创文章 经验/观点 举报 5303 76 114 7

      字体的未来——互联网时代的字体创新

      0.0°

      你确定要举报字体的未来——互联网时代的字体创新

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年05月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      114
      76
      7

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录